什么是重绘重排?

  • Post author:
  • Post category:其他


通俗点说,


重绘就是改变某个节点的样式,重排就是增加或者删掉某些节点

所以说,重绘不一定会引起重排,但是重排一定会引起重绘。

也就是你写了一个html+css,

重绘

就是修改一下颜色,字体大小,背景等等;但是

重排

的话,就会在你原来的结构上,又增加了一个东西,把你的写的东西全打乱了,所以你需要

重绘

,把结构重新排版。

引起重排的原因:

1)添加、删除可见的dom

2)元素的位置改变

3)元素的尺寸改变(外边距、内边距、边框厚度、宽高等几何属性)

4)页面渲染初始化

5)浏览器窗口尺寸改变

如何减少重绘重排呢?

1.分离读写操作

2.集中改变样式

3.脱离文档流



版权声明:本文为sweet_12312原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。