步驟

  1. 程式控制卷軸,絕對座標計算。
  2. 減速動畫計算,使用 requestAnimationFrame ,更新頻率依電腦效能而定。(IE9以前不支援)。
  3. 捲軸控制程式,判斷圖片與捲軸的相對位置。
  4. pointer-events 阻擋滑鼠事件,提升捲動事件效能。
  5. debounce 的觀念與缺點。
  6. throttle = debounce + 時限內最少一次

Read More

其實,如果有方法可以取代,我就不會裝太多外掛,感覺裝太多會很臃腫。例如:Prettier 程式碼排版外掛,雖然它可以自訂規則很好用,但其實只要訓練打 Code 排版風格一致, VSCode 內建的排版就夠用了,並設定存檔時排版即可。

Read More