根据查资料,绝对定位的元素脱离了文档留,可以避免父级元素的回流但是改变其位置属性如style.left仍然会导致其子元素回流那我通过 transform: translate 来改变元素位置,可以避免父/子元素都不回流吗?
不会。渲染流水线是这样的顺序:重排 -> 重绘 -> 合成 transform: translate是直接合成,跳过了前面的重排重绘。极客时间有个专栏《浏览器工作原理与实践》第23、24章讲这个讲得很清楚,感兴趣可以看一下https://time.geekbang.org/col... https://time.geekbang.org/col...
不会。
渲染流水线是这样的顺序:重排 -> 重绘 -> 合成
transform: translate是直接合成,跳过了前面的重排重绘。
极客时间有个专栏《浏览器工作原理与实践》第23、24章讲这个讲得很清楚,感兴趣可以看一下
https://time.geekbang.org/col...
https://time.geekbang.org/col...