# useThrottledFn

节流函数hook,传入一个回调函数,返回这个回调函数的一个缓存版本,会在设定的时间之后执行一次回调。详细资料可以参考Lodash Throttle

节流函数一般用于触发频率非常高的事件中,比如:scroll, mousemove, resize等。用来控制回调函数执行频率,优化应用性能。

# 使用

import { useThrottledFn } from 'beautiful-vue-hooks'

export default {
  setup () {
    const onWindowResize = useWindowResize()
    const throttledHandler = useThrottledFn(() => {
      ...
    })
    onWindowResize(throttledHandler)
  }
}

# 示例

尝试调整浏览器窗口宽度

最后更新: 8/21/2020, 3:01:44 AM