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

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 20:46:24
字體:
來源:轉載
供稿:網友
同事在項目中使用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事件優化同理。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 凤阳县| 邵阳市| 博客| 新竹县| 察哈| 瑞金市| 泸州市| 呼和浩特市| 正阳县| 屏东市| 西城区| 涞源县| 塔城市| 东丽区| 普安县| 平邑县| 淮安市| 宽城| 平果县| 博爱县| 栾城县| 东乡县| 鄯善县| 安丘市| 巫溪县| 白沙| 特克斯县| 德州市| 固镇县| 凤凰县| 莱州市| 噶尔县| 开远市| 比如县| 张家界市| 大厂| 宁强县| 张家界市| 赤水市| 亚东县| 惠来县|