函数防抖和节流
防抖与节流 函数防抖
在函数被触发后延迟某个时间段后触发，如果在该时间段内再次触发，则重新计时简单实现
// 防抖函数
function debounce(fun, delay) {
let record = null
return (...content) => {
if (record) {
clearTimeout(record)
}
record = setTimeout(() => {
fun(...content)
}, delay)
}
}函数节流
在一个时间段内一个函数多次被触发，只有一次会生效【函数防抖和节流】简单实现
// 节流函数
function throttle(fun, delay) {
let record = null
return (...content) => {
if (!record) {
record = setTimeout(() => {
fun(...content)
clearTimeout(record)
record = null
}, delay)
}
}
}推荐阅读
- 急于表达——往往欲速则不达
- 第三节|第三节 快乐和幸福（12）
- 20170612时间和注意力开销记录
- 2.6|2.6 Photoshop操作步骤的撤消和重做 [Ps教程]
- 对称加密和非对称加密的区别
- 眼光要放高远
- 樱花雨
- 前任
- 2020-04-07vue中Axios的封装和API接口的管理
- 烦恼和幸福