淺析防抖(debounce)和節流(throttle)

  • 作者:由 匿名使用者 發表于 攝影
  • 2022-11-27

淺析防抖(debounce)和節流(throttle)天然槑17 2022-06-02

在平常的專案開發當中,我們經常會使用到防抖(debounce)或者節流(throttle)對專案的效能進行最佳化。

防抖就是在規定的一段時間內,只執行最後一次被事件觸發的方法。舉個栗子,在兩秒內,有一個方法被事件觸發了,如果在兩秒內這個事件沒有被再次觸發,則會執行這個方法。如果兩秒內這個事件被再次觸發的話,則會重新計算該方法執行的時間。

節流就是在規定時間內,重複觸發事件,但是隻執行第一次觸發事件時候的方法。

防抖:一般在專案中,使用者在輸入框中輸入值時會頻繁發起請求,可以用防抖來最佳化。

節流:滑鼠不斷點選觸發事件,可以用節流來只讓規定時間內第一次點選有效。

Top