动画代码

介绍如何用浏览器开发者工具和代码检查动画帧率、长任务、布局与重绘，定位卡顿原因，并通过读写分离、transform、opacity 等方式优化，同时说明适用场景、限制和常见误区。

介绍 JavaScript requestAnimationFrame 动画的原理、适用场景与边界，并通过可运行示例演示元素平滑移动、缓动、取消动画、无障碍处理及常见错误。

本文从 CSS transition 与 @keyframes 两种写法讲解按钮悬停动画，提供可运行示例，并说明参数调整、键盘焦点、触屏兼容、减少动态效果及常见边界与安全注意事项。