React|React中的及格核心概念
1.虚拟DOM(Virtual Document Object Model)
1)DOM的本质是什么?
【React|React中的及格核心概念】浏览器中的概念,用JS对象来表示页面中的元素,并提供操作DOM 的API。
2) 什么是React中的虚拟DOM?
是框架中的概念,是程序员用JS对象来模拟页面上的DOM和DOM嵌套。
3)虚拟DOM的目的?
为了实现页面中DOM元素的高效更新。
2.DIFF算法
1)Tree Diff:
新旧两棵Dom树进行逐层对比的过程,就是Tree Diff;当两棵DOM树逐层对比完毕之后,则所有需要按需更新的元素必然能被找到。
2)Component Diff
在进行Tree Diff的时候,每一层中,组件级别的对比,就是Component Diff;
如果对比前后,组件的类型相同,则暂时认为此组件不需要被更新;
如果对比前后,租价的类型不同,则需要移除旧组件,创建新组件,并追加到页面上;
3)Element Diff
在进行组件对比的时候,如果两个组件的类型相同,则需要进行元素级别的对比,这就是element Diff。
文章图片
推荐阅读
- 热闹中的孤独
- JS中的各种宽高度定义及其应用
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷(Invasion篇)发售
- Android中的AES加密-下
- 放下心中的偶像包袱吧
- C语言字符函数中的isalnum()和iscntrl()你都知道吗
- C语言浮点函数中的modf和fmod详解
- C语言中的时间函数clock()和time()你都了解吗
- 如何在Mac中的文件选择框中打开系统隐藏文件夹