防抖函数的运用

发过程中有要求做一个搜索框,在input输入框输入了文字之后就调一次接口,当用户输入过快就会疯狂调接口,很多接口返回数据后台并不是有用,因此使用了防抖函数。代码如下

函数debounce export function debounce(fn, delay) { let delays = delay || 500; let timer; return function () { let th = this; let args = arguments; if (timer) { clearTimeout(timer); } timer = setTimeout(function () { timer = null; fn.apply(th, args); }, delays); }; } 使用 <input type="text" v-model="memberName" @input="onSearch">   import { debounce } from "@/common/js/debounce.js";   onSearch: debounce(function() { //节流 let params = { }; getProjectManagerList(params).then(res => { let data = res.data..... } }); }, 1000),
上一篇:lodash _.debounce限制操作频率


下一篇:JS的节流、防抖及使用场景