lodash 防抖、节流 Jim

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

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

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

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

第三方函数工具库：lodash
安装： npm i lodash --save / yarn add lodash --save
引入：import _ from ‘lodash’

//防抖
getList:_.debounce(function() {

console.log('防抖')

 },2000),

//节流

// 案例1
<template>
  <!-- 首页 -->
  <div class="title_box">
    {{ $t('menu.home.page') }}
    <div class="box" @click="throttledMethod()"></div>
    <div class="box1"></div>
    <div class="box2"></div>
    <div class="box3"></div>
    <div class="box4"></div>
  </div>
</template>

<script>
import _ from 'lodash'
export default {
  name: 'HomePage',
  methods: {
    throttledMethod: _.throttle(function () {
      console.log('节流')
      console.log('I get fired every two seconds!')
    }, 2000)
  }
}
</script>

节流案例2、