React——虚拟DOM与Diff算法(不用index为key赋值的原因)
React——虚拟DOM与Diff算法(不用index为key赋值的原因)
篇幅较长,但看完定会收获满满~
React的高性能很多来自于它的虚拟DOM,在项目初始化渲染,或处罚setState时,会触发render()函数来进行页面渲染,React并不会一个组件一个组件的向页面中插入DOM元素,而是在内存中创建一个DOM tree,等到所有新节点都放到了内存中的DOM tree中后,React会一次性的将其渲染到页面中,这样就只触发了一次DOM操作;
由于浏览器中DOM操作非常消耗性能,所以减少DOM操作自
原创
2020-12-29 18:24:14 ·
269 阅读 ·
0 评论