背景：在前端开发中，有时会为页面绑定resize事件，或为一个页面元素拖拽事件（其核心就是绑定mousemove)在一个正常操作中也有可能在一个短时间内触发非常多次事件绑定程序，而DOM操作是很消耗性能的，如果为这些事件绑定一些操作DOM节点的操作的话就会引发大量的计算，在用户看来页面可能就一时间 ...

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

应用场景： 1）前端点提交按钮，防止用户短时触发多次点击； 2）类似百度输入直接AJAX请求关键字，延迟处理。 ...

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

JS中的函数节流throttle详解和优化在前端开发中，有时会为页面绑定resize事件，或者为一个页面元素绑定拖拽事件（mousemove），这种事件有一个特点，在一个正常的操作中，有可能在一个短的时间内触发非常多次事件绑定程序。DOM操作时很消耗性能的，如果你为这些事件绑定一些操作DOM节点 ...

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

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

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