重绘和回流

重绘

影响元素的外观发生变化，比如颜色，不会引起dom树的变化，不会引起页面布局的变化

回流

影响元素的布局发生改变比如元素的大小，引起DOM树的变化，引起页面布局的变化
比如：
页面首次渲染，元素的大小或者位置发生改变，浏览器窗口大小发生改变，元素内容发生改变（比如文字的数量或者图片的大小），元素的字体大小，添加或者删除可见的DOM元素。激活的CSS伪类（:hover），
clientTop,clientLeft,clientWidth,clientHeight
offsetTop,offseLeft,offsetWidth,offsetHeight
scrollTop,scrollLeft,scrollWidth,scrollHeight

联系

回流一定会导致重绘，但是重绘不一定导致回流，回流所需的成本比重绘大得多，改变深层次的节点可能会引起父节点的回流