函数防抖和节流的概念和真实项目中的应用场景

概念

函数防抖(debounce):

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

实际的应用

用户在输入搜索的时候不是每次输入都执行keyup的事件 而是用户输入1s后再执行请求的事件

1s之内用户再次输入的时候会从新计算时间

函数节流(throttle):

规定在一个单位时间内,只能触发一次函数,如果这个单位时间内触发多次函数,只有一次生效; 典型的案例就是鼠标不断点击触发,规定在n秒内多次点击只有一次生效。

实际的应用

滚动加载更多 在监听滚动条的位置的时候不是用户每次滚动都要去监听滚动条的位置的 而是例如2秒内不管你滚动多少次 我就监听一次滚动条的位置

你可能感兴趣的:(函数防抖和节流的概念和真实项目中的应用场景)