搜索性能优化:主要利用防抖和节流
防抖和节流:主要目的是为了降低高频事件触发,减少dom操作或请求次数,提升性能
通常高频事件:onscroll,onresize,keyup/keydown,mousemove
防抖:在固定时间内,如果有事件触发,则会再延长固定时间,直到固定时间内没有触发事件再做处理 例如:电梯和屏保
节流:指定一个固定时间,无论是事件触发与,只要到了固定时间,都会触发
如何使用
第三方函数工具库:lodash
安装: npm i lodash
引入:import _ from ‘lodash’
//防抖
input.oninput= _.debounce(function() {
this.getUserList()
},2000),
//节流
button.onclick = _.throttle(function() {
this.getUserList()
},2000),