【前端】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);
    }
});