button执行onclick函数_函数节流,函数防抖

5351c540b2ab3dc79852a1333225fa33.png

函数节流与函数防抖的原理非常简单,都是巧妙地使用 setTimeout 来存放待执行的函数,从而达到目的——节约计算机资源。

  • 函数节流: 指定时间间隔内只会执行一次任务;
  • 函数防抖: 任务频繁触发的情况下,只有任务触发的间隔超过指定间隔的时候,任务才会执行。

节流函数:

可以把它理解成游戏中的CD冷却时间,当技能在冷却时间内的时候,我们就不能使用该技能。

function 

防抖函数:

我们想象一个情景:当用户输入一段数据后我们要去对数据进行验证,但是如果不间断的进行验证会浪费我们的计算机资源。所以我们就想等用户输入数据后,2s后才进行验证,若2s间用户更新了输入的数据,那么2s将重新计时。

function 

End.

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值