虚拟dom && diff算法

千锋逆战班,Rayson.Jin学习打卡! 今天给大家介绍一下虚拟dom和diff算法。 一、虚拟dom是什么 1.它是一个Object对象模型,用来模拟真实dom节点的结构 (虚拟dom其实是里面内存型对象(js内存对象) 属于内存数据 真实dom的一层映射) 2.提供一种方便的工具,使得开发效率得到保证 3.保证最小化的DOM操作,使得执行效率得到保证 二、虚拟dom的使用基本流程(前四步骤) ​ 1.获取数据 ​ 2.创建vdom ​ 3.将vdom渲染成真实dom ​ 4.数据更改了 5.使用diff算法比对两次vdom,将之前的虚拟dom树结合新的数据生成一颗新的虚拟dom树 ​