## 動畫優化
> * 動畫效果在缺少硬件加速支持的情況下反應緩慢，例如手機客戶端。
>
>
> * 特效應該只在確實能改善用戶體驗時才使用，而不應用于炫耀或者彌補功能與可用性上的缺陷。
> * 至少要給用戶一個選擇可以禁用動畫效果。
> * 設置動畫元素為absolute或fixed。
> * `position: static`或`position: relative`元素應用動畫效果會造成頻繁的`reflow`。
> * `position: absolute`或`position: fixed`的元素應用動畫效果只需要`repaint`。
> * 使用一個`timer`完成多個元素動畫。
> * `setInterval`和`setTimeout`是兩個常用的實現動畫的接口，用以間隔更新元素的風格與布局。。
> * 動畫效果的幀率最優化的情況是使用一個`timer`完成多個對象的動畫效果，其原因在于多個`timer`的調用本身就會損耗一定性能。
>
>
>
> ~~~
> setInterval(function() {
> animateFirst('');
> }, 10);
> setInterval(function() {
> animateSecond('');
> }, 10);
> ~~~
>
>
>
> 使用同一個`timer`。
>
>
>
> ~~~
> setInterval(function() {
> animateFirst('');
> animateSecond('');
> }, 10);
> ~~~
>
>
> * 以腳本為基礎的動畫，由瀏覽器控制動畫的更新頻率。
