JavaScript 防抖动和节流

什么是防抖动函数

防抖动函数就是当你连续触发一个事件的时候，它只会在一定的时间之后执行最后一次事件。

比方说，你监听一个鼠标事件，当你鼠标移动的时候，它可能会在一秒或者更短的事件内，连续触发几十次甚至几百次事件，这会很影响页面的性能。

它能用在很多方面，比方说你页面滚动触发事件，页面缩放，监听鼠标事件等等

监听鼠标移动事件，使用debounce函数和不使用的对比。

监听滚动条事件，使用debounce函数和不使用的对比。

什么是节流函数

节流函数就是每隔一段时间执行一次函数。比方说页面无限滚动加载，我们就可以用这种

参考文章

Can someone explain the “debounce” function in Javascript