angular - Angular 是否有 React 的 Virtual DOM 的等价物？

Question

不建议将 Bootstrap 直接与 React 一起使用，因为 Bootstrap 的 JavaScript 可能会直接更改 DOM，从而干扰 React 的虚拟 DOM 系统。可以对 Angular (2+) 说同样的话吗？

Answer 1

React 的虚拟 DOM 术语重载了。如果您指的是 React Element——一个描述 HTML 元素或子组件并在变更检测(协调)期间使用的 JavaScript 对象，那么不，Angular 没有等效项。它只解析一次模板，创建绑定(bind)并在更改检测期间处理这些绑定(bind)。您可以在我写的比较两个框架中的变更检测的文章中阅读更多相关信息:

• What every front-end developer should know about change detection in Angular and React

... because Bootstrap's JavaScript may alter the DOM directly, interferingwith React's Virtual DOM system. Can one say the same about Angular

是的，Angular 也可能如此。你必须小心其他库不要触及 Angular 创建的 DOM。第 3 方库只能使用他们自己创建的 DOM，但他们需要考虑 Angular 处理的 DOM 更改，例如组件销毁及其 DOM 元素。如果第 3 方库将 DOM 节点附加到组件的 View 中，而 Angular 破坏了宿主 DOM 元素，您将发生内存泄漏，因为第 3 方库将持有对不再存在于 DOM 中的节点的引用。 Angular 提供了使用 DOM 的工具，您可以在以下位置阅读更多信息:

• Exploring Angular DOM manipulation techniques using ViewContainerRef