js的防抖节流优化高频触发
防抖
js的防抖就是比如一个水龙头坏了一直在滴水,我们为了节约用水,那么我们会想办法让他不再滴的那么快,这就是防抖。常见的比如scroll,onresize这些高频触发的情况。

这就是一个防抖函数利用闭包让作用域链的变量得以保存,每次获取结束时间与初始时间之差,如果大于我们设定的值就进行触发一次函数,然后设置初始时间为结束时间.
节流
节流就是比如关闭了水龙头后的最后水龙头还要再来一滴。也就是只在最后执行一次。

主要利用了setTimeout来实现,滚动的过程中我们一直清楚定时器,只在最后停止滚动的时候触发一次
防抖加节流
那我们来组合一下:

这就是一个防抖加节流的结合体。
本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!