2016 - 2024

感恩一路有你

es6 map 遍历对象 网上都说操作真实DOM慢,但测试结果却比React更快,为什么?

浏览量:1277 时间:2021-03-17 15:17:58 作者:admin

网上都说操作真实DOM慢,但测试结果却比React更快,为什么?

React从未被官方称为比real dom更快。实际上,react还需要使用本机DOM操作innerHTML。

react的快速呈现是指DOM的批处理操作,比如多个P节点的一次性操作,或者某个节点下的子节点的操作。在这种情况下,反应更快。

react原理中的Diff算法:

重新渲染时,react会根据Diff算法计算出新的DOM,这与DOM直接不同。它只更新DOM的这一部分,不移动其他DOM。此时,最初的DOM操作是更新所有DOM。

例如:如果要在UL下重新渲染Li,请使用react进行渲染。React只更新已更改的Li节点,而未更改的Li节点不会移动。对于本机操作,JS通常会重新生成所有Li。如果您比较自己,只更新更改的Li节点,它将比react更快。

[我们最近正在更新react文章。欢迎关注。让我们一起学习,一起进步

目前,有一种方法是不需要循环的。它将数组类型定义为数字类(short、int、float、double)并定义数组行和列。例如,int a[

=New int[4][4],a中的所有元素都是0。但似乎不可能分配其他值。

es6 map 遍历对象 react遍历map对象 react修改state中的数组

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。