js防抖(debounce) 和 节流(throttling)
关于js的防抖和节流
看例子:
当鼠标在橙色区域来回移动时
可以看到数值在不可控的快速增加,说明该函数被频繁触发。
对于这种快速连续触发和不可控的高频率触发问题,我们有 防抖(debounce) 和 节流(throttle) 这两种解决方法。
防抖(debounce)
所谓防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。
防抖函数分为非立即执行版和立即执行版。
//准备工作
let num = 1;//定义一个初始值
let content
原创
2021-09-30 10:48:30 ·
234 阅读 ·
1 评论