城市直播房产教育博客汽车
快传网
汽车报价
买车新车
博客专栏
专题精品
教育留学
高考读书
房产家居
彩票视频
直播黑猫
投资微博
城市上海
政务旅游

函数节流和去抖的用法和区别

8月8日 溷元楼投稿
  我们都知道频繁触发执行一段js逻辑代码对性能会有很大的影响,尤其是在做一些效果实现方面,或者逻辑中需要进行后端请求,更是会导致卡顿,效果失效等结果,所以在处理类似的情况时,可以考虑使用函数节流和函数去抖来解决,至于具体使用哪一种方式,根据实际情况分析定夺,先来讲解一些这两者的概念,以下是我个人的一些看法,若有不足,希望大家可以提出。
  函数节流
  在频繁触发的情况下,需要执行的逻辑只有执行完之后,才能继续执行下一次。示例代码:
  函数节流例子
  
  window。onscrollfunction(){
  if(!can){
  判断上次逻辑是否执行完毕,如果在执行中,则直接return
  
  }
  
  setTimeout(function(){
  执行逻辑
  
  },100);
  };
  函数去抖
  在频繁触发的情况下,只有足够的空闲时间,才执行代码一次,如果没有执行完就清除掉,重新执行逻辑,示例代码:
  函数去抖
  
  window。onscrollfunction(){
  if(timer){
  清除未执行的逻辑,重新执行下一次逻辑,不论上一次是否执行完毕
  clearTimeout(timer);
  }
  timersetTimeout(function(){
  执行逻辑
  },300);
  };
  应用场景
  一般是一些高频率触发的地方,然后想要优化性能。比如监听屏幕滚动,鼠标拖拽等等。
  作者:MonkeySoft
  篇幅有限更多请见扩展链接:http:www。marktowin。comtutorial50676。html
投诉 评论 转载

Dataphin核心功能每年节约数亿元,数据中台资源治理怎么资源成本暴涨与阿里巴巴的应对之道数智时代,海量的数据为业务创造了巨大的价值,但同时也带来了不断上升的计算成本和存储成本,甚至会出现IT成本增速大于业务增速,赚来的每一分钱……红米k50天玑810067万快充5500毫安电池,小米才是性这次将在3月22号发布红米k50,随之红米k50Pro也要发布。这两部的手机堆料是真足,价格方面也非常低,非常值得购买。现在我为大家分析一下这两部手机。红米k50这……王思聪怒怼大众点评,称其账号被改绑手机,官方相关账户已冻结10月11日消息,针对遭到国民老公王思聪怒怼事宜,大众点评向王思聪回复道:非常抱歉给您带来了不愉快的用户体验,相关账号已在您反馈后的第一时间内予以保护性冻结。相关问题的核查已有……函数节流和去抖的用法和区别我们都知道频繁触发执行一段js逻辑代码对性能会有很大的影响,尤其是在做一些效果实现方面,或者逻辑中需要进行后端请求,更是会导致卡顿,效果失效等结果,所以在处理类似的情况时,可以……院士汤涛认为资本不能过分涉足技术研发领域,你认为呢?一派胡言!华为研发就是技术就是高科技,不涉足?华为怎么发展!不论是国企还是私企,不论什么资本,技术是企业发展之本!院士就是拿国家基金霍霍的贾布斯。反对资本市场进行技术研发……华为P60Pro外观渲染图曝光,屏幕是最大亮点前段时间华为P50系列正式发布,虽然华为P50系列不支持5G,但销量依然相当的不错。近期,更是有网友爆料了关于华为P60Pro的外观渲染图,从这次的爆料来看,华为P60Pro看……预算500左右?骁龙710光学防抖线性马达?香吧如果预算500左右?想要买一台全面屏手机,有哪些机型可以选择?看到这里,有些人可能就直接愣了,表示:现在还有500左右的全面屏手机?怕不是山寨的吧。对此,笔者就想说那你就有所不……记录一下13个C10特性常量的内插字符串C10允许使用在常量字符串初始化中使用插值,如下conststringnameOconststringgreeting34;Hello,{name……高负债率的联想,靠什么清偿债务?暴雷前还能忽悠公众,现在难以靠市场回血了,搞不好就资金链断掉。高管高薪,是联想大股东作的,倒了无人同情,高管们拍屁股走人,员工股东最可怜,饭碗有丢掉的可能。你策划吧……郝敏美国加强科技立法,对中企有何影响来源:环球时报中国《数据安全法》已经生效,向世界展示了数据安全治理的中国方案。大数据立法的主要适用范围属于新兴科技产业,然而,在科技立法领域,我们和美国相比还有比较大的差……波导模式编码成功插手量子计算波导模式编码成功插手量子计算多自由度光量子芯片呼之欲出这些不同的电场横向分布特性被称为不同的波导模式,波导尺寸越大,支持的波导模式就越多。这些不同的波导模式按照电场分布特……国产芯片迎来春天,国产工业软件能否也扛起自主大旗?文章来源:百家号,作者:万能的大熊国产芯片行业可以说是现在最风口浪尖的领域,每天都能看到国产芯片实现各种巨大突破的新闻,但最后往往又有些不符国情的夸张成分。不过很多业内人……
realme真我gt2pro充电故障Python中的单例模式与反弹机制新能源赛道之充电桩大小便智能护理机器人开启失能半失能老人护理新方式关注特斯拉法务部又开新账号未发内容,私信警告自媒体iphone13pro和se渲染图曝光,网友,不想买小米MIX4游戏实测机身最高平均温度不超46,高帧游戏一律锁分享4款相见恨晚的APP,个个都是精品,良心推荐2021年还值得买荣耀30Pro吗?不值得!入手荣耀Magi余承东华为鸿蒙HarmonyOS解决多设备系统体验割裂问题华谊兄弟拟以英雄互娱5。17股权提供质押担保金额不超过2。4颜值高续航长便宜好养活带你细品宝骏KiWiEV艺术家版值得买
为人处事原则30条超时尚女童发型设计盘点女童最爱时尚发型设计推动票据信用服务新时代经济高质量发展(上)小学五年级下册打电话教案设计电视剧长歌行皓都第几集在街上抱乐嫣玛格丽特木质化后如何修剪暗夜恐惧人力量训练后的拉伸方法郑州审车需要什么材料查开宾馆记录查询(我住过的酒店能查到吗)小熊嘟嘟打针院前急救5G指挥系统上车即入院成都市第三人民医院在市级公立医

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找江西南阳嘉兴昆明铜陵滨州广东西昌常德梅州兰州阳江运城金华广西萍乡大理重庆诸暨泉州安庆南充武汉辽宁