运动

概述

运动其实就是指定JavaScript制作的动画，也就是使用定时器控制对应的dom的样式的不断变化，呈现一个运动的状态。JavaScript制作的动画 其实就是不断的重绘回流。JavaScript制作动画它是使用cpu进行渲染的，渲染效率低（css3的动画使用GPU进行渲染的，渲染效率更高，效率更优）

运动三要素

1. 当前值
2. 目标值
3. 步长（迭代量）

运动的分类

1. 匀速运动（步长不变）
2. 缓冲运动（步长不断变化）
3. 链式运动（执行完当前的动画可以调用下一次动画（链式调用的行为））

匀速运动

主要是步长不变，控制其始终保持一个步长变化

缓冲变化

步长逐渐变小，逐渐到达目标位置的一个运动动画称为缓冲动画

链式动画

在一次动画执行完里面可以开始执行下一次动画

遇到的问题以及解决方案

动画是使用定时器来完成的，它里面的代码是异步的。主要解决的问题是异步代码同步执行。利用回调函数来解决对应的异步代码同步执行的问题