动画的选择:

CSS: 要求浏览器必须是现代浏览器(支持transition和animation)
JS: 浏览器兼容性比较好
CSS: 动画简单、游戏相关的动画无法实现、当触发了3D的transform时,会使用GPU处理动画
JS: 比较复杂、可以做游戏

动画的原理:

  1. 有多个画面组成
  2. 不停的切换画面
  3. 画面切换的间隔时间非常的小
  4. 间隔时间在16ms以内,肉眼就会将画面补全,造成连续的动画

轮播图:淡入淡出,水平滑入滑出
板砖小游戏碰撞检测
封装函数实现属性变化过渡