前端性能优化 节流
和上一篇讲的防抖不同,节流操作是指在连续触发某一事件的情况下,每隔一段时间就触发一次事件,时间固定,具体的使用场景和防抖的类似。
第一种方案:利用时间戳,直接执行
实现思路:如果当前时间减去上一次触发时间,大于间隔时间,触发函数,并将当前时间赋值为记录时间,否则就无事发生
操作:当鼠标滑过某个区域后,停止滑动后,3000ms,计数器加一
第二种方案:利用定时器,wait时间后执行
实现思路:判断定时器是否存在,若不存在,新建定时器,wait时间后执行,执行后置定时器为null,若存在,无事发生
操作和页面同第一种方案
第三种方案:前两种方案结合,在开始时执行,结尾也执行
大体实现思路:计算剩余触发时间,若剩余触发时间0,则立刻触发事件,否则的情况,如果没有定时器,则新建定时器,执行后置定时器为null,具体细节见函数
操作和页面同第一种方案
第四种方案:基于方案三,提供option,
实现效果:可以选择使用方案一({trailing: false})、方案二({leading: false})、方案三(三者互斥),补充解除节流属性cancel
最后
思路比代码重要
附:前端性能优化——防抖
电脑怎么优化 如何优化电脑性能
电脑配置方面:配置方面了解清楚可以了。
推荐四核,适合多开,双核也很不错,如果想多开挂机的,还是四核比较好。
8600以上,推荐显存512M以上的。
其他方面:这方面要求不高,硬盘空间留足C和D盘各有20G空余的就可以了,ADSL起码2M带宽以上了,目前主流是4M带宽。
|前端性能优化、节流
前端性能优化 如何优化电脑性能 电脑怎么优化 节流