vue框架设计中的防抖函数

Posted 2021-05-22 iamlinlong

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue框架设计中的防抖函数相关的知识，希望对你有一定的参考价值。

debounce防抖函数

设置一个门槛值，表示两次 Ajax 通信的最小间隔时间。如果在间隔时间内，发生新的keydown事件，则不触发 Ajax 通信，并且重新开始计时。如果过了指定时间，没有发生新的keydown事件，再将数据发送出去

debounce(fuc,delay){

}

function debounce(fn, delay)

{ var timer = null; // 声明计时器 return function() { var context = this; var args = arguments; clearTimeout(timer); timer = setTimeout(function () { fn.apply(context, args); }, delay); }; }

function debounce(fn,wait){
    var timer = null;
    return function(){
        if(timer !== null){
            clearTimeout(timer);
        }
        timer = setTimeout(fn,wait);
    }
}
    
function handle(){
    console.log(Math.random());
}
    
window.addEventListener("resize",debounce(handle,1000));

以上是关于vue框架设计中的防抖函数的主要内容，如果未能解决你的问题，请参考以下文章