【前端】window.resize的优化

一、概述

window.resize事件会在窗口尺寸改变的时候触发，哪怕只是改变了1像素。所以当窗口进行拖动的时候会触发很多次，很容易就卡死。

虽然部分浏览器已经进行了一点优化，但这还不够。

二、优化方案

思路很简单，就是设置一个开关和一个计时器，当这个计时器开始的时候，开关关闭，而计时器结束后开关重新开启。而window.resize事件调用时判断开关是否开启即可。

看代码：

var resizeWaiter = false; $(window).resize(function() { if(!resizeWaiter){ resizeWaiter = true; setTimeout(function(){ console.info("resize触发了！"); resizeWaiter = false; }, 500); } });