js 什麼是函式節流與函式去抖

2022-02-17 07:10:17 字數 1024 閱讀 8749

意思:節省流量,不會一直訪問。 | 指定時間內不執行,指定時間後執行。 | 一段時間內只執行一次

場景:比如控制遊戲人物攻擊,時間內就算按得很快,也只能砍一刀,過後才能砍第二刀。

搜尋引擎聯想詞。搜尋框的oninput事件節流。

引數:乙個函式,乙個時間

返回:乙個函式

對比時間進行處理

function

throttle(func,time)

}}//

呼叫let run=throttle(function

意思:防止都抖動。空閒時間後只執行一次。

場景:搜尋框的聯想詞,輸入框連續輸入文字時不會去查詢後台介面,輸入暫停時才會去查詢介面

引數:乙個函式,乙個時間

返回:乙個函式

輸入框,當使用者頻繁輸入時,不執行,停止輸入時執行

cleartimeout和settimeout進行處理。

一屏一屏載入,可以減少伺服器載入壓力

提前載入內容,但不渲染,或隱藏的。會加重伺服器壓力

更多知識點和詳細,之後補上

函式節流與函式去抖

父元件通過props向子元件傳遞引數 父元件將乙個函式作為props傳遞給子元件,子元件呼叫該 函式,向父元件通訊。中間元件層層傳遞props 存在巢狀太深的問題 使用context物件 推薦 context是全域性容器,靜態屬性,使用條件 父元件要宣告自己支援context,並提供context中...

函式節流和函式去抖

在日常的開發過程中,會有這樣的場景,事件被頻繁的觸發,比如說我們的在輸入的時候監控keypress事件,在頁面滾動的時候監控頁面的滾動事件。比如我們監控頁面的resize事件,拉動視窗改變大小的時候,resize事件被頻繁的執行 事件處理函式簡單的話還好,但是如果是複雜的dom操作,可能會導致整個u...

JS函式節流 函式防抖

函式節流 throttle 函式節流 加入函式節流函式 使用方法 this.refs.throttle.addeventlistener scroll throttle that.console,300 函式防抖 debounce 很明顯,這樣的做法不好的是當使用者輸入第乙個字元的時候,就開始請求判...