重绘(repaint)
指某元素外观的改变所触发的浏览器行为,浏览器会根据元素的新属性重新绘制,使元素呈现新的外观。
触发条件:
1)重排;
2)改变元素外观属性,如:color;
重排(reflow)
当渲染树中的某部分因为元素的规模尺寸,布局等改变而需要重新构建, 这就称为回流。
触发条件:
1、页面渲染初始化;
2、添加或删除可见的DOM元素;
3、元素位置的改变,或者使用动画;
4、元素实际尺寸的改变;
5、浏览器窗口尺寸的变化;
6、填充内容的改变(文字或图片等)而引起的计算值宽度和高度的改变;
7、读取某些元素属性:(offsetLeft/Top/Height/Width, clientTop/Left/Width/Height, scrollTop/Left/Width/Height, width/height, getComputedStyle())