防抖和节流

为什么要防抖
有的操作是高频触发的,但是其实触发一次就好了,比如我们短时间内多次缩放页面,那么我们不应该每次缩放都去执行操作,应该只做一次就好。再比如说监听输入框的输入,不应该每次都去触发监听,应该是用户完成一段输入后在进行触发。

防抖就是防止抖动,避免事件的重复触发

原理是定时器和延时器:


var content = document.getElementById("content");
		var num = 1;
		 function count(){
		 	content.innerHTML = num++;
		 }
		 content.onmousemove = count;
		let times;
		content.onmousemove = function (){
			clearTimeout(times);
			let obj = times;
			times = setTimeout(()=>{
				times = null;
			},1000)
			console.log(obj);
			if(!obj){
				content.innerHTML = num++;
			}
		};
		 console.log(Object.is(1,1));
		 console.log(Object.is(1,"1"));
		 console.log(Object.is("",null));
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值