react应用是通过重复渲染来实现用户交互,利用virtualDOM,让每次渲染都支重新渲染最少的DOM。
web前端开发关于性能优化的一个原则:尽量减少DOM的操作。
DOM树是对HTML的抽象,那virtual DOM就是对DOM树的抽象。virutal DOM不会触及浏览器的部分,只存在js空间的树形结构,每次自上而下渲染react组件时,会对比这一次产生的virtualDOM和上一次渲染的Virtual DOM,对比就会发现差别,然后修改真正的DOM树时就只需触及差别中的部分就行。
组件划分的原则:高内聚,低耦合。
react组件的数据分为两种:prop和state;无论prop和state的改变,都可能引发组件的重新渲染。prop是组件的对外接口,state是组件的内部状态。
babel-react-optimize 优化代码
网友评论