回流与重绘

重绘

当给一个元素更换背景或更换颜色等操作时，虽然不会改变页面的布局，但是颜色或背景等改变，也会导致页面重新渲染，这就是重绘

回流

到增加或者删除dom节点时，或者给元素修改宽高时，会改变页面布局，也就是说在改变页面布局时会重新构建dom树，然后再次进行渲染，这就是回流

 

总结：

重绘不会改变dom结构

回流则会引起dom结构和页面布局的变化，有回流必有重绘。

 

优化：

避免使用table布局

创建多个节点时，使用document fragment 

避免设置多层内联样式，避免节点层级过多等