在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 的用法大概就是这样了
- 相信 关于防抖和节流我学到的只有这么多 不知道大神们有没有更高级的用法还忘不吝赐教....