重排和重绘由于节点几何属性的改变或者样式的改变,重绘不影响布局,称为重绘。比如outline、visibility、color、background-color等,重绘的代价很高,因为浏览器必须验证其他节点元素在DOM树上的可见性。Reflow当布局或几何属性需要改变时,Reflow称为回流。回流是影响浏览器性能的关键因素,因为更改涉及更新部分页面(或整个页面)的布局。元素的回流可能会导致其所有子元素以及DOM中紧随其后的节点和祖先元素的后续回流。回流必然引起重绘,重绘不一定引起回流。减少回流重绘使用transform而不是top使用visibility替换display:none,因为前者只会引起重绘,后者会引起回流(改变布局
