函数防抖
在对于函数高频次执行时，只执行一次。
有两种情况：
1.尾部执行：高频次触发时，只执行最后一次
2.头部执行：高频次触发时，只执行第一次
尾部执行实现很简单，先设一个定时器，一开始触发的时候我不执行，稍微延迟一会后再执行，当你下次执行时，我把上一次的定时器消失，这样就只会执行最后一次了。
//防抖尾部执行
let nub = 0;
let timer = 0;
box.onmousemove = function(){
clearTimeout(timer);
timer = setTimeout(()=>{
console.log(1);
},200);
}
头部执行会复杂一些，这里我们多添加一个变量赋值为true，首先先判断这个变量是否为true；true的话就把事件执行了，执行完后把这个变量设为false。然后在定时器结束后，再把变量设为true。
// 防抖头部执行
let nub = 0;
let timer = 0;
let isStart = true;
box.onmousemove = function(){
if(isStart){
console.log(1);
isStart = false;
}
clearTimeout(timer);
timer = setTimeout(()=>{
isStart = true;
},200);
}
函数节流
函数节流，把执行间隔拉大。
与函数防抖一样有头部与尾部执行之分
尾部执行：一样调用定时器，首先判断定时器是否开始，如果开启了就不往下执行，定时器没有开启再往下执行，执行完后，把定时器归回0
// 尾部执行
let timer = 0;
box.onmousemove = function(){
if(timer){
return ;
}
timer = setTimeout(()=>{
console.log(0);
timer = 0;
},1000);
}
头部执行：就是在开启定时器之前执行，定时器决定的是下次再执行的时候。
// 头部执行
let timer = 0;
box.onmousemove = function(){
if(timer){
return ;
}
console.log(0);
timer = setTimeout(()=>{
timer = 0;
},1000);
}
明天将对上面的内容进行封装，封装后就可以开箱即用了！
