背景简介 我们日常开发中，经常会遇到点击一个按钮或者进行搜索时，请求接口的需求。 如果我们不做优化，连续点击按钮或者进行搜索，接口会重复请求。 那么，我们该如何规避这种问题呢？ 如何避免接口重复请求

网上冲浪的时候看见有网友在问这个问题。想回答的时候发现自己忘了，一下子没能想起来，这里做个笔记。文章对新手程序员友好。大神请上座。

简介 websocket在前端开发中，是一个必须掌握的技术！你可以不用，但必须掌握！ 前几天，就遇到这样一个需求，要求界面的数据通过websocket实时推送，并且必须支持断网重连、自动心跳！ web

因为项目中使用到了 WebSocket ，面试官在深挖项目经验的时候提到了这方面的技术，所以就此整理下相关知识，以备后续面试使用。

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：

看日志发现请求的时间和前端显示的时间不同，但无法复现这个情况。 分析问题 仔细查看日志发现，有多个请求，原来当选择不同的时间范围时，如果用户连续操作，发起多次请求，造成数据渲染异常

在真实的项目中其实很多时候都有接口请求已经发出，但还没响应完成就要取消请求的业务场景。 有可能这些场景我们不做处理也不影响功能正常使用，但如果做接口终止处理客户体验会更好并且也节省了服务器资源。

Axios取消请求(AbortController) 从 v0.22.0 开始，Axios 支持以 fetch API 方式—— AbortController 取消请求： 注意: CancelTok

应用场景 取消请求在前端有时候会用到，以下是两个工作中可能会用到的场景 tab切换时刷新某个列表数据，如果他们共用一个变量存储数据列表，当请求有延时，可能会导致两个tab数据错乱； 导出文件或下载文件