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;
相关文章推荐
- react中的虚拟Dom与diff算法
- 【转】虚拟DOM 与 Diff算法解析
- React学习(9)—— 高阶应用:虚拟Dom差异比对算法
- React 的 diff 算法
- 网络测量常见算法之二:虚拟位图法
- More than React(三)虚拟DOM已死?
- 深入理解虚拟DOM
- React 的 diff 算法
- React 虚拟DOM及diff算法
- vue diff 算法
- diff.js 列表对比算法 源码分析
- SQL行与行之间相减(电费计算)或 起止码算法或电价、班组算法、局部虚拟表、全局虚拟表
- vue中虚拟dom,无法实时更新的解决方案
- 浅谈React的最大亮点之虚拟DOM
- diff程序的算法
- Finding Similar Items 文本相似度计算的算法——机器学习、词向量空间cosine、NLTK、diff、Levenshtein距离
- 【React自制全家桶】二、分析React的虚拟DOM和Diff算法
- 深刻理解 React (一) ——JSX和虚拟DOM
- 什么是渐进式框架?React虚拟Dom理解?