防抖和节流都是在解决高频触发的或后台连续请求的优化逻辑问题
举个例子吧
搜索:就比方说我们要搜索苹果,当我们输入关键字苹时,等待的500ms中没有再进行输入关键字那么我们向后台进行请求,如果说我们在等待的500ms之内输入了关键字果那么还要等待500ms在像后台进行请求,这就是防抖。节流的话就是说我们在输入关键字苹时等待500ms后就进行向后台请求,不管在等待的500ms中再输不输入关键字,他都会在500ms之后请求,不会打破他原来的规矩,这就是节流,一般会用lodash插件来完成防抖和节流,
以debounce为例,throttle同debounce用法一致,区别在于是点击事件还是输入事件。
npm i --save lodash
// 1. 引入
let lodash = require(‘lodash’)
getCode: lodash .debounce(function() {
console.log(this.username)
},1000)