有没有理由用 translate() 代替 absolute positioning,或反过来?为什么?
Is there any reason you'd want to use translate() instead of absolute positioning, or vice-versa? And why?
题目类型: 技术面试题
这是一道技术面试题,常见于澳洲IT公司面试中。
难度: medium
分类: Performance
标签: translate, transform, reflow, repaint, gpu
参考答案摘要
答案 translate() 是 CSS transform 的一个值。改变 transform 或 opacity 不会触发浏览器 reflow 或 repaint,但会触发 compositing;而改变 absolute positioning 会触发 reflow。transform 会让浏览器为元素创建 GPU layer,而改变 absolute positioning 属性使用的是 ...
答题技巧
技术面试题建议先理清思路再作答,从基础概念讲起,逐步深入。可以结合实际项目经验解释技术原理,展示你的理解深度和实践能力。
本题提供 STAR 原则详细解答和技术解析,登录匠人学院学习中心即可查看完整答案、收藏题目并进行模拟面试练习。