防抖

前端与小赵

什么是防抖与节流在前端开发中，尤其是在处理用户输入、窗口调整大小、滚动事件等高频率触发的事件时，防抖和节流是两种常用的技术手段。它们可以帮助我们优化性能，减少不必要的计算，提高用户体验。本文将详细介绍防抖和节流的概念、特点、作用，并通过具体例子进行说明。

是萝卜干呀

Frontend - 防止多次请求，避免重复请求目录一、避免重复执行的多种情况（一）根据用途（二）根据用户操作二、具体实现（一）“Ajax ”结合disabled (防止多次请求)，避免多次点击重复请求

一个注解解决重复提交问题在应用系统中提交是一个极为常见的功能，倘若不加管控，极易由于用户的误操作或网络延迟致使同一请求被发送多次，从而生成重复的数据记录。针对用户的误操作，前端通常会实现按钮的 loading 状态，以阻止用户进行多次点击。然而，对于网络波动造成的请求重发问题，仅依靠前端是难以解决的。因此，后端也应当施行相应的防止重复提交逻辑，保证在网络波动的情形下不会接收并处理同一请求多次。

如何避免接口重复请求(axios推荐使用AbortController)我们日常开发中，经常会遇到点击一个按钮或者进行搜索时，请求接口的需求。如果我们不做优化，连续点击按钮或者进行搜索，接口会重复请求。

前端UI怎么防止用户反复提交？方法1：禁用按钮用户点击“xxx”按钮后，先禁用按钮，防止用户多次点击；待请求完成后，再解禁按钮。方法2：防抖（Debouncing）防抖是一种技术，它可以延迟执行函数，从而防止函数在短时间内被多次调用。用户点击“xxx”按钮时，函数会延迟一定时间后再执行，如果在延迟的时间段内，用户再次点击按钮，则防抖函数会重新计时。

【闭包应用】JS：防抖、节流1、防抖：当进行连续操作时，只执行最后一次的操作。2、节流：

酒茶白开水

前后端交互—跨域与HTTP同源策略(英文全称 Same origin policy)是浏览器提供的一个安全功能。MDN 官方给定的概念:同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。

STATICHIT静砸

节流&防抖节流：wait时间内只能执行一次func防抖：触发后延迟wait秒调用func代码对比：（建议自己手敲一遍，不要养成直接cv的坏习惯）