2016 - 2024

感恩一路有你

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

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

问题:强制GPU渲染对手机有什么影响?

答:游戏画面流畅,但耗热量和耗电量的影响也很大,有时不兼容。

我们知道我们的手机会显示图像。在这种情况下,谁负责处理这些图像?一开始,使用的是CPU。现在,二维图像由CPU渲染。

不过,CPU有一个特点,就是它不多,他们是医生,适合复杂的操作。

但是,图像处理的操作非常简单,需要大量计算。也就是说,许多小学生被要求做一些基本的算术题。

后来,GPU应运而生。GPU专门负责渲染图片。但是有些图像的渲染非常简单,GPU的功耗也比较大。所以我把它给了CPU。

移动电话的结构与计算机不同。手机的CPU、GPU、ISP等部件被组装在一起,称为SOC。

每部手机都有一个GPU,所以所有图片都可以渲染到GPU吗?

这没问题!而且效果更好

!玩游戏时,GPU本身会打开,让大家的画面更流畅,但耗电量也很大。

如果启用强制GPU渲染,则表示CPU压力降低,但GPU操作将减少。GPU本身就是一个耗电大户。如果我们增加更多的GPU计算,我们将增加功耗和热值。

某些与GPU渲染不兼容的应用程序将由于GPU渲染而崩溃。

react强制组件更新 react强制页面重新渲染 react子组件重新渲染

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