防抖和节流
2024-01-10 本文已影响0人
马铃薯蜀黍
防抖debounds:
就是在一个设定的时间间隔内,一个事件的频发触发被不断延后,直到触发间隔大于设定的时间间隔触发时间。
实现原理:
创建一个防抖函数,传入事件fn,时间间隔interval,返回一个函数,设定一个timout函数在时间间隔内执行,并且不断取消timeout函数,创建新的timeout函数
节流throttle:
就是在每个规定的时间之内只能触发一次。
实现原理
记录事件触发的时间,比较现在的时间,一旦现在的时间与上次触发时间间隔大于设定时间则再次触发时间。