resize和scroll事件优化简单方法代码下载

关于这两个事件这里就不多介绍了，具体可以参阅以下相关文章:

1.resize事件可以参阅javascript resize 事件一章节。

2.scroll事件可以参阅javascript scroll 事件一章节。 

当调整浏览器窗口的时候，会触发resize事件，这个时候就会重新计算页面中所有元素的尺寸，这个可视一个非常消耗性能的操作，如果遇到低版本的浏览器或者特别差的机器可能会导致卡死的现象，scroll也是同样的道理，下面就介绍一下如何优化这两个事件。

代码如下:

[ 其他 ] 运行代码下载代码

<script>
var resizeTimer=null; 
$(window).on('resize',function(){ 
  if(resizeTimer){ 
    clearTimeout(resizeTimer) 
  } 
  resizeTimer=setTimeout(function(){ 
    console.log("window resize"); 
  }, 400); 
});
</script>

代码描述：resize和scroll事件优化。resize和scroll事件优化简单方法代码下载

下载全部收藏

124 165

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册