虚拟dom

虚拟dom就是真实的js对象,操作内存中的js对象时,比操作DOM的速度要快.

每当数据发生改变时,第一次运行的虚拟dom会先缓存一份,当数据在次发生改变时,它会将当前数据跟上一次结构对比,.

 

 

 

虚拟DOM的作用

之前使用原生js或者jquery写页面的时候会发现操作DOM是一件非常麻烦的一件事情，往往是DOM标签和js逻辑同时写在js文件里，数据交互时不时还要写很多的input隐藏域，如果没有好的代码规范的话会显得代码非常冗余混乱，耦合性高并且难以维护。

另外一方面在浏览器里一遍又一遍的渲染DOM是非常非常消耗性能的，常常会出现页面卡死的情况；所以尽量减少对DOM的操作成为了优化前端性能的必要手段，vdom就是将DOM的对比放在了js层，通过对比不同之处来选择新渲染DOM节点，从而 提高渲染效率。