防抖与节流

防抖（多少毫秒之内调用一次，减少代码调用次数，提高性能）

• 常用于onmousemove，onresize，oninput，onscroll

function debuce(fn,delay){
let timeId=null;
return function(){
let self=this;
let args=arguments;
timeId&&clearTimeout(timeId);
timeId=setTimeout(function(){
fn.apply(self,args);
},delay||1000)
}
}

function test(event){
console.log(this,event)
}
document.getElementById('int').oninput=debuce(test,2000);

节流（多少毫秒之内调用多次，减少代码调用次数，提高性能）

function throttle(fn,delay){
let timeId=null;
let flag=true;
return function(){
if(!flag){
return
}
let self=this;
let args=arguments;
flag=false;
timeId&&clearTimeout(timeId);
timeId=setTimeout(function(){
flag=true;
fn.apply(self,args);
},delay||500)
}
}

function test(event){
console.log(this,event)
}
document.getElementById('int').oninput=throttle(test,1000);