js中防抖和节流

防抖:当连续事件触发时，只触发最后一次事件。

节流:当连续事件触发时，在固定时间内，事件只执行一次。

相同点:都是通过setTimeout实现的，都采用了闭包结构，目地都是节约计算资源。

应用场景:

防抖:

• 搜索框搜索输入。只需用户最后一次输入完，再发送请求。手机号、邮箱验证输入检测
• 窗口大小改变。只需窗口调整完成后，计算窗口大小。防止重复渲染。

节流:

• 滚动加载，加载更多或者滚到底部监听。
• 谷歌搜索框，搜索联想功能。
• 高频点击提交。表单重复提交。