前端请求并发控制介绍在列表的导入导出时如果后台接口不支持多条传入并且后台控制了TPS（吞吐量）时可以使用这种方法主要思想:前端在请求数据时,先将所有的请求保存下来,在规定的并发内进行一个个的请求 包工头李四有20个搬砖工人,有一天,他有一大车的砖要搬,就把这些人叫来,动员大家搬砖,工人们一个个的干劲很高,一个个的在门口等着搬砖,早晨的砖不是那么烫手,车来了,大家开始搬砖。 问题出现了，门太小，一时
转载
2024-10-25 22:46:55
43阅读
哈喽大家好，我是挂面。今天在逛B站的时候发现一个听炫酷的效果——视频预览。如果常常上各大视频网址的朋友应该会看到各种不同的预览策略，有优酷、A站那种播放其中一小段视频的，也有油管那种播放好几段小视频的，但我个人还是比较喜欢B站这种不用点进视频就可以看到其中更多信息的设计，也是非常佩服B站产品经理们的脑洞。我们先来看看效果。具体的代码我已经实现过一遍了，给大家看看我做的效果。代码我放在文章最后了，想
设计模式概览设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论，而不是现成的代码，当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题，毕竟这是前人无数经验总结成的最佳实践，而代码实现则是对加深理解的辅助。设计模式可以分为三大类：结构型模式(Structural Patterns): 通过识别系统中组件间
引言没办法，逃不过。看了很多面经和总结，时过一年，再次更新本文，优化了排版。让题目一目了然。总结的更加系统化。大纲首先我们要看一下HTML的面试题回涉及到哪一些部分。看之前做到心中有数（到底欠了多少？）。HTML面试题我感觉分个类好记一些。HTML基础1、DOCTYPE(⽂档类型) 的作⽤DOCTYPE是HTML5中一种标准通用标记语言的文档类型声明，它的目的是告诉浏览器（解析器）应该以什么样（h
# 实现axios post删除origin的流程
## 步骤
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建axios实例 |
| 2 | 发送post请求 |
| 3 | 删除origin |
## 操作步骤
### 步骤1：创建axios实例
```markdown
// 创建axios实例
const axios = require('axios');
原创
2024-05-08 07:57:13
91阅读
# 如何实现axios post处理401
## 1. 流程概述
在实现"axios post处理401"的过程中，我们需要以下几个步骤：
| 步骤 | 描述 |
| :--- | :--- |
| 步骤一 | 发送POST请求 |
| 步骤二 | 检查响应状态码 |
| 步骤三 | 如果状态码为401，重新请求 |
| 步骤四 | 处理其他状态码 |
| 步骤五 | 处理请求失败或其他异常
原创
2023-10-25 05:01:43
229阅读
理论简单的HTTP POST大家通过HTTP向服务器发送POST请求提交数据，都是通过form表达提交的，代码如下:1. 2. <input type="text" name="txt1">
3. <input type="text" name="txt2">
4. </form>提交时会向服务器段发出这样的数据(已经去除部分不相关的头信息),数据如下:
HTTP知识点1.http状态码1.1状态码的五种类型1.2常见的状态码2.什么是Restful API3.常见的header3.1 header的类别：4.http的缓存4.1 缓存的类别：5.http缓存总的流程图 1.http状态码1.1状态码的五种类型1xxx：表示服务器收到请求2xxx：表示请求成功3xx：表示重定向4xx：表示客户端错误5xx：表示服务端错误1.2常见的状态码200：
最近有做一个Vue的小项目，其中用到了尤大大推荐使用的axios，但是使用的过程中遇到了各种各样的问题，所以这次也是将一些心得分享出来。安装的流程我就简单说一下下吧，在一个自己新建的文件夹中命令行中，输入以下命令，当然这边是默认大家已经安装了node.jsnpm install vue --save
vue init webpack studentchoose
cd studentchoose
n
# 前端axios封装处理错误
在前端开发中，我们经常使用axios进行网络请求。它是一个基于Promise的HTTP客户端，可以在浏览器和Node.js中发送HTTP请求。然而，当我们处理网络请求时，经常会遇到一些错误，例如网络不可用、请求超时等。为了提高代码的可维护性和错误处理的统一性，我们可以封装axios并对错误进行统一处理。
## 错误处理的必要性
在实际开发中，我们可能会遇到各种
原创
2023-08-27 11:56:28
186阅读
最近发现一奇怪现象，网站一些链接被百度收录，失效后一直无法去除，经过一番研究找到一些端倪。
首先用谷歌浏览器的firebug工具测试404，发现提示302错误。302错误表示被请求的资源暂时转移(Moved temporatily)，然后会给出一个转移后的URL。虽然对访问的用户而言，HTTP状态码究竟是“404”还是“302”
转载
2024-09-05 13:37:05
55阅读
最近在vue项目中遇到一个问题：前端请求后端接口，状态码是302,状态码302表示重定向，也就是接口会重定向到一个地址，并且发送http请求。针对于状态码为302，不做详细解释了，简单看一下：请看图片上响应头里面框选的location:http://xxxxx，location的值就是一个重定向的url，正常的接口是不会出现这个location的，所以在后端不配置跨域的情况下，我们这个接口就会报跨
前端技术的逐渐成熟，衍生了domain hash, cookie free, css sprites, js/css combine, max expires time, loading images on demand等等技术。这些技术的出现和大量使用都和并发资源数有关。按照普通设计，当网站cookie信息有1 KB、网站首页共150个资源时，用户在请求过程中需要发送150 KB的cookie信
# Axios Post Raw 处理对象传参
在现代web开发中，使用`Axios`这个库可以非常方便地进行HTTP请求，尤其是POST请求。由于我们在后端常常需要处理复杂对象的参量，掌握如何使用Axios处理raw数据是一项重要技能。本文将介绍Axios发送原始对象数据的方式，附带详细的代码示例和相应的流程图。
## Axios简介
`Axios`是一个基于Promise的HTTP客户端
原创
2024-08-09 14:37:50
88阅读
前端可以说是最贴近用户的一层，当产品不断的迭代完善，产品的用户体验会更加趋向于完美，然而前端异常却是很另人头疼的一个问题，我们应该怎么去对待这些异常呢？一、为什么要处理异常？异常是不可控的，会影响最终的呈现结果，但是我们有充分的理由去做这样的事情。增强用户体验；远程定位问题；未雨绸缪，及早发现问题；无法复线问题，尤其是移动端，机型，系统都是问题；完善的前端方案，前端监控系统；对于 JS 而言，我们
转载
2023-11-01 18:02:37
271阅读
在Vue前端开发中，使用this.$axios.post方法可以向服务器发送POST请求。$axios是Vue中使用的一种HTTP请求库，它基于axios库进行了封装，提供了更加简单、方便的API供开发者使用。
使用this.$axios.post方法发送POST请求需要传入两个参数，第一个参数是请求的URL地址，第二个参数是请求的数据。下面是一个示例代码：
```javascript
//
原创
2023-07-22 15:35:27
541阅读
前端发POST请求设置Axios请求头的过程非常重要，因为它关系到数据的传输和安全性。在这个过程中，我们需要清楚如何高效地设置Axios请求的头信息，以确保我们的请求能够顺利到达后端并完成数据交互。接下来，我将详细记录如何处理这一问题。
## 背景定位
在现代Web开发中，前端与后端的交互主要依赖HTTP请求。特别是POST请求，常用于传输数据时，需要特定的请求头来满足服务端的要求。设置不当的
前端代码实现发送请求的方式：最常见的是表单，最流行的是ajax请求
1.link标签的href属性
2.script标签的src属性
3.img标签的src属性
4.ajax发送请求
5.表单提交发送请求
6.a标签的href发送请求
7.iframe的src的属性发送请求
举例
1.form表单
前端代码
post代表提交方式，action代表提交的地址 年龄：
后端代码
protec
转载
2023-12-13 13:54:49
176阅读
这个暑假里的实习是真正让我体会到了做前端一定要理解文档流。之前一直处于必须给元素加边框才能看到我讲元素放置在了文档中的什么位置。理解了文档流，脑海中就会定位到相应的元素。文档流，其实本没有这样的定义，有的是普通流的概念。简单说就是元素按照其在HTML中的位置顺序决定排布的过程。并且这种过程遵循标准的描述。即将窗体自上而下的分成一行一行，并在每行中按照从左至右的顺序排放，即为文档流。所有的HTML都
流是Java8引入的全新概念，它用来处理集合中的数据，暂且可以把它理解为一种高级集合。 众所周知，集合操作非常麻烦，若要对集合进行筛选、投影，需要写大量的代码，而流是以声明的形式操作集合，它就像SQL语句，我们只需告诉流需要对集合进行什么操作，它就会自动进行操作，并将执行结果交给你，无需我们自己手写代码。 因此，流的集合操作对我们来说是透明的，我们只需向流下达命令，它就会自动把我们想要的结果给我
