2016 - 2024

感恩一路有你

react异步渲染问题 网上都说操作真实DOM慢,但测试结果却比React更快,为什么?

浏览量:1411 时间:2021-03-15 20:38:04 作者: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文章。欢迎关注。让我们一起学习,共同进步]

react异步渲染问题 react强制重新渲染 react子组件重新渲染

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