JavaScript - 教程之家

59浏览

0评论

微信小程序实现的日期午别医生排班表功能示例

本文实例讲述了微信小程序实现的日期午别医生排班表功能。分享给大家供大家参考，具体如下：1.util.js//获取几天后日期function dateCount(arg,date) { var date1 = arg; var d...

2020-05-27

91浏览

0评论

微信小程序公用参数与公用方法用法示例

本文实例讲述了微信小程序公用参数与公用方法用法。分享给大家供大家参考，具体如下：公用参数：小程序的公共参数，例如网络请求地址、可配置项，可以写在app.js文件的globalData参数...

2020-05-27

51浏览

0评论

react组件从搭建脚手架到在npm发布的步骤实现

最近公司给公司里架设了私有的npm仓库，相应地也需要一个用来发布react组件用的脚手架，在这个过程中又又又又复习了一下webpack，在这里分享下脚手架搭建的过程。首先，我们预期的...

2020-05-27

77浏览

0评论

浅谈JavaScript 代码简洁之道

测试代码质量的唯一方式：别人看你代码时说 f * k 的次数。代码质量与其整洁度成正比。干净的代码，既在质量上较为可靠，也为后期维护、升级奠定了良好基础。本文并不是代码风格...

2020-05-27

82浏览

0评论

微信小程序提取公用函数到util.js及使用方法示例

本文实例讲述了微信小程序提取公用函数到util.js及使用方法。分享给大家供大家参考，具体如下：在小程序中，定义了一项工具文件utils,此文件的js旨在本文件之内有效，当其他子页面...

2020-05-27

78浏览

0评论

其实你可以少写点if else与switch（推荐）

前言
作为搬砖在第一线的底层工人，业务场景从来是没有做不到只有想不到的复杂。
不过他强任他强，if-else全搞定，搬就完了。但是随着业务迭代或者项目交接，自己在看自己或者别人...

2020-05-27

68浏览

0评论

puppeteer实现html截图的示例代码

puppeteer是谷歌官方出品的一个通过 DevTools 协议控制 headless Chrome 的Node库。可以通过Puppeteer的提供的api直接控制Chrome模拟大部分用户操作来进行UI Test或者作为...

2020-05-27

53浏览

0评论

最简单的JS实现json转csv的方法

工作久了，总会遇到各种各样的数据处理工作，比如同步数据，初始化一些数据，目前比较流行的交互数据格式就是JSON，可是服务器中得到的JSON数据如果提供给业务人员看的话可能会非常不...

2020-05-27

94浏览

0评论

微信小程序地图(map)组件点击(tap)获取经纬度的方法

微信小程序中使用地图(map)组件，通过点击(tap)获取经纬度，按照官方的回应，暂时是没法做到的，从地图组件API多有残缺判断，怀疑是个实习生干的...做个变通，适用性有限，请大家参考。基...

2020-05-27

58浏览

0评论

vue实现压缩图片预览并上传功能（promise封装）

本文实例为大家分享了vue实现压缩图片预览并上传的具体代码，供大家参考，具体内容如下主要用到filereader、canvas 以及 formdata 这三个h5的api过程大致分为三步：用户使用input...

2020-05-27

55浏览

0评论

详解在Node.js中发起HTTP请求的5种方法

创建HTTP请求使现代编程语言的核心功能之一，也是很多程序员在接触到新的开发环境时最先遇到的技术之一。在Node.js中有相当多的解决方案，其中有语言内置功能，也有开源社区贡献...

2020-05-27

67浏览

0评论

微信公众号H5支付接口调用方法

本文实例为大家分享了微信内H5调用支付接口的具体代码，供大家参考，具体内容如下官方文档地址<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>微信...

2020-05-27

78浏览

0评论

JS函数节流和防抖之间的区分和实现详解

在写JS时，这两个函数比较常见，有时候傻傻分不清用哪个，或者说知道代码要怎么写，但要说出它究竟是节流函数还是防抖函数时一脸楞逼。今天有一个同学分享了这两个的区分，我也来回顾...

2020-05-27

67浏览

0评论

VeeValidate 的使用场景以及配置详解

创建vue项目:
vue init webpack veecd ./vee npm run dev # oryarn run dev安装 VeeValidate
npm install vee-validate --save# oryarn add vee-validate --save本文中使用...

2020-05-27

93浏览

0评论

详解Vue项目部署遇到的问题及解决方案

写在前面
Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：ha...

2020-05-27

62浏览

0评论

JavaScript创建对象的四种常用模式实例分析

本文实例讲述了JavaScript创建对象的四种常用模式。分享给大家供大家参考，具体如下：这里介绍了javascript中创建对象常用的几种模式，包括：工厂模式，构造函数模式，原型模式，组合构造...

2020-05-27

68浏览

0评论

JavaScript惰性求值的一种实现方法示例

