// 常用于window resize 或 scroll监听
function debounce(fn, wait) {
wait = wait || 0
let timerId
return function () {
let context = this
let args = arguments
if (timerId) {
clearTimeout(timerId)
timerId = null
}
timerId = setTimeout(function () {
fn.apply(context, args)
}, wait)
}
}
// 常用于按钮提交 或 实时查询
function throttle(fn, threshhold) {
let last, timer
threshhold || (threshhold = 200)
return function () {
let context = this
let args = arguments
let now = +new Date()
if ((last && now < last + threshhold)) {
clearTimeout(timer)
timer = setTimeout(function () {
last = now
fn.apply(context, args)
}, threshhold)
} else {
last = now
fn.apply(context, args)
}
}
}
debounce和throttle
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- http://blog.nimius.net/2014/04/javascript-debounce-thrott...
- 为什么要使用这两种策略 在我们日常的开发中,以下几种情况会高频率的触发事件: resize scroll clic...
- 起初写一些ajax请求时没有防抖节流处理,一不小心点了多次会给服务器端造成压力,同时渲染时也会给浏览器端造成压力。...