Lodash.js实现防抖与节流

首先我们从最上面快速往下滑，在鼠标移入事件里面输出一下index

 enters(index) {
               this.currentIndex=index;
               console.log(index);
}

这样就只会打印这几个

 产生原因：这是因为太快了，浏览器还没反应过来。

 先了解防抖和节流：

 简单理解：节流相当于技能cd，防抖相当于回城。

（1）实现防抖

首先来看一个代码：

    
    
    
    



    

        请你输入搜索的内容：
    

我想输入完之后再发送ajax请求，可以采用闭包+定时器，也可以采用Lodash来实现，第一种方法之前已经说过了，见博文：JS淘宝搜索框防抖策略_吃鱼丸的申申的博客-CSDN博客_搜索框 防抖，那么就来看看第二种如何做。安装见官网：Lodash 简介 | Lodash 中文文档 | Lodash 中文网 (lodashjs.com)

代码如下：

    
    
    
    
    
    



    

        请你输入搜索的内容：
    

（2）实现节流

直接看代码：

    
    
    
    
    



    

        
我是计数器0
        点击我+1
    

总结：