前端防抖和节流

前端防抖和节流

``javascript`

1.什么是防抖
防抖：顾明思议，一次只有单一的请求，我们举个例子，例如：喜欢打王者荣耀的朋友都知道，我打王者荣耀好家伙没血了，我要回城，这个时候我点击一次，就开始我的进度条回城，但是中途万一不小心重新点击，那回城就又开始重头算。要是中间突然有个人打你一下，你也回不了城。

js中有哪些页面使用场景是关于防抖的呢(第一个经常遇到)：
1.登陆，发短信（倒计时），防止用户点击过快，以至于发送多次请求，然后这里不是吐槽后端啊！本人亲测没错登陆接口单击20次，服务器挂了。。。当然这个是老项目。所以我们为了不让用户察觉，我们的后端小哥工作不到位，这里前端呢可以做一个防抖。
2.模糊搜索（这个也是用的很多的例如：某宝你要买袜子，你搜索袜子），这个时候呢。下来菜单就会出现长袜女袜，男袜，各种。大致和袜子相关的匹配。
3.调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多，此时需要一次到位，就用到了防抖

//防抖codeconst debounce = (fn,delay)=>{let timer = null;if(timer){clearTimeout(timer)}timer = setTimeout(()=>{fn();},delay)}debounce(()=>{//需要执行的业务逻辑 my.exit()},1000)//节流codeconst throttle = (fn,delay)=> {let falg = true;return ()=>{if(falg){setTimeout(()=>{fn();falg = true;}，delay)}falg = false;}}throttle(()=>{//需要执行的业务逻辑 my.exit()},1000)

```

获取当前时间

function getCurrentTime() {let date = new Date();let YY = FullYear();let MM = Month() + 1;let DD = Date();let h = Hours();let m = Minutes();let s = Seconds();let ms = Milliseconds();return `${YY}-${MM}-${DD} ${h}:${m}:${s}:${ms}`}getCurrentTime()