您的位置:首页 > 其它

DOM和虚拟DOM、Diff算法

2019-02-21 09:12 211 查看

DOM:浏览器中的概念,用JS对象来表示页面上的元素,提供操作DOM对象的API;
虚拟DOM:JS框架中的概念,用JS对象来模拟页面上的DOM个DOM嵌套;
虚拟DOM目的:实现页面中DOM元素高效更新;
Diff算法:
tree diff:新旧两棵dom树逐层对比过程,逐层对比完成之后,所有需要被更新的元素能够找到;
component diff:在进行tree diff的时候,每一层中组件级别的对比叫做component diff;前后对比后,组件类型相同,则不需要更新;组件类型不同,则需要移除旧组件创建新组件,并追加到页面中;
element diff:在进行组件对比的时候,如果两个组件类型相同,则需要进行元素级别的对比,就叫做element diff;

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: