虚拟DOM的英文
虚拟DOM(Virtual Document Object Model)
DOM的本质
通过js操作页面上的元素(input,tr…… )
什么是React中的虚拟DOM
是框架中的概念,程序员用js对象来模拟页面上的DOM树
虚拟DOM的目的
实现DOM元素的高效更新
用实例讲解
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/27739f3fcef0d3ded55c6ec0939b031f.png#pic_center)
如果要将一个表格按照某一列排序,我们是通过对表格的对象数组实现重新排序后,再将整个数组重新渲染到页面上,这会很浪费资源且不高效。
我们可以用虚拟DOM模拟一个更新后的DOM树,与原来的DOM树进行对比,在原来的DOM树基础上替换不一样的部分,这样可以实现DOM元素的高效更新。