《uni-app跨平台开发完全指南》- 12 - 动画

引言

好的动画不是装饰品，是用户与产品对话的语言。用户要的不是“快”，是“爽”。

一、用什么技术，能达到什么效果？

1.1 动画选择

1.2 技术对比

维度	CSS Transition/Animation	uni.createAnimation	JS requestAnimationFrame
性能	GPU加速，浏览器优化	uni-app层封装，性能良好	JS主线程
兼容性	浏览器支持好	uni-app多端统一	依赖JS环境
开发效率	声明式，比较简单	API友好，学习成本低	手动控制，代码量大
控制精度	关键帧有限制	链式调用，相对灵活	完全控制每一帧
复杂度支持	简单动画	中等复杂程度动画	支持复杂动画场景

二、CSS3动画

2.1 CSS动画原理