虚拟dom和diff算法

虚拟DOM ( virtual dom )

用一个简单的对象去替代复杂的dom对象,存储了对应dom的一些重要参数,在改变dom之前,会先比较相应虚拟dom的数据,如果需要改变,才会将改变应用到真实dom上。

Diff算法 ( 差异算法 )

可以用新渲染的对象树去和旧的树进行对比,记录这两棵树差异,记录下来的不同就是我们需要对页面真正的DOM操作,然后把他们应用在真正的DOM树上,页面就变更了。这样就可以做到:视图的结构确实是整个全新渲染了,但是最后操作DOM的时候确实只变更有不同的地方。

附上链接:
全面理解虚拟DOM,以及通过diff算法实现真正的虚拟DOM操作
深入Vue2.x的虚拟DOM diff原理

猜你喜欢

转载自blog.csdn.net/qq_43031907/article/details/83662607