防抖节流
防抖节流主要是应对连续触发的事件触发频率太高的问题
防抖:给目标事件方法添加一个时间限定,setTimeout延迟执行时机
节流:在防抖的基础上,添加一个控制器,让函数执行一次后,在某个时间段内暂时失效,
过了这段时间后再重新激活效果:如果短时间内大量触发同一事件,那么在函数执行一次之后,该函数在
指定的时间期限内不再工作,直至过了这段时间才重新生效
-----------------------
应用场景:
搜索框连续输入,弹出提示,可以用节流的方式设定时间间隔
滚动条连续滚动效果
resize事件,常见于需要做页面适配的时候。需要根据最终呈现的页面情况进行dom渲染(这种情形一般是使用防抖,因为只需要判断最后一次的变化情况)