js 防抖和节流，应用场景

时间: 2024-10-20 15:19:26

(部分内容来自网络，其真实性存疑，为了避免对您造成误导，请谨慎甄别。)

js 防抖和节流，应用场景

防抖和节流都是防止某一时间频繁触发，但是原理却不一样。

防抖是将多次执行变为只执行一次，节流是将多次执行变为每隔一段时间执行。

防抖(debounce)：

search搜索联想，用户在不断输入值时，用防抖来节约请求资源。

window触发resize的时候，不断的调整浏览器窗口大小会不断的触发这个事件，用防抖来让其只触发一次

节流(throttle)：

鼠标不断点击触发，mousedown(单位时间内只触发一次)

监听滚动事件，比如是否滑到底部自动加载更多，用throttle来判断