js 节流函数

发表于

在浏览器中,会经常频繁的超控DOM,导致渲染变慢,甚至浏览器奔溃.

测试场景

window对象的resize、scroll事件

在《JavaScript高级程序设计》中有专门应对此问题的函数节流

1
2
3
4
5
6
function throttle(method,context){
      clearTimeout(method.tId);
      method.tId=setTimeout(function(){
          method.call(context);
      },500);
    }

网页demo

小程序测试 demo (用例> 节流函数)
image.png