介绍DOM和虚拟DOM的概念
一、React中几个核心的概念
如果不了解虚拟DOM和Diff算法,去学习React将很不好理解,理解完这两个概率就可以说React学完50%了。概念占50%语法占50%。
虚拟DOM (Virtual Document Object Model )//文档对象模型
1、DOM的本质是什么:只局限于浏览器端的概念,用jS对象来表示页面上的元素,并提供了操作DOM对象的API(JS对象除了可以来表示页面上的元素,还能操作元素)。
2、什么是React中的虚拟DOM:虚拟DOM是框架中的概念,是程序员用JS对象来模拟页面上的DOM和DOM嵌套;
//特别标注程序员,虚拟DOM的API是由框架提供的,而框架是由程序员自己写的。
3、为什么要实现虚拟DOM (虚拟DOM的目的) :为了实现页面中,DOM元素的高效更新
4、DOM和虚拟DOM的区别:
>DOM:
>虚拟DOM:
表格的每一列都提供了一个上下箭头,这就是说点击时间就可以进行排序,从大到小或从小到大排序。
Diffit算法
tree diff:
combonent diff: