函數去抖（debounce）和函數節流（throttle）
目的瀏覽器
如下場景每每因爲事件頻繁被觸發，於是頻繁執行DOM操做、資源加載等重行爲，致使UI停頓甚至瀏覽器崩潰。函數
window對象的resize、scroll事件- 拖拽時的
mousemove事件 - 射擊遊戲中的
mousedown、keydown事件 - 文字輸入、自動完成的
keyup事件
throttle(又稱節流)和debounce(又稱去抖)其實都是函數調用頻率的控制器，spa
debounce去抖
當調用函數n秒後，纔會執行該動做，若在這n秒內又調用該函數則將取消前一次並從新計算執行時間，舉個簡單的例子，咱們要根據用戶輸入作suggest，每當用戶按下鍵盤的時候均可以取消前一次，而且只關心最後一次輸入的時間就好了。code
throttle節流
throttle將一個函數的調用頻率限制在必定閾值內，例如1s內一個函數不能被調用兩次。對象
具體實現 不表遊戲
相關文章
- 1. 函數去抖（debounce）和函數節流（throttle）
- 2. JavaScript 函數節流 throttle 和防抖 debounce
- 3. 函數節流(throttle)和防抖(debounce)
- 4. 函數節流(throttle)和函數去抖
- 5. js 函數節流throttle 函數去抖debounce
- 6. JavaScript-性能優化，函數節流（throttle）與函數去抖（debounce）
- 7. 函數節流（throttle）與函數去抖（debounce）
- 8. JavaScript函數節流（throttle）與函數去抖（debounce）
- 9. [JS性能優化]函數去抖(debounce)與函數節流(throttle)
- 10. 函數防抖Debounce和函數節流Throttle
- 更多相關文章...
- • PHP Error 和 Logging 函數 - PHP參考手冊
- • MySQL DISTINCT：去重（過濾重複數據） - MySQL教程
- • TiDB 在摩拜單車在線數據業務的應用和實踐
- • Flink 數據傳輸及反壓詳解
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 函數去抖（debounce）和函數節流（throttle）
- 2. JavaScript 函數節流 throttle 和防抖 debounce
- 3. 函數節流(throttle)和防抖(debounce)
- 4. 函數節流(throttle)和函數去抖
- 5. js 函數節流throttle 函數去抖debounce
- 6. JavaScript-性能優化，函數節流（throttle）與函數去抖（debounce）
- 7. 函數節流（throttle）與函數去抖（debounce）
- 8. JavaScript函數節流（throttle）與函數去抖（debounce）
- 9. [JS性能優化]函數去抖(debounce)與函數節流(throttle)
- 10. 函數防抖Debounce和函數節流Throttle