函数防抖与函数节流
函数防抖
(函数防抖)在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。给了用户思考输入的时间,减少了不必要的请求
应用场景:类似百度的实时搜索,如果是用户输入后,按键弹起的时候,发送很多没有必要的请求,可以如下改进
这个红色框起来的是高阶函数,是函数防抖的核心。
我们在输入框输入1的时候,他不会马上就发送ajax请求,而是过了500之后再发,在这个时间之类,我们可以输入自己想输入的,避免发送没必要的请求。减小了服务器压力。
函数节流
规定在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。
应用场景:(1)鼠标不断点击触发,mousedown(单位时间内只触发一次);(2)监听滚动事件,比如是否滑到底部自动加载更多,用throttle来判断
![](https://img2018.cnblogs.com/blog/1375391/201810/1375391-20181018143146160-700362919.png)
这个红色框起来的是高阶函数,很好的利用了闭包为函数节流,本次函数节流的核心。
在1000里面输入多个值,只会执行一次。单位时间内多次输入无效。