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

1. 测试场景
   window对象的resize、scroll事件

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

function throttle(method,context){
   clearTimeout(method.tId);
   method.tId=setTimeout(function(){
       method.call(context);
   },500);
}

网页demo

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

image.png