1.防抖:
- 表单验证:当用户在输入框中输入内容时,可以使用防抖来延迟验证用户输入的内容,减少验证的频率。
- 按钮点击:当用户频繁点击按钮时,可以使用防抖来确保只有最后一次点击生效,避免重复提交或触发不必要的操作。
- 搜索框自动补全:当用户在搜索框中输入关键字时,可以使用防抖来延迟发送请求,减少请求的次数。
2.节流:
- 页面滚动:当用户滚动页面时,可以使用节流来控制触发事件的频率,减少滚动事件的处理次数,提高页面的性能。
- 鼠标移动:当用户移动鼠标时,可以使用节流来控制触发事件的频率,减少事件的处理次数,提高页面的响应速度。
- 懒加载:当页面需要加载大量图片或内容时,可以使用节流来延迟加载,减少网络请求的次数,提高页面加载速度。