前端八股大全
发送两次的原因浏览器发送两次 POST 请求通常是因为 预检请求（Preflight Request） 的原因，这是由于跨域请求时浏览器执行的一种预检操作。跨域请求是指请求的目标地址与当前页面的地址不同源，即协议、域名或端口号至少有一个不同。在跨域请求中，如果请求是带有自定义头部（例如 Content-Type）或使用了非简单请求方法（例如 POST、PUT、DELETE）的情况下，浏览器会先发送一个预检请求给目标服务器，以确定是否允许实际的请求。预检请求通常是一个 OPTIONS 请求，用于向服务器确认实际请求是否安全。服务器收到预检请求后，会返回一组响应头，指示浏览器是否允许实际请求...
WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，它具有以下特点：全双工通信：WebSocket 允许客户端和服务器之间进行双向通信，可以同时发送和接收数据，而不需要发起多个 HTTP 请求。低延迟：WebSocket 建立在 TCP 连接上，减少了 HTTP 请求的开销，通信的延迟更低，适合实时通信场景。轻量级：WebSocket 协议头部较小，通信效率较高，适合在移动设备等资源受限的环境下使用。长连接：WebSocket 建立的连接会持久保持，而不像 HTTP 那样在每次请求后断开连接，节省了频繁建立和断开连接的开销。跨域支持：WebSocket 支持跨域通信，可...
参考链接：在浏览器输入 URL 回车之后发生了什么（超详细版）当在浏览器的地址栏中输入 URL 并按下回车键后，浏览器会执行一系列步骤来处理该请求：URL 解析：浏览器首先会解析输入的 URL，提取出其中的协议（如 HTTP、HTTPS）、主机名、端口号、路径和查询参数等信息。DNS 解析：浏览器会根据主机名（域名）部分进行 DNS 解析，将域名解析成对应的 IP 地址。如果浏览器有缓存或者操作系统 hosts 文件中有对应的 DNS 记录，则会直接使用缓存的 IP 地址；否则，会向本地 DNS 服务器发送 DNS 查询请求，获取域名对应的 IP 地址。建立 TCP 连接：浏览器通过解析...
HTTP 请求头是客户端发送给服务器的一些附加信息，用于描述请求的一些细节和要求。以下是一些常见的 HTTP 请求头：Host：指定被请求资源的主机名和端口号。User-Agent：标识发起请求的客户端信息，包括操作系统、浏览器等。Accept：指定客户端可以接受的内容类型，通常是 MIME 类型。Accept-Language：指定客户端可以接受的语言类型，用于内容协商。Accept-Encoding：指定客户端可以接受的内容编码方式，例如 gzip、deflate。Referer：指定引导用户代理发送请求的上一个页面的 URL。Authorization：包含客户端提供给服务器的认证...
1xx - Informational（信息性状态码）代表请求已被接受，需要继续处理。这类响应是临时响应，只包含状态行和某些可选的响应头信息，并以空行结束常见的有：100（客户端继续发送请求，这是临时响应）：这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端应当继续发送请求的剩余部分，或者如果请求已经完成，忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应101：服务器根据客户端的请求切换协议，主要用于websocket或http2升级2xx - Success（成功状态码）代表请求已成功被服务器接收、理解、并接受常见的有：200（成功）：请求已成功...
HTTP 中的 GET 和 POST 是两种常用的请求方法，它们在传输数据和处理方式上有一些区别：参数传递方式：GET：通过 URL 的查询字符串传递参数，参数会附加在 URL 后面，例如 http://example.com/page?param1=value1¶m2=value2。POST：通过请求体传递参数，参数不会暴露在 URL 中，而是作为请求的一部分发送到服务器。数据长度限制：GET：由于参数是附加在 URL 中的，所以传输的数据量有限制，受浏览器和服务器的限制，一般在几 KB 到几十 KB 之间。POST：由于参数是作为请求体发送的，所以传输的数据量通常没有...
ETag（实体标签）和Last-Modified（最后修改时间）是HTTP协议中用于缓存控制的两种机制，它们都用于标识资源的版本信息，但有一些区别：ETag：ETag是服务器为每个资源生成的唯一标识符，通常是资源内容的哈希值或者一些其他算法生成的字符串。当客户端发起请求时，服务器会在响应头中返回该资源的ETag值。客户端再次请求该资源时，可以将上次获取的ETag值放在请求头的If-None-Match字段中，服务器会根据If-None-Match字段中的ETag值来判断资源是否发生了变化，如果没有变化，服务器返回状态码304（Not Modified），客户端直接从缓存中获取资源。Las...
1. HTTP/1.1 无法实现多路复用的原因：串行传输机制：HTTP/1.1 使用的是串行传输机制，即每个请求必须在前一个请求的响应完成后才能发送下一个请求。这种方式导致了请求之间无法并行处理，请求需要按顺序一个一个地处理，效率低下。无头阻塞：HTTP/1.1 中存在无头阻塞的问题，即后续请求必须等待前面请求的响应返回才能继续发送，当某个请求处理时间较长时，会造成后续请求的阻塞，降低了整体的传输效率。连接限制：每个TCP连接只能发送一个请求，即使在同一个TCP连接上，也需要等待前一个请求的响应返回才能发送下一个请求。这种连接限制导致了并发请求的能力受到限制，无法实现真正的多路复用。2....
1. 限制访问频率：设置访问频率限制，例如每分钟或每小时内允许访问接口的次数，超过限制的请求将被拒绝。使用令牌桶算法或漏桶算法等限流算法来平滑处理请求流量，防止突发请求导致的系统压力增加。2. 使用验证码：对于敏感接口或需要用户身份验证的接口，可以要求用户进行验证码验证，确保请求来自于真实的用户而不是机器人。验证码可以通过图形验证码、短信验证码等形式来发送，用户需要在请求接口前完成验证码的验证。3. 使用API密钥：要求开发者或用户在请求接口时提供有效的API密钥，只有拥有有效密钥的请求才会被接受。API密钥可以用于识别请求的来源，并根据密钥进行访问权限的控制和限制。4. IP限制：对于...
永久性重定向（301）和临时性重定向（302）在SEO方面会产生不同的影响：1. 永久性重定向（301）：当网页被永久性重定向到另一个网页时，搜索引擎会将原始网页的排名和权重传递给目标网页，从而影响目标网页的搜索排名。301重定向告诉搜索引擎原始网页的内容已经永久性移动到了新的URL，搜索引擎会更新索引并将排名转移到目标网页上。对网站的整体SEO效果较好，因为搜索引擎会将所有的页面权重集中在一个URL上，提高了网站整体的权威性和可信度。2. 临时性重定向（302）：临时性重定向告诉搜索引擎原始网页的内容暂时性地移到了新的URL，原始网页的排名和权重不会被传递给目标网页。搜索引擎不会更新索...
HTTPS 握手过程可以更加详细地描述如下：1. 客户端请求连接：客户端向服务器发送连接请求，这是一个明文的 HTTP 请求，请求建立安全连接。2. 服务器返回证书：服务器收到客户端的连接请求后，会将服务器的数字证书发送给客户端。该证书包含了服务器的公钥、服务器的身份信息（如域名）、证书的签发机构等。3. 客户端验证证书：客户端收到服务器的证书后，会验证证书的有效性。验证过程包括以下几个步骤：验证证书的合法性：客户端会检查证书是否由受信任的证书颁发机构（CA）签发，以及证书是否在有效期内。验证域名匹配：客户端会检查证书中的域名是否与服务器的域名匹配，防止中间人攻击。验证证书链：如果服务器...
三次握手：Browser:先告诉服务器 “我要开始发起请求了，你那边可以吗？”Server:服务器回复浏览器 “没问题，你发吧！”Browser:告诉服务器 “好的，那我开始发了。”四次挥手：Browser:先告诉服务器 “我数据都发完了，你可以关闭连接了。”Server:回复浏览器 “我先看看我这边还有没有数据没传完。”Server:确认过以后，再次回复浏览器 “我这边数据传输完成了，你可以关闭连接了。”Browser:告诉服务器 “好的，那我真的关闭了。你不用回复我了。”Server又等了2MSL，确认确实没有再收到请求了，才会真的关闭TCP连接。
HTTP/2 相较于 HTTP/1.1 具有以下优点：1. 多路复用（Multiplexing）：在 HTTP/1.1 中，每个请求都需要建立一个单独的 TCP 连接，而在 HTTP/2 中，所有请求都可以在同一个 TCP 连接上进行，实现了多路复用。这样可以减少连接的数量，降低了连接建立和关闭的开销，提高了网络的利用率和性能。2. 二进制分帧（Binary Framing）：HTTP/2 使用二进制格式来分割和传输请求和响应消息，而不是像 HTTP/1.1 那样使用文本格式。这种二进制分帧的方式比文本格式更加高效，减少了不必要的数据传输和解析的开销，提高了传输的效率和速度。3. 头部压...
没有更多了
最近评论