1. 首页
  2. 编程语言
  3. Javascript
  4. JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)

JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)

上传者: 2021-11-25 21:55:36上传 PDF文件 98.80 KB 热度 9次

以下场景往往由于事件频繁被触发,因而频繁执行DOM操作、资源加载等重行为,导致UI停顿甚至浏览器崩溃。针对这两种需求就出现了debounce和throttle两种解决办法。throttle 和 debounce 是解决请求和响应速度不匹配问题的两个方案。debounce 时间间隔 t 内若再次触发事件,则重新计时,直到停止时间大于或等于 t 才执行函数。_.debounce实现的精彩之处我认为是通过递归启动计时器来代替通过调用clearTimeout来调整调用func函数的延时执行。

用户评论