防抖和节流 标准简洁解释与代码实现

<!-- 防抖和节流:两个用来提升网站性能的策略 -->
    <!-- 节流: 频繁触发同一个事件时,每隔单位时间执行一次 -->
    <!-- 防抖: 频繁触发同一个事件时,只执行最后一次的事件 -->
 
 节流:	
				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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值