uniapp 输入框防抖节流_混互联网,什么是防抖?什么是节流?他们有什么区别?...

防抖,从字面就可以知道,就是防止抖动。避免一次操作造成多次事件响应操作。最常见的就是我们每次敲击键盘,这就是触发防抖的操作。

便于理解,以下列举了一些应用的场景。

  1. 抢购,短信验证等操作,本身在后台有排队和转发延迟。这样就需要控制用户频繁点击按钮,导致多次请求。这个需要防抖。
  2. 输入框输入,在用户输入停止几秒后再去获取输入信息,而不是每次输入都去获取。
  3. 自动保存,在文档编辑,每隔几秒进行一次自动保存操作。

如下图的代码片断,重点「防抖清零 clearTimeout(timer)」

2dee09faa5a248df61cc13fd69436838.png

防抖

节流,指的是控制流量。控制事情发生的频次,比如为5s一次。与服务端(Server)和网关(Gateway)的限流 (Rate Limit) 类似。

以下的应用场景,就使用到了限流。

  1. 元素滚动(onscroll)事件,每隔几毫秒计算一次位置信息。
  2. 播放器播放信息,每隔几十秒计算一次进度信息。
  3. 商品预览图的放大镜效果时,不需要每次鼠标移动都计算位置。

代码片段如下,重点「节流开

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值