字节跳动面试题更新 2026-08-05
关于CSS transform: translate()的无限循环动画，为什么动画运行时能保持流畅？
字节跳动前端/移动开发互联网/IT性能优化技术原理问题排查CSS
考察说明
考察对CSS合成层、GPU加速与浏览器渲染管线的理解
回答思路
- 指出transform只触发合成（composite）阶段，不触发重排或重绘
- 说明动画元素被提升到合成层并由GPU处理
- 对比修改width/height或top/left会触发layout与paint的开销
- 提及will-change或硬件加速提升合成层创建
本题附完整参考答案与评分标准
登录后可查看结构化答题指导；也可以直接开一场模拟面试，AI 面试官用本题实时追问并给出评分。
