背景：在前端开发中，有时会为页面绑定resize事件，或为一个页面元素拖拽事件（其核心就是绑定mousemove)在一个正常操作中也有可能在一个短时间内触发非常多次事件绑定程序，而DOM操作是很消耗性 ...

我们知道，js有些事件例如resize，mousemove等是会不间断触发的，例如我们简单的一个scroll事件： 我们需要在滚动的时候去做一些事情，如上图可见，我们只是简单的console，在一次滚动过程中函数即执行了将近20次，如果这个函数 ...

函数节流可以一定程度得减少系统的损耗，方法如下： 其中 fn.apply(this, args) 不难理解，我们通过一段代码来看： 由此可见 fn.apply(this, args) 实现了对 fn 的继承， args 需要是数组形式。 ...

，这时候就需要节流，让自己回来的时候水差不多满了。那在JS里有没有这种情况呢，典型的场景是图片懒加载监听页 ...

一：函数防抖1、理解：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间2、思路：每次触发事件时都取消之前的延时调用方法 3、实现： function debounce(fn) { let timeout = null; // 创建一个标记用来 ...

、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。 通常这种情况下我 ...

概念解释 函数节流: 频繁触发,但只在特定的时间内才执行一次代码 函数防抖: 频繁触发,但只在特定的时间内没有触发执行条件才执行一次代码 函数节流 函数节流应用的实际场景，多数在监听页面元素滚动事件的时候会用到。因为滚动事件，是一个高频触发的事件。 以下是监听页面元素滚动的示例代码 ...

重复提交，如何防止多次提交的发生？ 为了应对如上场景，便出现了函数防抖和函数节流两个概念，总的 ...