动画性能

一、使用css，jquery，canvas制作动画 1、Canvas 优点：性能好，强大，支持多数浏览器（除了IE6、IE7、IE8），画出来的图形可以直接保存为 .png 或者 .jpg的图形； 缺点：依赖于HTML，只能通过脚本绘制图形，没有实现动画的API（依靠事件和定时器更新）；由于在 ca…

使用transform和opacity替代top/left与rgba动画，避免布局抖动，合理启用硬件加速与will-change，结合requestAnimationFrame优化动画节奏，减少重排重绘，提升移动端动画性能。 移动端动画性能直接影响用户体验，尤其在中低端设备上更容易出现卡顿、掉帧等问…