实例1根据indexOf去重，indexOf的好处就是返回的是首次出现的位置，这样后面即使出现的值一样，也只能返回第一次出现的索引，当然这个只适用于简单的数组

定义和用法 reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。 reduce() 可以作为一个高阶函数，用于函数的 compose reduce() 对于空数组是不会执行回调函数的 浏览器支持 支持谷歌、火狐、ie9以上等主流浏览器 语法 {代码...} prev：函数传进来的初始值或上一次回调的返回...

1.数组的解构赋值 我们知道以前我们给一个变量赋值要这样如下： {代码...} 但是ES6出来之后，我们可以这样： {代码...} 以上就是从数组中提起值，一一对应赋值，a、b、c分别为1、2、3 {代码...} aa,bb,cc分别对应1,2,3 {代码...} d的值为30 {代码...} e为1, f为[2,3,4,5] {代码...} x为1，y为undefined，z为[]，如果没有...

什么是正则表达式？ 正则表达式其实就是，在一个字符串序列中，按照你自己想要的匹配模式，将字符串搜索或替换的过程 正则表达式结构 {代码...} 解析： /china/i 是一个正则表达式，其中china是一个正则表达式主体，i 是一个修饰符(搜索不区分大小写) 使用正则表达式方法 search方法 检索字符串中指定的字符串，并且返回...

制作钟表分成两部分，一部分是表盘，一部分是时针、分针、秒针的走动，首先，先绘制表盘： {代码...} 表盘绘制完毕，再绘制时针，分针，秒针的运动，这里需要新建一个组件来专门管理这个时间运动，在组件中，如下： {代码...} 结果显示： 源码地址：[链接]

生命周期 componentWillMount 在微信小程序中这一生命周期方法对应页面的onLoad或入口文件app中的onLaunch componentDidMount 在微信小程序中这一生命周期方法对应页面的onReady或入口文件app中的onLaunch，在 componentWillMount后执行 componentDidShow 在微信小程序中这一生命周期方法对应 onShow componentDidHide ...

