加载

139 阅读1分钟

domTree + cssTree = randerTRree

 dom树    +  css树   =    (渲染)树

渲染树形成完了,渲染引擎才会开始绘制页面

————————————————————

randerTree   的重建称为重排(效率最低)

  • dom节点的删除、添加
  • dom节点的宽高变化、位置变化(物理变化)
  • offsetWidth 、offsetLeft也会重排(重新构建randerTree,以保证结果是实时的)

编程我们要尽量避免这种重排

————————————————————

repaint   重绘

改一个背景图片啊,字体颜色啊啥的