要如何決定今天我們要製作一個移動的動畫，要用 translate 還是去改變 position 呢？
那我們就要了解一下重排（reflow）跟重繪（repaint）
五個步驟：
而大致上網頁的變動都不斷在重複 4. 跟 5. 的動作，而效能選擇上的差異便在降低這兩項事情的發生。
需要重排跟重繪的狀況分為
避免重新渲染，我們可以看看 CSStrigger 這個網站對於 transform 跟 position 的差異。就可以知道哪個選擇上比較合適。
參考資料：
阮一峰的网络日志
CSStrigger
iThome鐵人賽
看影片追技術