首页 > Windows开发 > 详细

window.resize的优化

时间:2016-02-23 13:19:16      阅读:274      评论:0      收藏:0      [点我收藏+]

一、概述

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

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

二、优化方案

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

看代码会更清晰:

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

 

window.resize的优化

原文:http://www.cnblogs.com/shamoyuu/p/5209434.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!