前言在学习 Haskell 时，我遇到了这种写法：sum (takeWhile (<10000) (filter odd (map (^2) [1..])))这段代码的意思是，找出自然整数中小于 10000 的同时是乘方数和奇数的数字，再...

2020-05-27

63浏览

0评论

JavaScript常见继承模式实例小结

本文实例总结了JavaScript常见继承模式。分享给大家供大家参考，具体如下：JavaScript中并没有传统的面向对象语言中的类的概念，但是却实现了特殊的继承机制。（阅读此文您首先需要...

2020-05-27

61浏览

0评论

JavaScript寄生组合式继承原理与用法分析

本文实例讲述了JavaScript寄生组合式继承。分享给大家供大家参考，具体如下：寄生组合式继承寄生组合式继承，就是通过伪造对象来继承属性，通过原型链的混成形式来继承方法。
这种...

2020-05-27

147浏览

0评论

jQuery实现的中英文切换功能示例

本文实例讲述了jQuery实现的中英文切换功能。分享给大家供大家参考，具体如下：1.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/...

2020-05-27

75浏览

0评论

vscode下vue项目中eslint的使用方法

前言
在vscode的vue项目中，关于代码检查和格式化，遇到各种各样的问题，比如：不清楚安装的拓展的功能，导致安装了重复功能的拓展右键格式化文档的时候，不是按eslint的规则来格式...

2020-05-27

107浏览

0评论

vue项目中使用vue-i18n报错的解决方法

前言Vue-i18n大家应该都不陌生，Vue-i18n安装的安装方法如下：
npm install vue-i18n --save然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解...

2020-05-27

53浏览

0评论

JS实现根据数组对象的某一属性排序操作示例

