防抖 是将多次执行变为最后一次执行,比如百度搜索,就应该用防抖,当我连续不断输入时,不会发送请求;当我一段时间内不输入了,才会发送一次请求;如果小于这段时间继续输入的话,时间会重新计算,也不会发送请求。
应用场景:输入框
节流 是将多次执行变成每隔一段时间执行调用一次函数,而不是一触发事件就调用一次,这样就会减少资源浪费。
应用场景:比如窗口调整、页面滚动、抢购和疯狂点击等会用到节流。
节流与防抖的区别:
节流与防抖的前提都是某个行为持续地触发,不同之处只要判断是要优化到减少它的执行次数还是只执行一次就行。