【前端】window.resize的優化

1、概述

window.resize事件會在窗口尺寸改變的時候觸發，哪怕只是改變了1像素。因此當窗口進行拖動的時候會觸發不少次，很容易就卡死。

雖然部分瀏覽器已經進行了一點優化，但這還不夠。

2、優化方案

思路很簡單，就是設置一個開關和一個計時器，當這個計時器開始的時候，開關關閉，而計時器結束後開關從新開啓。而window.resize事件調用時判斷開關是否開啓便可。

看代碼：

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