防抖与节流：优化高频处理策略.pptxVIP

防抖和节流

01防抖

为什么要防抖为什么要做防抖有的操作是高频触发的，但是其实触发一次就好了，比如我们短时间内多次缩放页面，那么我们不应该每次缩放都去执行操作，应该只做一次就好。在比如监听输入框输入，不应该每次都去触发监听，应该是用户完成一段输入后，再进行触发总结：等用户高频事件完了，再进行事件操作

防抖怎么做事件触发开启一个定时器如果再次触发，则清除上一次的，重写开一个定时到，触发操作

为什么要节流为什么要做节流防抖存在一个问题，事件会一直到等到用户完成操作后一段事件再操作。如果一直操作，会一直不触发。如果这是一个按钮，点击就发送请求。如果一直点，那么请求就会一直不发出去。这里的正确思路应该是第一次点击就发送，然后上一个请求回来后，才能再发。总结：某个操作希望上一次的完成后再进行下一次，或者说希望隔一定时间触发一次

节流怎么做事件触发操作执行关闭阀门阀门关闭，后续触发无效一定时间后，阀门打开操作可再次触发

总结防抖和节流相同点防抖和节流都是为了阻止操作高频触发，从而浪费性能。防抖和节流区别防抖是让你多次触发，只生效最后一次。适用于我们只需要一次触发生效的场景节流是让你的操作，每隔一段时间才能触发一次。适用于我们多次触发要多次生效的场景

谢谢观看