防抖节流

防抖和节流都是在解决高频触发的或后台连续请求的优化逻辑问题
举个例子吧
搜索:就比方说我们要搜索苹果,当我们输入关键字苹时,等待的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)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值