虚拟DOM

浏览器
前端
发布日期:   2021-05-01
文章字数:   194
阅读时长:   1 分
阅读次数:  

虚拟DOM

出现原因

减少JavaScript对DOM的操作

  1. 将页面改变的内容应用到虚拟DOM上，而不是直接应用到DOM上
  2. 变化被应用到虚拟DOM上时，虚拟DOM并不急着渲染界面，而是调整虚拟DOM的内部状态
  3. 当虚拟DOM收集到足够的改变时，再将这一些变化应用到真实的DOM上

术语

重排

通过JavaScript或者CSS 修改元素的几何位置属性。触发浏览器的重新布局

重绘

修改元素的背景色，布局并没有发生改变。相对于重排，省去了布局和分层阶段

重新合成

渲染引擎跳过布局和绘制，在非主线程上执行合成动画的操作

文章作者: 彭峰
文章链接: http://example.com/2021/05/01/%E5%89%8D%E7%AB%AF/%E8%99%9A%E6%8B%9FDOM/
版权声明: 本博客所有文章除特別声明外，均采用 CC BY 4.0 许可协议。转载请注明来源 彭峰 !
浏览器
赏
  目录