<!-- 防抖和节流:两个用来提升网站性能的策略 -->
<!-- 节流: 频繁触发同一个事件时,每隔单位时间执行一次 -->
<!-- 防抖: 频繁触发同一个事件时,只执行最后一次的事件 -->
节流:
let isTf=false //定义标杆为假
if(isTf)return //判断标杆是否为真?如果为假往下执
行,如果为真打断
isTf=true //把标杆定义为真
setTimeout(()=>{ //倒计时3秒设置为假,在3秒内继续
点击也是为真,会被打断
isTf=false
},3000)
//下面可以写入要执行的请求
防抖:
let timer=null; //设置定时器为空
function fd(){
timer=setTimeout(()=>{
console.log("需要执行")
},3000)
}
btn.onclick=function(){
clearInterval(timer)
fd()
}
</script>