最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】JS中什么是debounce

JS crifan 4693浏览 0评论

折腾:

【已解决】ReactJS中输入框输入内容变化时触发搜索返回列表

期间,要去搞清楚,什么是debounce:

react js what is debounce

js what is debounce

JavaScript Debounce Function

debouncing – Can someone explain the "debounce" function in Javascript – Stack Overflow

javascript函数的throttle和debounce – WEB前端开发 – 专注前端开发,关注用户体验

浅谈 Underscore.js 中 _.throttle 和 _.debounce 的差异 – Coding 博客

【总结】

debounce和throttle很像,debounce是空闲时间必须大于或等于 一定值的时候,才会执行调用方法。debounce是空闲时间的间隔控制。比如我们做autocomplete,这时需要我们很好的控制输入文字时调用方法时间间隔。一般时第一个输入的字符马上开始调用,根据一定的时间间隔重复调用执行的方法。对于变态的输入,比如按住某一个建不放的时候特别有用。

debounce主要应用的场景比如:

文本输入keydown 事件,keyup 事件,例如做autocomplete

这类网上的方法有很多,比如Underscore.js就对throttle和debounce进行封装。jQuery也有一个throttle和debounce的插件:jQuery throttle / debounce,所有的原理时一样的,实现的也是同样的功能。

转载请注明:在路上 » 【已解决】JS中什么是debounce

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
89 queries in 0.138 seconds, using 20.58MB memory