讲一下UI 动画，包括：CSSJS 动画的性能差异与时序控

[问答题]

讲一下UI 动画，包括：CSS/JS 动画的性能差异与时序控制。

已转码的钝角很开心

能用CSS做的就用CSS（硬件加速，浏览器优化好），需要复杂时序/交互/物理效果就用JS，两者尽量只改transform/opacity并控制刷新节奏，避免回流实践：优先transform/opacity&wull-change（适度）降帧与节流（长动画/弱机），读写分离（避免逐帧读写）

发表于 2026-02-25 14:56:54 回复(0)

秋水夏树

CSS 动画：使用 transform/opacity 采取 GPU 加速，直接操作合成层。will-change/transform 创建合成层，独立不影响外部。 JS 动画：回流次数多，性能相较于 CSS 动画差，但能够处理时序复杂的动画。

发表于 2025-09-17 02:13:13 回复(0)

提交观点

问题信息

来自：前端开发-牛客面经八股

难度：

2条回答 5收藏 419浏览

扫一扫，把题目装进口袋