防抖与节流

什么是防抖

防抖策略(debounce)是当事件被触发后、延迟n秒后再执行回调、如果在这n秒内事件又被触发、则重新计时

 

输入框的防抖

防抖的应用场景

用户在输入框中连续输入一串字符时，可以通过防抖策略，只在输入完后，才执行查询的请求，这样可以有效减少请求次数，节约请求资源

 

什么是节流

节流策略(throttle)/顾名思义、可以减少一段时间内事件的触发频率

 

节流的应用场景

1.鼠标连续不断地触发某事件(如点击)，只在单位事时间内只触发一次

2.懒加载时要监听计算滚动条的位置、但不必每次滑动都触发、可以降低计算的频率、而不必去浪费CPU资源

 

节流阀的概念

高铁卫生间是否被占用、有红绿灯控制，红灯表示被占用、绿灯表示可使用

假设每个人上卫生间都需要花费5分钟，则五分钟之内，被占用的卫生间无法被其他人使用

上一个人使用完毕后，需要将红灯重置为绿灯，表示下一个人可以使用卫生间

下一个人在上卫生间之前，需要先判断控制灯是否为绿色，来知晓能否上卫生间

 

节流阀为空、表示可以执行下次操作，不为空，表示不能执行下次操作

 

防抖:如果事件被频繁触发、防抖能保证只有最有一次触发生效！前面N多次的触发都会被忽略!

节流:如果事件被频繁触发、节流能够减少事件触发的频率、因此、节流是有选择性地执行一部分事件！