1.函式的防抖，類似於法師技能讀條，每點選一次技能，技能都會重新引導，使用場景如搜尋時使用者輸入資訊；
2.函式的節流，類似於fps遊戲槍械的射擊頻率，即使一直按著左鍵，但是每秒射出的子彈是一定的，使用場景如監聽使用者滑到底部載入更多；
例子：在html裡寫乙個input，呼叫如下**，ajax函式就是模擬使用者請求
//模擬使用者輸入時請求函式
function
ajax(content)
//函式的防抖，類似於法師技能讀條，每點選一次技能，技能都會重新引導，使用場景如搜尋時使用者輸入資訊
function
debounce(func, delay) , delay)}}
//函式的節流，類似於fps遊戲槍械的射擊頻率，即使一直按著左鍵，但是每秒射出的子彈是一定的，監聽使用者滑到底部載入更多
function
throttle(fun, delay) , delay)
} else}}
let throttleajax = throttle(ajax, 5000);
let debouncejax = debounce(ajax, 1000);
let inputc = document.getelementbyid('test') //
html中寫乙個id為test的input
inputc.addeventlistener('keyup', function
(e) )
js函式防抖和節流
觸發事件在 n 秒內只會執行一次函式，如果在 n 秒內又觸發了事件，則會重新計算函式執行時間 作用就是限制觸發任務 介面呼叫 的頻率，一般用於關鍵字搜尋，表單驗證 demo handlesearch function then function data catch function err 100...
JS中的防抖和節流
防抖和節流是前端優化的一部分，可以防止過多的請求。在剛開始做專案的時候還沒有意識到，但是到了企業級開發或者大專案開發的時候，要考慮防抖和節流。詳細請參考js 防抖動與節流 怎麼理解 防抖其實是使某一函式 請求 在使用者結束操作後的規定時間後再執行。應用場景 比如在表單輸入時一般要進行非空校驗，如果沒...
JS 中的防抖和節流
防抖 當持續觸發事件時，一定時間段內沒有再觸發事件，事件處理函式才會執行一次，如果設定的時間到來之前，又一次觸發了事件，就重新開始延時。防抖 function debounce fn,wait 處理函式 function handle 滾動事件 window.addeventlistener scr...