gpt4 book ai didi

javascript - Angular 中增量 DOM 和虚拟 DOM 的区别

转载 作者:行者123 更新时间:2023-12-04 02:18:14 25 4
gpt4 key购买 nike

我有两个关于 Angular 问题。我已经尝试阅读一些文章,但我无法理解,
什么是增量 DOM?
增量 DOM 和虚拟 DOM 有什么区别?

最佳答案

增量 DOM 是一个用于构建 DOM 树并在数据更改时就地更新它们的库。它与已建立的虚拟 DOM 方法的不同之处在于不创建中间树(现有树就地变异)。这种方法显着减少了对 DOM 树的增量更新的内存分配和 GC 抖动,因此在某些情况下显着提高了性能。

https://github.com/google/incremental-dom

虚拟 DOM 将新的整个虚拟 DOM 与之前的虚拟 DOM 进行比较(差异)以进行更改,然后将这些更改应用于实际 DOM。 - 这种方法创建了一个新的虚拟 DOM 来确定更改(内存很重)。

增量 DOM 有一个虚拟 DOM 并沿着树遍历以查找更改,然后对虚拟 DOM 进行变异,然后将这些更改应用于实际 DOM - (减少内存大小和垃圾收集)。

虚拟 DOM - 具有很大的内存占用,因为它需要为虚拟 DOM “可能”发生的更改留出空间。

增量 DOM - 不需要这么大的占用空间,因为内存只分配给更改。

测试表明,即使没有虚拟 DOM,增量 DOM 也可以足够快地工作。

关于javascript - Angular 中增量 DOM 和虚拟 DOM 的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59353089/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com