js中的函数防抖和函数节流

我们首先看一个案例

   案例分析一

      有一个button按钮 点击它需要发生数据请求,再点击的过程中有可能不小心点击了许多次,那么这个函数体内就得发生许多次请求,这将会严重得影响服务器得性能和导致前端页面的重绘。怎么来解决这个问题呢?js函数的函数防抖功能就解决了这个问题:不管你点击多少次,反正请求只发生一次。

    

 

  以上就是函数防抖,最后就只执行最后一次的点击请求,其他的再开启另一个计时器前已被清除,只保留最后一个计时器的功能。

  函数节流:是不管你点击多少次,代码只按自己规定的时间有序的发生请求,比如,"隔两秒发生一次",不是只发生一次。

  

 

posted @ 2020-03-06 20:21  九点课堂  阅读(165)  评论(0编辑  收藏  举报