一、概念解释 函数节流和函数防抖，两者都是优化高频率执行js代码的一种手段。  大家大概都知道旧款电视机的工作原理，就是一行行得扫描出色彩到屏幕上，然后组成一张张图片。由于肉眼只能分辨出一定频率的变 ...

应用场景 我们经常需要监听滚动条滚动或者鼠标的移动，但浏览器触发这类事件的频率非常高，可能在10几毫秒就触发一次，如果我们处理事件的函数需要操作大范围的DOM，这对于浏览器的性能是个考验，可能像ch ...

一、函数节流(throttle) **函数节流：一个函数执行一次后，只有大于设定的执行周期后才会执行第二次**。有个需要频繁触发函数，出于优化性能角度，在规定时间内，只让函数触发的第一次生效，后面 ...

一、函数防抖 　　前端开发工作中，我们经常在一个事件发生后执行某个操作，比如鼠标移动时打印一些东西： 　　这就像电梯，如果一个电梯的设计是每进去一个人就立即关门，那么如果有10个人 ...

js 的函数节流(throttle)和函数防抖(debounce)概述 函数防抖(debounce) 一个事件频繁触发，但是我们不想让他触发的这么频繁，于是我们就设置一个定时器让这个事件在 xxx ...

在项目中，我们会经常使用到mouseover，mouseenter，resize，scroll等，这些函数会频繁的触发，因此会造成资源浪费。 因此我们需要进行优化，这个时候就需要使用到函数防抖（de ...