js debounce 去抖技術

原來前端有 debounce 去抖技術 的, 在事件被頻繁觸發時,只執行一次處理。 之前寫js 的時候,也遇到這樣的狀況, 但是不懂去抖,也不知道有這個概念,搞得煩死了。 其實基本原來就是 結合定時器,使用, 若是 定時器對象存在就 清空不知道, 不存在就執行定時器,這樣就 只會執行最後一次的動做了。前端

var debounce = function(delay, cb) {
    var timer;
    return function() {
        if (timer) clearTimeout(timer);
        timer = setTimeout(function() {
            cb();
        }, delay);
    }
}

做者:藍瘦額香菇
連接:https://www.jianshu.com/p/0dbe40b7c1cf
來源:簡書
著做權歸做者全部。商業轉載請聯繫做者得到受權,非商業轉載請註明出處。

http://www.javashuo.com/article/p-nifrzkzx-kz.html http://www.jb51.net/article/90288.htm https://www.jianshu.com/p/0dbe40b7c1cfide

還有慕課網的 視頻.net

https://www.imooc.com/video/14716code

相關文章
相關標籤/搜索