Virtual Dom的优势

1,094 阅读1分钟

DOM 引擎 JS 引擎相互独立,但在同一个线程工作;

JS 代码调用 DOM API 就必须先挂起 JS 引擎;激活 DOM 引擎, DOM 重绘后再激活 JS 引擎继续执行,频繁 DOM API 调用,浏览器厂商没有"批量处理"优化;

引擎间切换的代价 重排 重绘,引起巨大性能消耗;

VDOM 的优势

1.不会立即进行排版与重绘;
2.VDOM频繁修改,一次性比较并修改真实DOM中需要修改的部分,最后在真实DOM中进行重排 重绘,减少过多DOM节点重排重绘的性能消耗;
3.VDOM有效降低大面积真实DOM的重绘与重排,与真实DOM比较差异,进行局部渲染;

本文使用 mdnice 排版