一、實作防抖函式
防抖函式原理:在事件被觸發n秒后再執?回呼,如果在這n秒內?被觸發,則重新計時,
手寫簡化版:
// 防抖函式
const debounce = (fn, delay) => {
let timer = null;
return (...args) => {
clearTimeout(timer);
timer = setTimeout(() => { fn.apply(this, args); }, delay);
};
};
適?場景:
- 按鈕提交場景:防?多次提交按鈕,只執?最后提交的?次 ,
- 服務端驗證場景:表單驗證需要服務端配合,只執??段連續的輸?事件的最后?次,還有搜索聯想詞功能類似 ,
補充:(生存環境請用lodash.debounce)
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/237137.html
標籤:其他
下一篇:C語言:cJSON庫用法詳解
