節流和防抖

節流和防抖

防抖

  • 防抖的中心思想在於:我會等你到底。在某段時間內,無論你觸發了多少次回調,我都只認最後一次。

使用場景blog

  • search搜索聯想,用戶在不斷輸入值時,使用防抖減小請求次數。

節流事件

throttle 的中心思想在於:在某段時間內,無論你觸發了多少次回調,我都只認第一次,並在計時結束時給予響應。get

每當用戶觸發了一次scroll事件,咱們就爲這個觸發操做開啓計時器。一段時間內,後續全部的scroll事件都會被看成「一輛車的乘客」——它們沒法觸發新的scroll回調。直到「一段時間」到了,第一次觸發的scroll事件對應的回調纔會執行,而「一段時間內」觸發的後續的scroll回調都會被節流閥無視掉。sed

使用場景
鼠標點擊事件,mousedown(單位時間內只觸發一次)搜索

監聽滾動事件,好比是否滑到底部自動加載更多,用throttle來判斷
請求

相關文章
相關標籤/搜索