Angular是否相当于React的Virtual DOM？

发布时间：2020-12-17 17:00:13 所属栏目：安全来源：网络整理

导读：建议不要直接使用Bootstrap与React,因为Bootstrap的 JavaScript可能会直接改变DOM,干扰React的Virtual DOM系统.关于Angular(2)可以说同样的话吗？解决方法 React的Virtual DOM术语超载.如果您的意思是React Element – 一个描述HTML元素或子组件的JavaScrip

建议不要直接使用Bootstrap与React,因为Bootstrap的 JavaScript可能会直接改变DOM,干扰React的Virtual DOM系统.关于Angular(2)可以说同样的话吗？

解决方法

React的Virtual DOM术语超载.如果您的意思是React Element – 一个描述HTML元素或子组件的JavaScript对象,并且在更改检测(对帐)期间使用,那么不,Angular没有等效项.它只解析模板一次,创建绑定并在更改检测期间处理这些绑定.您可以在我编写的文章中阅读更多相关信息,比较两个框架中的变更检测：

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

… because Bootstrap’s JavaScript may alter the DOM directly,interfering
with React’s Virtual DOM system. Can one say the same about Angular

是的,对于Angular来说也是如此.您必须小心其他库不要触及Angular创建的DOM.第三方库只能使用他们自己创建的DOM,但是他们需要考虑Angular处理的DOM更改,例如组件破坏及其DOM元素.如果第三方库将DOM节点附加到组件的视图中并且Angular破坏了主机DOM元素,则会导致内存泄漏,因为第三方库将保留对不再位于DOM中的节点的引用. Angular提供了使用DOM的工具,您可以在以下方面阅读更多相关信息：

> Exploring Angular DOM manipulation techniques using ViewContainerRef

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!