捲動動畫：CSS 與 JavaScript 的比較

前言

CSS 捲動驅動動畫能把工作移出主執行緒，但瀏覽器支援度與降級方案才是取捨的關鍵。文章 benchmark 兩個版本，並給出當下就能上線的折衷寫法。

現場筆記

在處理 CSS 問題的過程中，反覆看到的幾個模式：

• 簡單的版本撐過了每次重構，聰明的版本沒有。
• 邊做邊寫的文件，比事後補寫的耐用得多。
• 同一個問題第二次出現時，它就已經是模式了——幫它命名吧。

可以直接抄的檢查清單

• 問題可以用一行指令重現。
• 修正附帶一個沒有它就會失敗的測試。
• 作者本人以外的人也在自己的機器上跑過。

結語

寫下未來的自己真的會讀的短版本——這就是全部的訣竅。