[JavaScript知识库]Vue项目--防抖与节流

1.防抖：用户操作很频繁，但是只在最后执行一次

2.节流：用户操作很频繁，将多次操作变成少量操作，在一段时间内只允许触发一次（可以给浏览器充分的时间解析代码）

3.实现：安装lodash包

将要防抖的函数包在lodash防抖函数_.debounce(fn,1000)里，经过包裹后依然返回一个函数，这个函数就可以防抖了。

将要节流的函数包在lodash防抖函数_.throttle(fn,1000)里，经过包裹后依然返回一个函数，这个函数就可以节流了。

input.oninput =_.debounce(function(){
    console.log('防抖')
},1000);

input.oninput =_.throttle(function(){
    console.log( '节流')
},1000);

4.创建项目时，已经有了lodash包在modules里面

import throttle from 'lodash/throttle'

changeBackgroundcolor:throttle(function(index){
? ? this.mouseoverIndex = index;
},50),