3 原理篇 防抖、节流

防抖、节流：前端开发中有部分用户行为会频繁的触发事件执行，其对于DOM操作、资源加载都很耗费性能，很可能导致界面卡顿，甚至浏览器的崩溃，防抖、节流便可解决此类需求；

1、防抖：用户行为频繁触发事件执行；解决方案：每隔一段时间，执行一次  ->  setTimeout；     应用场景：大多为搜索框；

2、节流：函数只有大于等于执行周期时才会执行，周期内调用不执行；应用场景：窗口调整(resize)，页面滚动(scroll)，抢购疯狂点击(mousedown);

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • JavaScript 中的函数防抖动与节流
    摘要：JavaScript 中的函数防抖和节流是很常用的需求，前端面试也是频率比较高被问到的知识，本文就通过二者的...
    EnochQin阅读 1,258评论 0赞 5
  • 函数防抖和节流
    在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等...
    Grace_feb3阅读 400评论 0赞 0
  • 十二、事件
      JavaScript 与 HTML 之间的交互是通过事件实现的。   事件，就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,526评论 1赞 11
  • 函数节流和防抖
    前言 事件的触发权很多时候都属于用户，有些情况下会产生问题： 向后台发送数据，用户频繁触发，对服务器造成压力 一些...
    浪里行舟阅读 1,341评论 0赞 10
  • 函数防抖和函数节流
    概念 函数防抖（debounce） 当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执...
    yuanjiex阅读 643评论 0赞 1