Throttle
節流
01你是不是遇到這個 / THE SYMPTOM
我監聽捲動(或滑鼠移動)來做動畫效果,結果一捲動就觸發爆量、頁面卡到不行。我不要它停下來才動,而是希望它「過程中也照常更新、但別觸發那麼密」,不知道這招叫什麼。
↑ 如果你點頭了,你要的關鍵字就是 Throttle。
02這是什麼 / DEFINITION
Throttle(節流)是一種限制觸發頻率的技巧:不管事件被觸發多少次,都保證最多每隔固定時間(例如 200ms)才執行一次,過程中也會持續執行。
03什麼時候用 / WHEN TO USE
捲動偵測(捲到哪了、要不要載入更多)、滑鼠拖曳、視窗 resize 過程中的即時回饋、無限捲動、遊戲輸入——任何「過程中需要持續更新、但要控制密度」的高頻事件。
04怎麼跟 AI 說 / HOW TO ASK
直接複製這句、貼進 Claude Code / Cursor / Copilot / ChatGPT:
幫我把這個 scroll 事件的處理函式加上 throttle,最多每 200ms 執行一次,避免捲動時觸發太頻繁造成卡頓。
05常見坑 / WATCH OUT
⚠ 和 debounce 最容易混。記法:throttle =「過程中固定頻率持續執行」(捲動、拖曳要用這個);debounce =「等你停下來才執行一次」(搜尋輸入用那個)。選錯會導致捲動時完全沒反應或反應太慢。
06相關的詞 / RELATED