domTree + cssTree = randerTRree
dom树 + css树 = (渲染)树
渲染树形成完了,渲染引擎才会开始绘制页面
————————————————————
randerTree 的重建称为重排(效率最低)
- dom节点的删除、添加
- dom节点的宽高变化、位置变化(物理变化)
- offsetWidth 、offsetLeft也会重排(重新构建randerTree,以保证结果是实时的)
编程我们要尽量避免这种重排
————————————————————
repaint 重绘
改一个背景图片啊,字体颜色啊啥的