前端動畫性能比較（js動畫{ translate vs left/top } vs css動畫）

前端動畫性能比較 前言 準備工作 單幀動畫比較 連續動畫比較 總結 GitHub和在線演示 前言 上一篇《從chrome開發工具中直觀瞭解瀏覽器的渲染過程》我們介紹瞭如何通過chorme開發者工具查看瀏覽器渲染頁面過程，這篇文章我們介紹如何觀察動畫性能。 前端離不開動畫效果，例如輪播圖、輪盤抽獎、跑馬燈等，如果頁面涉及 成千上萬個元素變化，或者需要面向低端性能設備時，頁面的性能優化就至關重要了，本

>>阅读原文<<