FLIP 动画

动画实现思路 —— 针对元素结构变化的动画。

• First：记录要监控的元素位置

• Last：记录元素结构变化后的位置

• Invert：移动到 First 的位置

• Play：让浏览器绘制

涉及浏览器渲染原理。因为直接修改 dom 树的时候浏览器还没来得及渲染，所以要让元素先到 First 的位置。然后用 requestAnimationFrame 让浏览器绘制。