js延遲執行dom操作(函式節流)

2021-08-08 01:41:12 字數 319 閱讀 9279

今天在群裡有人問道比如在執行搜尋的時候,不想讓他立馬執行搜尋,而是在500ms之後執行搜尋,這個專有名詞叫什麼。。。然後上網上查了下名字叫做函式節流(話說我真不知道有這麼個詞語,但是平時生活中也沒少用)

在執行乙個耗費cpu的操作,比如是onresize,如果每次我們都要resize的話,cpu是消耗不起的,所以我們就在執行onresize函式的時候,判斷上一次執行距離這一次執行的間隔,然後再去執行

function

resize

(), delay);

}

也可以寫成閉包,但是個人覺得沒啥子必要。。。

js函式節流(Throttle)

在瀏覽器 dom 事件裡面,有一些事件會隨著使用者的操作不間斷觸發。比如 重新調整瀏覽器視窗大小 resize 瀏覽器頁面滾動 scroll 滑鼠移動 mousemove 也就是說使用者在觸發這些瀏覽器操作的時候,如果指令碼裡面繫結了對應的事件處理方法,這個方法就不停的觸發。而當事件處理比較複雜的時...

js原生函式節流

函式節流就是一定時間內只觸發一次函式。原理是通過判斷是否到達一定時間來觸發函式。時間戳方案 function throttle fn,wait function handle window.addeventlistener mousemove throttle handle,1000 定時器方案 f...

JS總結 (一)函式節流

本篇思考三個問題 什麼是函式節流?為什麼要使用函式節流?如何實現?一 基本思想 某些 不可以在沒有間斷的情況連續重複執行。二 使用原因 dom操作比起非dom互動,需要更多的記憶體和cpu時間,連續嘗試過多的dom操作可能會導致瀏覽器掛起,甚至崩潰。三 實現方式 使用定時器對函式進行節流,即第一次呼...