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