本文实例讲述了JS实现根据数组对象的某一属性排序操作。分享给大家供大家参考，具体如下：根据数组中对象的某一属性排序var newArray = [{ name: "aaa", value: 0},{ name:...

2020-05-27

46浏览

0评论

JS数组求和的常用方法总结【5种方法】

本文实例总结了JS数组求和的常用方法。分享给大家供大家参考，具体如下：题目描述计算给定数组 arr 中所有元素的总和输入描述:数组中的元素均为 Number 类型输入例子:sum([ 1,...

2020-05-27

50浏览

0评论

vue-cli系列之vue-cli-service整体架构浅析

概述
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们...

2020-05-27

174浏览

0评论

使用vue-cli脚手架工具搭建vue-webpack项目

最近更新了webpack配置详解，可移步vue-cli webpack详解对于Vue.js来说，如果你想要快速开始，那么只需要在你的html中引入一个<script>标签，加上CDN的地址即可。但是，这并不算是一...

2020-05-27

61浏览

0评论

用npm-run实现自动化任务的方法示例

自动构建javascript有不少好工具。不过其实很少有人知道，npm run命令就能很好地完成这一任务，配置起来也很简单。James Halliday在博客上分享了使用npm run自动化任务的一些经...

2020-05-27

63浏览

0评论

关于vue的npm run dev和npm run build的区别介绍

关于vue的npm run dev和npm run build的区别介绍，下面就分享给大家，具体如下：├─build│ ├─build.js│ ├─check-versions.js│ ├─dev-client.js│ ├─dev-server.j...

2020-05-27

69浏览

0评论

浅谈webpack devtool里的7种SourceMap模式

我们先来看看文档对这 7 种模式的解释：模式解释 eval 每个module会封装到 eval 里包裹起来执行，并且会在末尾追加注释 //@ sourceUR...

2020-05-27

71浏览

0评论

微信小程序时间轴实现方法示例

本文实例讲述了微信小程序时间轴实现方法。分享给大家供大家参考，具体如下：最近项目需要在页面上做一个时间轴，又是第一次做，而且还是在小程序上，要知道小程序里面没有ol/ul/li，看...

2020-05-27

56浏览

0评论

node全局变量dirname与filename的区别

（1）　__filename变量node.js中，在任何模块文件内部，可以使用__filename变量获取当前模块文件的带有完整绝对路径的文件名。在应用程序根目录下新建app.js文件，其中代码如下所示。...

2020-05-27

56浏览

0评论

详解从react转职到vue开发的项目准备

前言
首先，为什么我需要做这个项目准备工作呢？因为常年习惯React开发的我，最近突然接手了一个Vue项目，而之前基本没有过Vue的实践，这么突兀让还在沉溺于React开发的我进行Vue开发...

2020-05-27

61浏览

0评论

微信 jssdk 签名错误invalid signature的解决方法

几乎每一个开发用于微信公众号页面的工程师都遇到过微信jssdk报的各种错误，通常是permission denied，类似这样：通常他们会建议你把debug选项开开，比如这样： wechat.config({ d...

2020-05-27

93浏览

0评论

微信小程序外卖选购页实现切换分类与数量加减功能案例

本文实例讲述了微信小程序外卖选购页实现切换分类与数量加减功能。分享给大家供大家参考，具体如下：关于微信小程序外卖界面实现选购切换分类与数量加减功能开发步骤：效果图实现...

2020-05-27

65浏览

0评论

element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)

前段时间，在实现带输入建议并且支持模糊查询输入框的时候，发现了两个值得注意的小地方。整理出来，以供借鉴。废话不多说，直接来解决问题。踩坑问题描述：问题一：获取到后端返回的数...

2020-05-27

55浏览

0评论

微信小程序实现多选删除列表数据功能示例

本文实例讲述了微信小程序实现多选删除列表数据功能。分享给大家供大家参考，具体如下：实现小程序一个类似多选列表删除的功能<view class="contarner"> <view...

2020-05-27

62浏览

0评论

Element输入框带历史查询记录的实现示例

需求描述页面的查询框增加一下显示历史查找记录实现及踩坑记录使用Element带输入建议的输入框来实现此需求。用法详见官网1. 坑1：不能直接在querySearch里返回数组，一定要调用...

2020-05-27

53浏览

0评论

jQuery+vue.js实现的多选下拉列表功能示例

本文实例讲述了jQuery+vue.js实现的多选下拉列表功能。分享给大家供大家参考，具体如下：其实就是实现一个多选下拉列表，然后将选中的选项显示到相应的位置；因为主要是jQuery选中...

2020-05-27

60浏览

0评论

webpack file-loader和url-loader的区别

1.前言如果我们希望在页面引入图片（包括img的src和background的url）。当我们基于webpack进行开发时，引入图片会遇到一些问题。其中一个就是引用路径的问题。拿background样式用...

2020-05-27

79浏览

0评论

JS立即执行函数功能与用法分析

本文实例讲述了JS立即执行函数功能与用法。分享给大家供大家参考，具体如下：相信大家经常会遇到下面这两种写法：(function(){ ... })()和(function(){ ... }())关于这样写是什么...

2020-05-27

56浏览

0评论

JS高阶函数原理与用法实例分析

本文实例讲述了JS高阶函数原理与用法。分享给大家供大家参考，具体如下：如果您正在学习JavaScript，那么您必须遇到高阶函数这个术语。这听起来复杂，其实不然。使JavaScript适合函...

2020-05-27

58浏览

0评论

详解webpack引入第三方库的方式以及注意事项

一般情况下，我们不用担心所使用的第三方库，在npm管理仓库中找不到。如果需要某一个库，如：jquery，可以直接运行npm install jquery脚本命令来安装这个项目所需要的依赖；然后，在使用j...

2020-05-27

60浏览

0评论

mock.js实现模拟生成假数据功能示例

本文实例讲述了mock.js实现模拟生成假数据功能。分享给大家供大家参考，具体如下：mock使用方法很简单, 下面是简单的用法, 详细的用法可以看官方文档, 写的很清楚, 下面的代码...

2020-05-27

58浏览

0评论

2019 年编写现代 JavaScript 代码的5个小技巧(小结)

内容基本是今年从其他大神的文章学习到的东西。分享给大家：1 Array.includes 与条件判断
一般我们判断或用 ||// conditionfunction test(fruit) { if (fruit == "apple" ||...

2020-05-27

71浏览

0评论

在vue使用clipboard.js进行一键复制文本的实现示例

需求
最近在做商城项目，有个需求是需要点击复制订单号的，然后就觉得可以使用原生的复制方法和使用第三方库。浏览器原生方法
这种方式兼容性不是太好，还要看浏览器是否支持，容易...

2020-05-27

53浏览

0评论

Vue 样式绑定的实现方法

学习 Vue 的时候觉得样式绑定很简单，但是使用的时候总是容易搞晕自己。因为 :class 和 :style 里的数组语法和对象语法和 data 里绑定的值是不太一样的。这篇文章就简单对 Vu...

2020-05-27

206浏览

0评论

在Create React App中使用CSS Modules的方法示例

前提条件请先进行全局安装 create-react-app 插件哈，安装命令：npm install create-react-app -g先使用 create-react-app 命令下载一个脚手架工程，安装命令：# 使用 npx$ npx cre...

2020-05-27

51浏览

0评论

在Create React App中启用Sass和Less的方法示例

关于创建 create-react-app 项目请查看：create-react-app 的安装与创建。关于在 less 和 sass 如何在 create-react-app 启用 CSS Modules，请查看我的上一篇文章：在 Create R...

2020-05-27

77浏览

0评论

微信小程序出现wx.getLocation再次授权问题的解决方法分析

本文实例讲述了微信小程序出现wx.getLocation再次授权问题的解决方法。分享给大家供大家参考，具体如下：首先，在page外定义一个公共函数用于发送获取位置的请求var getLocation...

2020-05-27

74浏览

0评论

vue开发环境配置跨域的方法步骤

本文要实现的是：使用vue-cli搭建的项目在开发时配置跨域，上线后不做任何任何修改，接口也可以访问production：产品生产环境development：开发开发环境1.开发环境设置跨域使用工具...

2020-05-27

热门文章