标签：动画

动画流畅的本质是「让浏览器只在『合成（Composite）』阶段工作，而不是『布局（Layout）』或『绘制（Paint）』阶段」——即「只改 transform 与 opacity」，并用 will-change/合成层把动画从主线程搬到合成线程，代价是「留给显存与合成开销」（层太多会翻车）。

赞(0)陌上寒2026-10-1505-性能优化 阅读()去评论

React 里做动画的真正难点只有两个——「卸载动画」（组件一卸载，DOM 立刻消失，没机会播动画）与「位置变化动画」（元素从 A 位置跳到 B 位置，没有过渡）——前者用「延迟卸载 + 动画结束回调」，后者用「FLIP」；

赞(0)陌上寒2026-10-1201-React基础 阅读()去评论