美文网首页
react小记1(react的工作原理)

react小记1(react的工作原理)

作者: 折梅踏雪 | 来源:发表于2018-04-28 16:46 被阅读0次

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 优化代码

相关文章

网友评论

      本文标题:react小记1(react的工作原理)

      本文链接:https://www.haomeiwen.com/subject/cdwglftx.html