From 3b7524f007bd9483435337ac93af13e6cdf1b133 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8D=A2=E6=99=93=E9=94=8B?= <lxfljw@gmail.com>
Date: Wed, 12 Jun 2024 11:36:40 +0800
Subject: [PATCH] =?UTF-8?q?docs=F0=9F=93=9D:=20fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .vitepress/config.mts                         |  2 +-
 link-list/index.md                            |  1 +
 ...36\345\255\220\345\272\217\345\210\227.md" |  2 +-
 .../HTTP\350\257\267\346\261\202.md"          | 52 +++++++++++++++++--
 4 files changed, 52 insertions(+), 5 deletions(-)
 rename "pages/6-\345\211\215\347\253\257\347\237\245\350\257\206\347\202\271/\347\275\221\347\273\234\347\237\245\350\257\206.md" => "pages/6-\345\211\215\347\253\257\347\237\245\350\257\206\347\202\271/HTTP\350\257\267\346\261\202.md" (55%)

diff --git a/.vitepress/config.mts b/.vitepress/config.mts
index b8af7a0..ab6c860 100644
--- a/.vitepress/config.mts
+++ b/.vitepress/config.mts
@@ -85,7 +85,7 @@ function initSideBar() {
     .map((dir) => {
       return readDir(dir, resolve(root, dir), `pages`);
     })
-    .map((item, index) => {
+    .map((item) => {
       item.text = item.text.replace(
         /^(\d+)-/,
         (_, p1) => `${numberToChinese(p1)}、`
diff --git a/link-list/index.md b/link-list/index.md
index f5e46f3..f4f203b 100644
--- a/link-list/index.md
+++ b/link-list/index.md
@@ -1,5 +1,6 @@
 <!-- viepress 文章列表 -->
 
+
 <script setup>
 import { data as posts } from './posts.data.js'
 
diff --git "a/pages/2-Vue3/\346\272\220\347\240\201\347\263\273\345\210\227/diff\347\256\227\346\263\225\344\271\213\346\234\200\351\225\277\351\200\222\345\242\236\345\255\220\345\272\217\345\210\227.md" "b/pages/2-Vue3/\346\272\220\347\240\201\347\263\273\345\210\227/diff\347\256\227\346\263\225\344\271\213\346\234\200\351\225\277\351\200\222\345\242\236\345\255\220\345\272\217\345\210\227.md"
index 9914b00..1c5c349 100644
--- "a/pages/2-Vue3/\346\272\220\347\240\201\347\263\273\345\210\227/diff\347\256\227\346\263\225\344\271\213\346\234\200\351\225\277\351\200\222\345\242\236\345\255\220\345\272\217\345\210\227.md"
+++ "b/pages/2-Vue3/\346\272\220\347\240\201\347\263\273\345\210\227/diff\347\256\227\346\263\225\344\271\213\346\234\200\351\225\277\351\200\222\345\242\236\345\255\220\345\272\217\345\210\227.md"
@@ -12,7 +12,7 @@ Vue3 的 diff 算法恰好符合 LeetCode [300. 最长递增子序列](https://l
 
 假设我们有 1,2,3,4,5 五个同级节点，经过移动后变成了 1,3,4,5,2。
 - 我们肉眼容易看是 2 节点移动到了最后，但是如果没有最长递增子序列的概念，我们就认为是 除了 1，其他都有位置移动。
-- 如果我们引入最长递增子序列的概念，我们就认为是 1,3,4,5 这四个节点是最长的递增子序列，b 节点只是在这个子序列的末尾。
+- 如果我们引入最长递增子序列的概念，我们就认为是 1,3,4,5 这四个节点是最长的递增子序列，2 节点只是在这个子序列的末尾。
 - dom 操作的时候只需要做一次移动，而不是四次。
 
 
diff --git "a/pages/6-\345\211\215\347\253\257\347\237\245\350\257\206\347\202\271/\347\275\221\347\273\234\347\237\245\350\257\206.md" "b/pages/6-\345\211\215\347\253\257\347\237\245\350\257\206\347\202\271/HTTP\350\257\267\346\261\202.md"
similarity index 55%
rename from "pages/6-\345\211\215\347\253\257\347\237\245\350\257\206\347\202\271/\347\275\221\347\273\234\347\237\245\350\257\206.md"
rename to "pages/6-\345\211\215\347\253\257\347\237\245\350\257\206\347\202\271/HTTP\350\257\267\346\261\202.md"
index e1e16b3..03a22ef 100644
--- "a/pages/6-\345\211\215\347\253\257\347\237\245\350\257\206\347\202\271/\347\275\221\347\273\234\347\237\245\350\257\206.md"
+++ "b/pages/6-\345\211\215\347\253\257\347\237\245\350\257\206\347\202\271/HTTP\350\257\267\346\261\202.md"
@@ -1,4 +1,6 @@
-# 网络知识
+# HTTP请求
+
+>介绍 HTTP 之前，我们需要了解一些前置知识。
 
 ## IP 协议（Internet Protocol）
 
@@ -24,7 +26,25 @@ TCP 协议的主要功能有：
 3. 保证数据顺序：TCP 协议保证数据包按顺序到达目的地址。
 
 
-### HTTP 协议（Hypertext Transfer Protocol）
+## DNS 协议（Domain Name System）
+
+DNS 协议是用于域名解析的协议，它将域名转换成 IP 地址。
+
+DNS 协议的主要功能有：
+
+1. 域名解析：DNS 协议将域名转换成 IP 地址，使得用户可以方便地访问互联网资源。
+2. 负载均衡：DNS 协议可以将域名请求转发到多个服务器，实现负载均衡。
+
+DNS 的优先级：
+
+1. 本地 DNS 服务器：如果本地 DNS 服务器中有域名的解析记录，则直接返回解析结果。
+2. 主 DNS 服务器：如果本地 DNS 服务器中没有域名的解析记录，则向主 DNS 服务器请求解析结果。
+3. 缓存 DNS 服务器：如果主 DNS 服务器也没有域名的解析记录，则向缓存 DNS 服务器请求解析结果。
+4. 根 DNS 服务器：如果缓存 DNS 服务器也没有域名的解析记录，则向根 DNS 服务器请求解析结果。
+
+前置知识介绍完毕，下面我们来看一下 HTTP 协议。
+
+## HTTP 协议（Hypertext Transfer Protocol）
 
 HTTP 协议是用于从 Web 服务器传输超文本到本地浏览器的协议。它是一个基于请求-响应模型的协议，由请求消息和响应消息构成。
 
@@ -34,7 +54,7 @@ HTTP 协议的主要功能有：
 2. 无状态：HTTP 协议是无状态协议，即服务器不会保存关于客户的任何信息。
 
 
-HTTP 分为三大部分：
+HTTP 请求分为三大部分：
 
 1. 请求行：包括方法、URL、HTTP 版本。
 
@@ -53,3 +73,29 @@ Accept-Language: zh-CN,zh;q=0.8
 ``` 
 
 3. 请求体
+```
+search=hello
+```
+
+响应也是差不多的格式，但是响应头会包含状态码、服务器信息等。
+
+```http
+HTTP/1.1 200 OK
+Server: nginx/1.10.1
+```
+
+那么发起 HTTP 后，只有一个域名是怎么知道目标服务器的地址呢，这就要用到上述的 IP 协议了。
+
+但是 IP 是数字，如何把域名转换成 IP 呢？这就要用到 DNS 了, DNS 协议将域名转换成 IP 地址，使得用户可以方便地访问目标服务器。
+
+HTTP 协议的请求流程：
+
+1. 客户端向 DNS 服务器请求域名对应的 IP 地址。
+2. DNS 服务器解析域名，返回 IP 地址和端口号。
+3. 客户端向目标服务器发起 TCP 三次握手建立连接。
+4. 客户端和服务器传输数据。
+5. 四次挥手断开 TCP 连接。
+
+在 HTTP/1.1 及更高版本中，可以通过 Keep-Alive 复用连接，减少 TCP 连接的建立和断开。
+
+