为什么要防抖
有的操作是高频触发的,但是其实触发一次就好了,比如我们短时间内多次缩放页面,那么我们不应该每次缩放都去执行操作,应该只做一次就好。再比如说监听输入框的输入,不应该每次都去触发监听,应该是用户完成一段输入后在进行触发。
防抖就是防止抖动,避免事件的重复触发
原理是定时器和延时器:
var content = document.getElementById("content");
var num = 1;
function count(){
content.innerHTML = num++;
}
content.onmousemove = count;
let times;
content.onmousemove = function (){
clearTimeout(times);
let obj = times;
times = setTimeout(()=>{
times = null;
},1000)
console.log(obj);
if(!obj){
content.innerHTML = num++;
}
};
console.log(Object.is(1,1));
console.log(Object.is(1,"1"));
console.log(Object.is("",null));