防抖和节流

如何不让滚动,拖拽频繁的发送请求
防抖:
只要不是最后一次触发,就不执行异步请求。

	var timer;
	window.onscroll=function(){
		//如果timer不是空,说明前面有一个等待的请求,还未发送,就停止前面的等待
		if(timer!==undefined){
			clearTimeout(timer);
		}
		//在重新开始下一个等待
		timer=setTimeout(function(){
			//当200ms内,未发生滚动时,才发送请求
			console.log(`发送请求`);
		},200);
	}

节流:
第一次发送请求后,只要响应没有回来,就不能发送第二次

	//定义一个按钮button id为btn
	var canClick=true;
	btn.onclick=function(){
		if(canClick){
			canClick=false;
			console.log(`发送请求`);
			setTimeout(function(){
				console.log(`加载完成`);
				canClick=true;
			},2000)
		}
	}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值