防抖与节流

一、防抖

　　　　等触发完事件n秒后不再触发，才执行。

　　场景:

• 1.浏览器窗口 缩放，resize事件，常见于需要做页面适配的时候，需要 根据最终呈现的页面情况进行dom渲染

• 2.表单的按钮提交事件，例如登录，发短信，避免用户点击太快，以至于发送了多次请求

• 3.search搜索框输入，只需用户最后一次输入完在发送请求

• 4.文本编辑器实时保存，当无任何更改操作1s后进行保存

二、节流

　　　　当持续出发事件，每隔一段时间，只执行一次事件。

　　　场景:

• 1.鼠标不断点击触发，mousedown（单位时间内只触发一次） mousemove事件

• 2.商品预览图的放大镜效果

• 3.谷歌搜索框（支持实时搜索），搜索联想功能

• 4.scroll事件，每隔1s计算一次位置信息