前言：针对一些会频繁触发的事件如scroll、resize，如果正常绑定事件处理函数的话，有可能在很短的时间内多次连续触发事件，十分影响性能 节流： 节流：使得一定时间内只触发一次函数。 它和防抖动最大的区别就是，节流函数不管事件触发有多频繁，都会保证在规定时间内一定会执行一次真正 ...

前端面试—函数防抖与函数节流 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 函数防抖（debounce） 函数防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算 ...

防抖&节流 在前端开发中一部分的用户行为会频繁的出发事件执行，对DOM操作、资源加载等耗费性能的处理，很可能导致界面卡顿，甚至浏览器的崩溃。函数防抖(debounce)和函数节流(throttle)就是为了解决类似的需求应运而生的。 防抖 函数防抖就是在函数需要频繁 ...

函数防抖和节流都是对高频动作触发回调函数的一个优化，实现方式上有类似之处。先从使用场景做个区分。 防抖使用场景： 表单输入框校验 提交按钮避免重复提交 节流使用场景： scroll,mousemove,resize等 函数防抖（debounce） 表单输入框校验 ...

！ 节流函数 所谓的节流函数顾名思义，就是某个时刻限制函数的重复调用。 同样节流函数也是为了 ...

一、防抖函数 1.1 概念： 　　触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。 1.2 使用场景： 　　就像是我的搜索栏功能，是在里面内容变化后就实时触发搜索事件，但是有时候我们输 　　的内容很长，在没有输完的时候就触发了事件，这样对性能来说是不好 ...

防抖（debounce）:当持续触发事件时，保证只执行最后一次事件处理函数 如何实现防抖呢? 我们拿滚动事件举例子，用户的滚动会频繁触发滚动事件，很容易造成页面卡死。那么我们可以封装如下一个函数。 每次想调用函数的时候，设置一个定时器让函数延迟执行。 当连续触发的时候，前面 ...

一、防抖函数手动写 防抖函数定义：一个需要频繁触发的函数，在规定时间内只让最后一次生效，前面的不生效 注意：debounce 的问题在于它“太有耐心了”。试想，如果用户的操作十分频繁——他每次都不等 debounce 设置的 delay 时间结束就进行下一次操作，于是每次 ...