防抖与节流(借用第三方插件lodash)

卡顿现象：

       正常：事件触发非常频繁，每一次触发，回调函数都会执行，如果时间很短，回调函数中有计算，有可能会出现浏览器卡顿

       节流：在规定的时间间隔范围内，不会触发多次回调，只有大于这个时间才会触发回调。频繁触发  => 少量触发

       防抖：前面所有的触发都会取消，最后一次的执行在规定的时间之后才会触发     频繁触  =>  只执行一次

lodash插件：

        lodash向外暴露的是_.+函数名()

        防抖: _.debounce(fn,waitTime,option)

        节流: _.throttle(fn,waitTime,option)

<h3 @mouseenter="changebgcolor(index)" ></h>

methods:{
   // 鼠标移动上更换背景色
    changebgcolor:throttle(function(index){//不能用箭头函数,this指向有问题
    // index:鼠标移上的元素的索引值
        this.bgcolor = index;
    },100)  

}