为什么有时用 translate() 比 absolute 定位更好？反之亦然？

Is there any reason you'd want to use translate() instead of absolute positioning, or vice-versa? And why?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: hard

分类: Performance

标签: transform, translate, absolute, reflow, repaint, gpu

参考答案摘要

答案 translate() 是 transform 的一种。改变 transform 或 opacity 不会触发 reflow 或 repaint，但会触发 compositing；而改变 absolute 定位相关属性会触发 reflow。 transform 会让浏览器为元素创建 GPU layer；而改变 absolute positioning 通常由 CPU 处理。因此 transl...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。