repaint和reflow的相关知识

一个页面由两部分组成: 
DOM:描述该页面的结构 
render渲染:描述 DOM 节点 (nodes) 在页面上如何呈现

repaint重绘: 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint。

reflow回流 :  如果该次变化涉及元素布局 (如 width), 浏览器则抛弃原有属性, 重新计算并把结果传递给 render 以重新描绘页面元素, 此过程称为 reflow。