3-5 对虚拟DOM的理解?虚拟DOM主要做了什么?


对虚拟DOM的理解?

可以看作是一个使用javascript模拟DOM结构的树形结构

虚拟DOM主要做了什么?

传统的DOM操作,对于复杂项目来说,是非常消耗性能的,对DOM的修改开销非常大,vdom:render virtual dom + diff + 必要的dom更新 和 DOM 操作比起来,js 计算是非常便宜的。vdom render + diff 显然比原生DOM渲染 html 字符串要慢,但是,它依然是纯 js 层面的计算,比起后面的 DOM 操作来说,依然便宜了太多。依次来看,就可以看出vdom很好的提高了渲染效率。

相关