防抖、节流

节流:规定在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。
场景:鼠标不断点击触发,如抢优惠券

function throttle (handle, wait) {
	var lastTime = 0;
	return function () {
		var nowTime = new Date().getTime();
		if(nowTime - lastTime > wait){
			handle.apply(this, arguments);
			lastTime = nowTime;
		}
	}
}

防抖:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。
场景:search搜索联想,用户在不断输入值时,用防抖来节约请求资源

function debounce (handle, delay) {
	var timer = null;
	return function () {
		clearTimeout(timer);
		timer = setTimeout(() => {
			handle.apply(this, arguments);
		}, delay);
	}
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值