开心的小程序员

摘要： 1.按条件封装新组件 在一个新的组件内根据不同的条件返回不同内容的组件 2.使用元素变量 将元素存入一个变量，作为变量表达式再渲染 3.与运算符&& 当条件满足再渲染，true && expression 总是会返回 expression,而 false && expression 总是会返回 fa 阅读全文

摘要： setState最常见的问题是，是异步的还是同步的？ setState在React.Component中的函数，是同步函数。但是我们调用的时候，不同的传参和不同的调用位置都会导致不同的结果。 从页面看有时候是同步的，有时候是异步的。 PS: 如果在componentDidMount触发，和用按钮事件 阅读全文

摘要： 1.React.Children相关 1. React.Children.map(props.children, mapFunc) 1）该方法用于在props.children不透明的情况下，安全的遍历组件children。 2）该方法可以平铺嵌套数组的返回值。 2. React.Children. 阅读全文

摘要： 1.React组件分类 组件接受任意参数（props），返回React元素。 组件分为两种： 函数式组件和类组件。 1.函数式组件 1)函数式组件是一个接收props参数的纯函数。纯函数要求传入的参数不能被修改，并且函数的返回值只受props值影响，只要props相同，返回值就相同。 2）❗️必须返 阅读全文

摘要： 1.Set数据结构 Set本质上是一个没有重复数据,但是具有irerator接口可以遍历的一种集合。 Set本身也是一种数据结构的构造函数。 1.Set的初始化 上面生成一个Set的实例，obj是集合对象，可以通过for...of遍历。 参数可以是数组，也可以是类数组（具有iterator接口的数据 阅读全文

摘要： 详情参考 1.对象的表示方法 js原生提供Object构造函数。js中所有的对象都是Object的实例。 定义一个对象最简单的就是var obj = {}; ES6属性和方法允许简写。对象的super属性只能用在简写的方法中，其他的地方都会报错。 属性可以使用存取器表示。存取器的使用场合一般是： 属 阅读全文

摘要： 1.简介(详情参考) class是构造函数的语法糖。 class的constructor方法内的实现，就是原来构造函数的实现。 class内的所有方法都是在prototype上的，就是原来构造函数的prototype上的实例共享方法。 ⚠️对于访问内部函数有差别：class内部定义的函数不可遍历，构 阅读全文

摘要： 1.ES6 Module javascript在ES2015（ES6）中出现了语言层面的模块（module）。 ES6的模块既可以用于浏览器端，也可以用于服务器端（nodeJS）。 ES6模块是静态化的模块加载，可以实现静态优化，在编译时就可以分析确认模块的依赖和输入输出变量。 webpack中Tr 阅读全文

摘要： 1.数组的解构赋值 数组的解构赋值其实是=左右进行“模式匹配”。 ❗️❗️❗️=右侧是具体的数值，不是变量！，=左侧的是变量！如果右侧是变量形式，需要先计算出具体的数值！！ =有侧不能是非数组，非数组会自动转为包装对象。{}不行，因为对象不含iterator接口。但是Set可以，Set有iterat 阅读全文

摘要： 1.过时的生命周期（v16.3之前） 1.当前组件初次渲染： 绿色表示执行顺序。 constructor()： 如果不需要初始化，可以直接省略，会自动补全该函数。 可以在这个方法中初始化this.state。也可以直接直接在类的顶部初始化实例属性：state = {} 并且一定要调用super(pr 阅读全文