美文网首页
节流函数

节流函数

作者: 站着瞌睡 | 来源:发表于2018-05-14 10:58 被阅读0次

节流函数是为了解决事件的高频触发导致的性能问题

function throttle(action, wait=1000){
    let time = Date.now()
    return function () {
        if (time + wait - Date.now() < 0) {      
            action()
            time = Date.now()
        }
    }
}

如果你要实现动画的节流函数,可以采用requestAnimationFrame()

function throttle (action) {
    let isAction = false    
    return function () {
        if (isAction) return
        isAction = true
        window.requestAnimationFrame(function(){
            action()
            isAction = false
        })
    }
}

相关文章

网友评论

      本文标题:节流函数

      本文链接:https://www.haomeiwen.com/subject/vnsddftx.html