惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

量子位
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
WordPress大学
WordPress大学
G
Google Developers Blog
博客园 - 三生石上(FineUI控件)
Last Week in AI
Last Week in AI
IT之家
IT之家
博客园_首页
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
爱范儿
爱范儿
大猫的无限游戏
大猫的无限游戏
博客园 - Franky
U
Unit 42
Security Archives - TechRepublic
Security Archives - TechRepublic
C
Cisco Blogs
S
Schneier on Security
T
Threatpost
阮一峰的网络日志
阮一峰的网络日志
Microsoft Security Blog
Microsoft Security Blog
The Cloudflare Blog
博客园 - 聂微东
C
Cybersecurity and Infrastructure Security Agency CISA
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Blog — PlanetScale
Blog — PlanetScale
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
Engineering at Meta
Engineering at Meta
M
MIT News - Artificial intelligence
aimingoo的专栏
aimingoo的专栏
博客园 - 叶小钗
Cisco Talos Blog
Cisco Talos Blog
P
Palo Alto Networks Blog
MongoDB | Blog
MongoDB | Blog
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
V
V2EX
L
Lohrmann on Cybersecurity
Latest news
Latest news
小众软件
小众软件
有赞技术团队
有赞技术团队
Know Your Adversary
Know Your Adversary
Simon Willison's Weblog
Simon Willison's Weblog
B
Blog
雷峰网
雷峰网
K
Kaspersky official blog
美团技术团队
D
Darknet – Hacking Tools, Hacker News & Cyber Security
C
Check Point Blog
Recorded Future
Recorded Future
博客园 - 【当耐特】
Microsoft Azure Blog
Microsoft Azure Blog
H
Help Net Security

博客园 - 骨月枫🍁

使用vLLM部署Qwen/Qwen3.5-35B-A3B-FP8并且在DIFY中调用 记录个人数组、字符串自己常忘记的方法,以及ES常用处理方式 解决webpack vue 项目打包生成的文件,资源文件均404问题 js 复制粘贴功能记录 记录下工作中使用的pdf.js 记录下jplayer的简单demo 用ajax与fetch调用阿里云免费接口 简要谈谈javascript bind 方法 h5启动原生APP总结 mac上安装mongoDb以及简单使用 mac快捷键整理以及node的基本使用 html5视频video积累 整理下PC和移动获取点击、移动坐标的代码和坑 html5 实现简单的上传 canvas基础学习(四) canvas基础学习(三) canvas基础学习(二) canvas基础学习(一) 移动端使用百度分享代码
js 函数节流
骨月枫🍁 · 2017-09-08 · via 博客园 - 骨月枫🍁

  在JS中,函数的调用大多数都是由用户主动调用触发,但是在有的事件中,比如mousemove、window.onresize、touchmove中,函数的调用次数会非常频繁,从而消耗浏览器大量的内存空间,造成浏览器卡顿甚至假死的问题。所以函数节流的目的就是减少函数在这些事件中的调用次数,从不可控制到可控。

  函数节流的实现方式有很多中,通用的原理就是使用setTimeout函数,延迟执行事件处理函数,在没有执行这个函数前,再次调用它时都忽略,具体实现方式如下:

/*
 * 节流函数
 * fn 事件中实际需要调用的函数
 * interval    函数最短隔多长时间调用
 * */
var throttle = function(fn , interval){
    var _self = fn ,     timer ,        //定时器
        isFirst = true;        //是否是第一次调用
    return function(){
        var args = arguments ,
            _this = this;
        if(isFirst){            //如果是第一次执行,不需要走定时器
            _self.apply(_this , args);
            return isFirst = false;
        }
        /*从第二次执行就要开始走定时器了*/
        if(timer)    return;            //如果定时器内的函数还未执行return
        timer = setTimeout(function(){        //定时函数
            clearTimeout(timer);
            timer = null;
            _self.apply(_this , args);
        } , interval || 100)
    }
}
//测试
window.onresize = throttle(function(){
    console.log(222);
} , 500);

  然后可以对比下不使用throttle方法,会发现打印的频率明显的降低

搞定!!!