通俗点说,
重绘就是改变某个节点的样式,重排就是增加或者删掉某些节点
所以说,重绘不一定会引起重排,但是重排一定会引起重绘。
也就是你写了一个html+css,
重绘
就是修改一下颜色,字体大小,背景等等;但是
重排
的话,就会在你原来的结构上,又增加了一个东西,把你的写的东西全打乱了,所以你需要
重绘
,把结构重新排版。
引起重排的原因:
1)添加、删除可见的dom
2)元素的位置改变
3)元素的尺寸改变(外边距、内边距、边框厚度、宽高等几何属性)
4)页面渲染初始化
5)浏览器窗口尺寸改变
如何减少重绘重排呢?
1.分离读写操作
2.集中改变样式
3.脱离文档流
版权声明:本文为sweet_12312原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。