JS事件的防抖与节流
当触发鼠标移动事件或是窗口的scroll滚动事件等操作时,事件处理函数会不停的调用,增加浏览器的负担,有可能造成卡顿,为了解决这个问题,可以使用防抖(debounce)和节流(throttle)。
防抖(debounce)
类似与英雄联盟的回城机制。
当触发一个事件后(开始回城),在一段时间内(回城读秒),再次触发此事件(再按b),重新开始计时(重新回城读秒),这段事件内没有再触发事件,则事件才会执行一次(成功回泉水)。
//防抖
const debunce = (func, wait = 0) =>
原创
2021-09-10 19:04:50 ·
210 阅读 ·
0 评论