国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

window resize和scroll事件的基本優化思路

2024-05-06 16:04:50
字體:
來源:轉載
供稿:網友
在項目中使用scroll事件去加載數據,結果IE下悲劇了。下面為大家介紹下window resize和scroll事件的基本優化思路,需要的朋友可以參考下

同事在項目中使用scroll事件去加載數據,結果IE下悲劇了。給了一個簡單優化方法,效果明顯。

只要用戶改變窗口大小,會對內部一些元素大小重新計算,可能導致整個頁面重新渲染,最終導致大量消耗 CPU。比如調用 resize 方法,用戶改變窗口大小時會不停的被觸發, 低版本的IE 會可能陷入假死狀態。window的scroll事件也是如此,鼠標滾動或拖動滾動條,就會不停的觸發scroll事件,如果處理的東西多,低版本的IE也會陷入假死狀態。

基本的優化思路:在一定的時間之內,只執行一次resize事件函數。

復制代碼 代碼如下:


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


scroll事件優化同理。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 大宁县| 刚察县| 琼结县| 瑞安市| 图们市| 庆安县| 革吉县| 福建省| 南宁市| 泰来县| 蕲春县| 霞浦县| 晋江市| 吕梁市| 云南省| 孟州市| 同江市| 台山市| 罗田县| 福贡县| 海城市| 子长县| 开鲁县| 吴江市| 平度市| 资源县| 吴旗县| 嵩明县| 湖北省| 佛冈县| 开平市| 安顺市| 恩平市| 盘锦市| 扬州市| 渑池县| 雷州市| 章丘市| 义乌市| 瑞昌市| 健康|