javascript 高频执行事件/方法的防抖 window resize

最新推荐文章于 2025-03-08 10:23:11 发布

原创最新推荐文章于 2025-03-08 10:23:11 发布 · 986 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #web前端 #ViewUI

javascript web前端专栏收录该内容

0 篇文章

订阅专栏

本文介绍了如何使用UnderscoreJS框架中的debounce函数来限制窗口事件如resize事件的执行频率，确保每300毫秒执行一次。详细解释了函数的实现原理，并通过实例展示了应用方法。

// 取自 UnderscoreJS 实用框架
function debounce(func, wait, immediate) {
    var timeout;
    return function() {
        var context = this, args = arguments;
        var later = function() {
            timeout = null;
            if (!immediate) func.apply(context, args);
        };
        var callNow = immediate && !timeout;
        clearTimeout(timeout);
        timeout = setTimeout(later, wait);
        if (callNow) func.apply(context, args);
    };
  }

// 添加resize的回调函数，但是只允许它每300毫秒执行一次
window.addEventListener('resize', debounce(function(event) {

    // 这里写resize过程

}, 300));