防抖与节流

1、防抖:

目的:对于短时间内连续触发的事件,防抖的含义就是让某个时间期限内,事件处理函数只执行一次【执行最后一次】。

流程:

(1)事件触发—>设定计时器,计时结束后执行操作;

(2)在计时周期内,如果再次触发,清除已经开始的计时,重新计时;

注意:需要设定时间段,避免一直重新触发,动作一直没法执行。

核心点:在计时周期内,再次触发后,需要重置计时器;

实现要点:使用闭包的方式,保存计时状态,避免全局污染;

2、节流:

目的:对于短时间内连续触发的事件,节流的含义就是让某个时间期限内,事件处理函数只执行一次【执行第一次】。在计时周期,新的触发都不进行响应,直至计时结束。

流程:

(1)事件触发—>设定计时器,计时结束后执行操作,计时标志重置;

(2)在计时周期内,如果再次触发,不进行响应;

核心点:在计时周期内,再次触发后,不进行响应;

实现要点:使用闭包的方式,保存计时标志及计时,避免全局污染;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值