既然重排如此影响性能,那么我们来找出来都是哪些改变能引起重排。
重新调整浏览器窗口大小
修改字体
添加、删除样式表
修改页面元素内容
激活CSS伪类,如a:hover
修改class的属性
修改DOM
计算offsetWidth和offsetHeight
设置style的属性
如何避免重排或者减少重排带来的性能问题。
修改元素的class属性,并且尽可能在DOM树中比较低的节点上
避免在内联样式中设置多重属性
将动画应用在absolute定位或者fixed的元素上
减少table布局
避免使用CSS表达式
link
既然重排如此影响性能,那么我们来找出来都是哪些改变能引起重排。
重新调整浏览器窗口大小
修改字体
添加、删除样式表
修改页面元素内容
激活CSS伪类,如a:hover
修改class的属性
修改DOM
计算offsetWidth和offsetHeight
设置style的属性
如何避免重排或者减少重排带来的性能问题。
修改元素的class属性,并且尽可能在DOM树中比较低的节点上
避免在内联样式中设置多重属性
将动画应用在absolute定位或者fixed的元素上
减少table布局
避免使用CSS表达式
link