Vue中如何实现并应用函数防抖和节流技术？

本文共计902个文字，预计阅读时间需要4分钟。

抑制和流畅性的目标都是为了减少不必要的计算，节省资源，只有在适当的时候再进行触发计算。一、函数防抖+定义+在事件被触发n秒后再次执行回调，如果在这n秒内事件再次被触发，则重新计算。

防抖和节流的目的都是为了减少不必要的计算，不浪费资源，只在适合的时候再进行触发计算。

一、函数防抖

定义
在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型的案例就是输入搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。

实现原理
函数防抖的基本思想是设置一个定时器，在指定时间间隔内运行代码时清楚上一次的定时器，并设置另一个定时器，知道函数请求停止并超过时间间隔才会执行。