使用lodash实现防抖和节流功能

这里以搜索功能为例

监听边输入边搜索:@input
敲回车搜索 @keyup.enter.native=""
点击按钮搜索 @click

搜索性能优化:主要利用防抖和节流

防抖和节流:主要目的是为了降低高频事件触发,减少dom操作或请求次数,提升性能

通常高频事件:onscroll,onresize,keyup/keydown,mousemove

 防抖:在固定时间内,如果有事件触发,则会再延长固定时间,直到固定时间内没有触发事件再做处理 例如:电梯和屏保
 节流:指定一个固定时间,无论是事件触发与,只要到了固定时间,都会触发

第三方函数工具库:lodash
安装: npm i lodash
引入:import _ from ‘lodash’

//防抖
getList:_.debounce(function() {
  this.getUserList()
},2000),
//节流
getList:_.throttle(function() {
  this.getUserList()
},2000),
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值