js优化浏览器性能之节流

1.建立函数

function throttle(fn,delay){
    let valid = true
    return function() {
       if(!valid){
           //暂停
           return false 
       }
       // 开始
        valid = false
        setTimeout(() => {
            fn()
            valid = true;
        }, delay)
    }
}

2.监听浏览器滚动

function showTop  () {
    var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
　　console.log('滚动条位置：' + scrollTop);
}

3.直接调用

window.onscroll = throttle(showTop,1000) 

4.基于防抖用户如果一直按着滚动条来回拖动，防抖无法正常输出