全局安装 Taro 开发工具 @tarojs/cli {代码...} 在要创建项目的目录下，创建项目： {代码...} 以微信小程序为例，创建项目完毕，要运行项目,则如下： {代码...} 当项目在运行时，在项目目录下dist文件中可以看到编译的小程序代码，打开微信小程序开发工具，就可以边开发边在微信小程序开发工具中看到效果 打包项目： {代...

要在antd中引入echart图表，首先得安装echart包，命令如下： {代码...} echart安装完毕，要如何使用呢，在react中我们要引入我们刚刚安装的echart，如下： {代码...} 但是这里引入这个还不止，假设你要画柱状图，则你得引入： {代码...} 如果你要画折线图，你得引入： {代码...} 这里你要画什么的时候，就引入什么，具体...

格式限制 antd中表单的功能很多，下面就为大家整理了一下antd中常用的几种表单输入格式验证： 1. 输入框不能为空限制，如下： {代码...} 2. 输入框字符限制，如下： 字符长度范围限制： {代码...} 字符长度限制： {代码...} 3. 自定义校验 {代码...} validator属性自定义效验，必须返回一个callback 4.whitespace空格报...

一般如果本身有数据，都会有每行数据的id，但是这个id不显示，我们都会用getFieldDecorator给id声明，这样在我们提交表单的时候，就可以得到表单抓取到id的数据，有数据跟没有数据的差别就是，有数据需要在表单getFieldDecorator的时候给一个初始值，其他两者都一样

dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。dva官网地址：https://dvajs.com/

父级向子级传参 父子组件通信主要用到props，如下： 在父组件中： {代码...} 在子组件中： {代码...} 通过上面例子可以看出，在父组件中，我们引入子组件，通过给子组件添加属性，来起到传参的作用，子组件可以通过props获取父组件传过来的参数 子级向父级传参 在父组件中： {代码...} 在子组件中： {代码...} 子组件向...

高阶组件，听着好像很高大尚，但是其实高阶组件就是一个函数的参数是组件，返回的是一个新的组件。那么，高阶组件有什么好处呢，高阶组件可以减少代码冗余，把共有的代码提取出来，下面有个例子说明下：

propTypes是react中用来对参数进行类型检测的，当然要使用这个插件，得先安装这个插件，如下： {代码...} 但是如果你是直接用dva创建的项目，无需安装，直接引入即可，如下： {代码...} 上面那个例子中可以看出，要引入组件PropType，必须得传入参数类型为字符串的content参数，否则会报错 {代码...} PropTypes常用的数...

这里如果是直接this.state.content会把h1标签一起显示出来，所有这个时候就要用到dangerouslySetInnerHTML了，这样只显示内容不会显示标签

利用ref属性返回的回调函数获取DOM节点，从而让页面渲染完成之后，input聚焦，ref除了可以绑定回调函数之外还能绑定字符串，但是在后期react对字符串形式不再维护，这里就不具体说明了，就用回调函数获取DOM。

创建组件 创建组件之前要注意以下几点： 组件创建的名称首字母得大写 组件中返回的JSX只能是一个根节点，所有的内容得用一个元素都框起来 1.无状态函数式组件 无状态函数式组件可以理解成就是一个函数生成的，使得代码的可读性更好，并且精简、便利，减少了冗余，无状态组件有以下特点： 组件无法被实例化，整体渲染提高...

在react中，我们的页面内容就是通过JSX来编写，那么JSX到底是什么呢？JSX其实就是JavaScript对象，会构建创建一个js对象来描述HTML结构的信息。这里要记住JSX是js的一种扩展语言，类似HTML但是又不是HTML，因为JSX中还能进行运算，判断，加入一些js语言等。

用dva创建项目，首先要全局安装dva-cli {代码...} 创建一个项目 {代码...} 项目创建完毕，进入项目目录下，安装ant-design这个ui框架 {代码...} 在项目目录下，安装antd按需加载插件，如下： {代码...} 安装完毕，在项目目录下，找到.webpackrc文件，在里面添加： {代码...} 运行项目： {代码...} 如果不安装antd这个UI...

我们可以去掉这一步直接跳过，需在C:\Users\AppData\Local\Atlassian\SourceTree目录下添加一个accounts.json文件，accounts.json文件内容如下：

let命令 ES6新增了let命令，跟var类似，都是用来声明变量的 1.不允许重复声明 {代码...} 2.不存在变量提升 {代码...} 正确写法为： {代码...} 既要先定义，后面才能有这个值，否则会报错，如果改成var会提示undefined未定义，但是let就直接报错了 3.暂时性死区 只要在块级作用域里面存在let,则它所声明的变量就绑定在这...

基本用法 在ES6中允许使用 => 来定义函数，如下： {代码...} 就等同于 {代码...} 从上面可以看出，在箭头左侧的是代表参数，若参数只有一个，()可以省略，箭头右侧的表示函数代码块，若代码块里面是个返回值，则{}可以省略不写 1.无参数情况 若箭头函数不需要参数，则左侧用()代替，如下： {代码...} 2.有参数情况 {...

1.创建组件 打开微信开发者工具，创建组件，会生成四个文件：wxml,wxss,js,json 在wxml中： {代码...} 在js中： {代码...} 在json中： {代码...} 即组件创建完成 2.引入组件 要在index中引入组件，则 在index.json中： {代码...} 在index.wxml中： {代码...} 则组件就能够显示，要使得组件引入，先要在json中去给组件定...

前言 今天就简单总结一下promise的用法，在用promise之前，我们要先了解一下什么promise，这个东西是用来干什么的？ 通俗易懂的讲，promise其实就是一个构造函数，是用来解决异步操作的，我们平时其实还是会用到挺多的，比如我们经常会嵌套一层层的函数 {代码...} 传统方法我们会这样写，但是如果用promise就会简单很多...

什么是Less？ Less其实就是css预处理器，简单的说，就是动态编写css。 Less用法 首先以vue中开发为例，先安装less和less-loader {代码...} 1.变量 1.变量值定义 格式： @变量名 {代码...} 最终输出: {代码...} 2.属性变量定义 格式：@{变量名} {代码...} 最终输出: {代码...} 3.属性部件变量定义 格式：@{变量名} {代码....

今天来简单整理一下，如何利用git命令把代码提交到GitHub平台上去，当然要提交代码到GitHub上去，您首先得要有GitHub账号，账号如何申请这里就不多做解释了

如果url为[链接]，或者url地址为[链接]:1111/test/test.html,则window.location.host为192.1.1.1:1111如果有端口号，端口号也是要带上的

obj.call(thisObj, arg1, arg2, ...);obj.apply(thisObj, [arg1, arg2, ...]);call和apply作用都是把obj绑定到thisObj的作用，即改变this的指向，然而唯一的区别就是apply传递的参数必须得是数组的形式传递，而call则直接连续参数传递

安装node并不是叫你学习node,而是我们需要node里面npm所有才去安装，进入node官网的下载页[链接]，安装完毕之后在命令框中输入npm -v看下是否有安装成功

数据排序这块应该是每个程序员都会遇到的，而这篇文章主要是介绍js中sort排序如何使用得当，既然有现成的封装的方法就用现成的，自己稍加修改就能完成，不需要再重新自己重头到尾写个函数，当然如果大家有这个兴趣也可以自己写啦。