当前位置: 首页 >> 科技 >
重绘和重排在计算机语言中是什么?怎么才能避免重排这类问题?
来源:创视网     时间:2022-12-08 14:29:53

重绘和重排是什么?

重排:当DOM的变化影响了元素的几何信息(元素的的位置和尺寸大小),浏览器需要重新计算元素的几何属性,将其安放在界面中的正确位置,这个过程叫做重排。

重绘:当一个元素的外观发生改变,但没有改变布局,重新把元素外观绘制出来的过程,所以重绘跳过了创建布局树和分层的阶段。

重排需要重新计算布局树,重绘不需要,重排必定发生重绘,但是涉及到重绘不一定要重排 。涉及到重排对性能的消耗更多一些。

触发重排的方法: 页面初始渲染、添加/删除可见的DOM元素、改变元素位置、改变元素尺寸、改变元素内容、改变元素字体大小、改变浏览器窗口尺寸、设置 style 属性的值等。

如何避免?

避免重排的方式:样式集中改变、使用 absolute 或 fixed 脱离文档流。

推荐新闻 +
猜您喜欢 +