重视函数节流

目地：让代码在间断的情况下连续重复执行，实现的方法是通过定时器对函数节流

var Processor={   timeoutId:null,  performProcessing:function()   { //真正要处理的逻辑     },    process:function(){        clearTimeout(this.timeId);//清除上次的定时器        var that=this;        //设置新的定时器        this.timeId=setTimeout(function()         {           that.performProcessing();//之所以用that是因为setTimeout的作用域具有全局性,和setInterval是一样的       },1000)       }}

调用方式：

Processor.process();

一种简化的模式为：

//让一个方法在一个固定的作用域里面进行节流，一般是100ms执行一次

function throttle(method,context){  clearTimeout(method.tid);//第一次没有tid  method.tid=setTimeout(function(){method.call(context);},100)//每隔100ms执行一次}调用方式：window.onresize=function(){throttle(resizeDiv);   //让这个resizeDiv方法在全局作用域里面运行，当页面的大小发生变化的时候，我们每隔100ms调用一次resizeDiv方法，这里没有指定context   //当页面很复杂的时候计算offsetWidth等特别耗时，同时设置height可能需要回流，因此这里用了函数节流}