js节流

在网页中,可能会有部分用户会频繁触发事件,而频繁的请求服务器的操作可能会使导致卡顿,甚至浏览器的崩溃。防抖和节流就是为了解决这一类的问题
节流:
理解:防止用户频繁的访问服务器,设置一个功能函数,先实现一次操作,然后通过计算点击频率来过滤掉多余的操作
实现:用Date对象计算上次操作距离本次操作的间隔,如果超过设置时间,则不实现操作
代码:

function show() {               			这里是点击事件的的主要函数
            console.log('hello')
           console.log(this)
        }
 function throttle(handler,wait){  //handler是要进行节流的函数,wait是
 										等待时间
            var lastTime = 0;
            return function(){
                var nowTime = new Date().getTime();    //获取当前时间
                if(nowTime - lastTime> wait){
                    handler.apply(this,arguments);//作用域问题apply方法
                    								继承this和参数
                    lastTime = nowTime;      		//更新最后时间
                }
            }
        }
		var Debounce=throttle(show,2000)
  document.querySelector('button').addEventListener('click',Debounce) 
   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值