重绘(repaint)和回流(reflow)
1、重绘和回流的区别?
重绘:当渲染树中的元素外观(如:颜色)发生变化,产生重绘;
回流:当渲染树中的元素布局(如:尺寸、位置、隐藏/显示)发生变化时,产生重绘与回流;
回流必将引起重绘,而重绘不一定会引起回流;
2、如何最小化重绘和回流?
尽量避免使用table布局,因为table元素一旦触发就会导致table里所有的其他元素回流;
尽量使用css属性简写,如:用 border 代替 border-width, border-style, border-color;
避免使用css表达式,因为
原创
2020-11-11 19:26:14 ·
172 阅读 ·
1 评论