requestAnimationFrame实现一帧的函数节流

用一个变量判断raf的回调是否已经执行了,已经执行了说明过了一帧,通常是16.7ms,达到了函数节流一帧的目的。

var locked = false;
window.addEventListenser('scroll',function(){
    if(!locked){
        locked = true;
        window.requestAnimationFrame(fAnim);
    }
});

function fAnim(){
    locked = false;
    //code
}

 

 

出处:https://juejin.im/post/5976b1ef5188250c980304c9

posted @ 2018-08-05 22:47  全玉  阅读(373)  评论(0编辑  收藏  举报