全玉金生

摘要： 1. setState的改变会触发4个生命周期钩子 shouldComponentUpdatecomponentWillUpdaterendercomponentDidUpdate 2. props的改变会触发5个生命周期钩子 componentWillReveicePropsshouldCompo 阅读全文

摘要： 1.默认状态设置 1.constructor (ES6) 2.getInitialState (ES5) 只能用在React.createClass中，extends React.Component不行 2.默认props设置 1.组件外部 (ES6) 2.组件内部 (ES7，必须开启ES7的bab 阅读全文

摘要： JavaScript的in操作符可以用来判断一个属性是否属于一个对象，也可以用来变量一个对象的属性 1. 判断属性属于对象 2. for in遍历对象属性 3. in可以用来进行判断 4. delete操作符可以删除属性，配合in使用 5. 尽量不要用for in遍历数组 集合遍历的效率为：hash 阅读全文

摘要： 受控组件和非受控组件主要是用来解决表单组件状态谁来控制的问题。因为用户的输入会反应在界面上，相当于视图的状态发生了变化，而react是通过虚拟DOM比对修改视图的，这里就要决定谁来控制表单组件的状态。由用户直接控制的称为非受控组件，而由react的控制的，称为受控组件。 1. 非受控组件 没有设置v 阅读全文

摘要： css的命名冲突目前有几种解决方法： 1.命名约定 人为的制定一下命名规则以避免冲突，例如前缀，嵌套等 2.CSS in JS 在JavaScript中写CSS，使用工具编译为css，最常见的是styled-components 3.使用编译工具改变css类名 最常见的是CSS Modules 4. 阅读全文

摘要： sass中有些非常实用的颜色处理函数，总结如下 1.颜色加深或变浅 例如： 2.rgb和十六进制转换 阅读全文

摘要： 1. for 2. while 3. each 阅读全文

摘要： sass中@mixin，%，@function区别 @mixin 使用@include引用，可传参，返回一段css样式，不用会生成一个class，生成结果是直接拷贝，这样多处引用，会造成代码重复 % 使用@extend引用，不可传参，返回一段css样式。%开头的class只是用来extend，不会生 阅读全文

摘要： dom元素脱离文档流，有如下几种方式： 1. float 脱离文档流，其他dom元素无视他，在其下方布局，但是其未脱离文本流，其他元素的文本会认为他存在，环绕他布局。父元素会无视他，因此无法获取其高度，这也就是浮动元素父元素高度塌陷的原因。 下面是一个例子：特别注意的是，浮动元素后面元素的文字虽然对 阅读全文

摘要： React的ref有3种用法： 1. 字符串(已废弃)2. 回调函数3. React.createRef() （React16.3提供） 1. 字符串 最早的ref用法。 1.dom节点上使用，通过this.refs[refName]来引用真实的dom节点 2.类组件上使用，通过this.refs[ 阅读全文