vue3.0 中使用loadsd 的节流与防抖函数笔记

331 阅读1分钟

在UI交互过程成有时候需要处理一些极端的情况这里记录下lodsh 框架中debounce 与 throttle 的用法

  • 先在项目中导入lodsh 框架
npm install - s lodash 

debounce 函数的使用

// 导入lodsh 库页可以局部导入 最好是局部导入只导入自己需要用到库

// 在需要响应的方法时 假设方法名为testFn

const testFn = _.debounce(function() { // function 中页可以传递自己需要的值
// 这里写当前方法需要响应的逻辑

},2000)  // 2000 就是响应间隔时间

throttler 用法与debounce 类似

// 还是以testFn 方法举例
const testFn = _.throttle(function() {
// 处理方法逻辑 两秒之后执行

},2000)

debounce 与 throttle 的用法大概就是这样了

  • 相信 关于防抖和节流我学到的只有这么多 不知道大神们有没有更高级的用法还忘不吝赐教....