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

Question

我有两个关于角度的问题。我试过阅读一些文章，但我不明白，什么是增量 DOM？增量 DOM 和虚拟 DOM 有什么区别？

Answer 1

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

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

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

虚拟 DOM - 占用大量内存，因为它需要为“可能”发生在虚拟 DOM 上的更改留出空间。

增量 DOM - 不需要如此大的占用空间，因为内存仅分配给更改。

测试表明，即使没有虚拟 DOM，增量 DOM 也足够快。