React生命周期以及主要的API介绍

17-01-17 来源：[db:作者]

收藏我要投稿

1.react中的虚拟dom树概念，在html中写标签都会放到dom树种，而在

react中先到虚拟中，他的一个好处就是跨平台，虚拟dom树可以让你的

有一个diff算法，不该删的东西不删，

2.react组件化开发，就是之前的模块化开发是从业务功能中来组织代码结构的

但是我们的组件化开发是基于UI来进行开发的

3.react组件化开发的特性，自定义组件，高内聚思想，独立的作用域，规范化的接口

4.开发组件库

5.jsx:语法解析概括为两句：尖括号按照html来解析，大括号按照JS 语法来解析

6.单项数据流：组织代码的一种方式

7.如果想开发react必须要给予webpack

props和state两个实例属性

props是从外部穿捡来的参数都会传入到props

state相当于ng中的

9.在react中props

10.并不是所有的标签都可以在里面来使用，只有他官方定义的标签才可以

11.区别，如果想使用for必须用htmlfor还有class必须用className

12.支持属性扩散的

13. .../的结构赋值

14生命周期函数的介绍

Mounting:已插入真实DOM

Updating:正在被重新渲染

Unmounting:已移除真实DOM

componentWillMount()

componentDidMount()

componentWillUpdate(object nextProps, object nextState)

componentDidUpdate(object prevProps, object prevState)

componentWillUnmount()

15.循环插入子元素的时候注意一定要有key属性这样diff算法才能找到新插入的元素