// 常用于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
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- http://blog.nimius.net/2014/04/javascript-debounce-thrott...
- 为什么要使用这两种策略 在我们日常的开发中，以下几种情况会高频率的触发事件： resize scroll clic...
- 起初写一些ajax请求时没有防抖节流处理，一不小心点了多次会给服务器端造成压力，同时渲染时也会给浏览器端造成压力。...
