防抖和节流
节流
首先是时间戳
var content = document.getElementById("content");
var num = 1;
var timeNew = 0;
content.onmousemove = function(){
var timeOld = Date.now();
if(timeOld-timeNew>1000){
timeNew = timeOld;
content.innerHTML = num++;
}
}
延时器
var content = document.getElementById("content");
var num = 1;
var time;
content.onmousemove = function(){
if(!time){
time = setTimeout(()=>{
time = null;
content.innerHTML = num++;
},1000)
}
}
原理 定时器或延时器
var content = document.getElementById("content");
var num = 1;
let times=false;
// let obj = false;
防抖
content.onmousemove = function (){
let obj = times;
clearTimeout(times);
times = setTimeout(()=>{
times = null;
},1000)
if(!obj){
console.log(typeof !obj);
content.innerHTML = num++;
}
};
let a = 10;
let b = !a;
console.log(!a);
console.log(!b);
console.log(!null);
console.log(!undefined);
console.log(!NaN);
console.log(!"aaaa");
console.log(!{});
console.log(![]);
以上就是我对于防抖节流的理解!