From fdd0d72ee92ae67d4c45dec842f0fcabb131b666 Mon Sep 17 00:00:00 2001
From: white0dew <1373685219@qq.com>
Date: Thu, 15 Aug 2024 08:44:54 +0000
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../kxspepu7t1b7783v.md"                      | 562 ++++++++++++++++++
 .../Go/gw3x2w4gvo9f3p6d.md"                   |   6 +-
 .../hn222ds8l0mhz091.md"                      |   6 +-
 .../ihwoz00dunyzo09m.md"                      |  17 +-
 .../JavaScript/bbsxpgzzhu3i88xy.md"           |   7 +-
 .../JavaScript/ced0rgbttkbm4gsn.md"           |   9 +-
 .../JavaScript/fkoyngxgpmgaeg44.md"           |   7 +-
 .../JavaScript/lzdv93b8t8soe0mn.md"           |  11 +-
 .../JavaScript/myrlyqga6ewhaxdm.md"           |   6 +-
 .../JavaScript/obhmxn0wg1gxp2n6.md"           |   4 +-
 .../JavaScript/pogg73bgofw753sb.md"           |   6 +-
 .../JavaScript/tvi5rnx6lvl2sczq.md"           |   8 +-
 .../JavaScript/wyh4y9de5m1h1n0e.md"           |  15 +-
 .../JavaScript/xwdzodwra6u55sib.md"           |   8 +-
 .../JavaScript/xwymt3c06amgkp2n.md"           |   6 +-
 .../JavaScript/yl3i2ox3zh528deh.md"           |  13 +-
 .../MySQL/kewfeh2gmbrr6p0q.md"                |   4 +-
 .../MySQL/qf6b0vmagi3cbnbv.md"                |   4 +-
 elog.cache.json                               | 229 ++++---
 19 files changed, 758 insertions(+), 170 deletions(-)
 create mode 100644 "docs/doc/\360\237\222\271 \345\244\247\345\216\202\351\235\242\347\273\217/kxspepu7t1b7783v.md"

diff --git "a/docs/doc/\360\237\222\271 \345\244\247\345\216\202\351\235\242\347\273\217/kxspepu7t1b7783v.md" "b/docs/doc/\360\237\222\271 \345\244\247\345\216\202\351\235\242\347\273\217/kxspepu7t1b7783v.md"
new file mode 100644
index 0000000..d89ec12
--- /dev/null
+++ "b/docs/doc/\360\237\222\271 \345\244\247\345\216\202\351\235\242\347\273\217/kxspepu7t1b7783v.md"	
@@ -0,0 +1,562 @@
+---
+title: 计算机网络面试必问
+urlname: kxspepu7t1b7783v
+date: '2024-08-07 12:53:57'
+updated: '2024-08-07 20:06:22'
+cover: 'https://cdn.nlark.com/yuque/0/2024/png/22382235/1722953399419-c3811ae6-707c-48c1-8a48-d32f46d24b40.png?x-oss-process=image%2Fformat%2Cwebp'
+description: HTTP常用的状态码及其含义HTTP状态码是用来表示服务器响应客户端请求的状态。常用的状态码分为以下几类：状态码含义200OK：请求成功，服务器已返回所请求的数据。201Created：请求成功并且服务器创建了新的资源。204No Content：服务器成功处理了请求，但没有返回任何内容。30...
+---
+# HTTP常用的状态码及其含义
+HTTP状态码是用来表示服务器响应客户端请求的状态。常用的状态码分为以下几类：
+
+| 状态码 | 含义 |
+| --- | --- |
+| 200 | OK：请求成功，服务器已返回所请求的数据。 |
+| 201 | Created：请求成功并且服务器创建了新的资源。 |
+| 204 | No Content：服务器成功处理了请求，但没有返回任何内容。 |
+| 301 | Moved Permanently：请求的资源已被永久移动到新的URL。 |
+| 302 | Found：请求的资源临时从不同的URI响应请求。 |
+| 400 | Bad Request：服务器无法理解客户端的请求。 |
+| 401 | Unauthorized：请求要求用户的身份认证。 |
+| 403 | Forbidden：服务器理解请求但拒绝执行。 |
+| 404 | Not Found：服务器找不到请求的资源。 |
+| 500 | Internal Server Error：服务器内部错误，无法完成请求。 |
+| 502 | Bad Gateway：作为网关或代理工作的服务器从上游服务器收到无效响应。 |
+| 503 | Service Unavailable：服务器当前无法处理请求（过载或维护）。 |
+
+# HTTP常用的请求方式，区别和用途
+HTTP请求方式有多种，常用的有以下几种：
+
+| 方法 | 描述 | 区别和用途 |
+| --- | --- | --- |
+| GET | 请求指定的资源。 | 用于请求数据，不应修改服务器上的任何资源，且参数通过URL传递。 |
+| POST | 向指定资源提交数据进行处理请求。 | 用于提交数据（如表单数据），会改变服务器上的资源，数据在请求体中。 |
+| PUT | 向指定资源位置上传其最新内容。 | 用于更新数据，若资源不存在则创建，数据在请求体中。 |
+| DELETE | 请求服务器删除指定的资源。 | 用于删除服务器上的资源。 |
+| HEAD | 类似于GET请求，只不过返回的响应中没有具体的内容，用于获取报头。 | 用于获取报头信息，检查资源的存在性和状态。 |
+| OPTIONS | 请求查询服务器的性能，或查询与资源相关的选项。 | 用于获取服务器支持的HTTP方法。 |
+| PATCH | 对资源进行部分修改。 | 用于部分更新资源，与PUT类似，但更适合局部更新。 |
+
+# 端口及对应的服务
+计算机网络中，不同的服务使用不同的端口号来进行通信。常见的端口及其对应服务如下：
+
+| 端口号 | 服务 | 描述 |
+| --- | --- | --- |
+| 20/21 | FTP | 文件传输协议，用于文件传输。 |
+| 22 | SSH | 安全外壳协议，用于安全登录和传输。 |
+| 23 | Telnet | 远程登录服务（不安全）。 |
+| 25 | SMTP | 简单邮件传输协议，用于发送电子邮件。 |
+| 53 | DNS | 域名系统，用于域名解析。 |
+| 80 | HTTP | 超文本传输协议，用于网页浏览。 |
+| 110 | POP3 | 邮局协议，用于接收电子邮件。 |
+| 143 | IMAP | 互联网消息访问协议，用于接收电子邮件。 |
+| 443 | HTTPS | 安全的HTTP协议，用于安全的网页浏览。 |
+| 3306 | MySQL | MySQL数据库服务。 |
+| 6379 | Redis | Redis缓存服务。 |
+| 8080 | HTTP Alternate | 常用于HTTP代理和Web服务器的备用端口。 |
+
+# 计算机网络体系结构
+计算机网络体系结构通常采用分层模型，其中最著名的是OSI七层模型和TCP/IP四层模型。记住下面这幅图
+![截屏2024-08-06 22.09.52.png](https://oss1.aistar.cool/elog-offer-now/a90fbb637b9be4866d65e5425d5e60c3.png)
+
+我简单说说两种模型的比较和主要内容：
+## OSI七层模型
+
+1. **物理层**：传输原始比特流，定义硬件设备标准。
+2. **数据链路层**：提供节点间数据传输，纠错、流控制。
+3. **网络层**：负责数据包路由选择和转发，IP协议。
+4. **传输层**：提供端到端的通信，TCP/UDP协议。
+5. **会话层**：管理会话和数据交换。
+6. **表示层**：数据格式转换，数据加密解密。
+7. **应用层**：提供网络服务和应用接口，HTTP/FTP等协议。
+
+## TCP/IP四层模型
+
+1. **网络接口层**：对应OSI的物理层和数据链路层。
+2. **网络层**：与OSI网络层相当，主要协议是IP。
+3. **传输层**：与OSI传输层相当，主要协议有TCP和UDP。
+4. **应用层**：整合了OSI的应用层、表示层和会话层。
+
+# 如何理解HTTP协议是无状态的?
+**「面试官」**: 如何理解HTTP协议是无状态的?
+**「参考回答」**:
+要理解HTTP协议的无状态特性,我们需要从以下几个方面来分析:
+
+1. **无状态的定义**HTTP协议的无状态性指的是**协议对于事务处理没有记忆能力**。每个请求都是独立的,服务器不会在多个请求之间保留任何信息。
+2. **无状态的表现**
+   - 服务器在处理HTTP请求时,不会记住之前的请求。
+   - 每次请求都需要客户端提供所有必要的信息。
+   - 服务器不会主动保存客户端的状态信息。
+3. **无状态的优缺点**
+
+优点:
+TODO
+缺点:
+
+   - 简化了服务器的设计
+   - 提高了服务器的扩展性
+   - 减少了服务器资源的占用
+   - 无法轻易实现需要状态的交互
+   - 可能增加通信量(每次都要传输全部信息)
+1. **无状态的应用场景：**HTTP的无状态特性非常适合于**静态内容的传输**,如网页、图片等。
+2. **如何在无状态协议上实现有状态的交互：**尽管HTTP本身是无状态的,但我们可以通过一些技术来模拟有状态的交互:
+   - 使用Cookies
+   - 使用Session
+   - 使用令牌(Token)
+
+为了更直观地理解HTTP的无状态特性,我们可以用一个简单的图表来说明:
+![](https://oss1.aistar.cool/elog-offer-now/297b6ba76c3849c6b00eb69be60f3283.svg)这个图表展示了HTTP的无状态特性。即使是同一个客户端连续发送两个请求,服务器也无法识别这两个请求来自同一个客户端。每次请求对服务器来说都是全新的,没有任何上下文。
+
+理解HTTP的无状态特性对于web开发非常重要,它帮助我们设计更加健壮和可扩展的系统,同时也促使我们思考如何在需要状态的场景下合理地使用各种技术来模拟有状态的交互。
+
+## 你能详细说明一下如何在HTTP这种无状态协议上实现有状态的交互吗
+**「面试官」**:那么,你能详细说明一下如何在HTTP这种无状态协议上实现有状态的交互吗?特别Cookies、Session和Token这三种方式的具体实现和区别。
+**「参考回答」**:
+主要有三种常用的方法:Cookies、Session和Token。让我们逐一分析:
+
+1. **Cookies**Cookies是存储在客户端(通常是浏览器)的小型文本文件。
+   - **工作原理**:
+      - 服务器在HTTP响应中设置Set-Cookie头
+      - 浏览器保存这个Cookie
+      - 之后的每次请求,浏览器都会在请求头中包含这个Cookie
+   - **优点**:
+      - 实现简单
+      - 可以存储用户偏好等非敏感信息
+   - **缺点**:
+      - 安全性较低,容易被篡改
+      - 存储容量有限
+      - 可能被用户禁用
+2. **Session**Session是服务器端的机制,用于跟踪用户的状态。
+   - **工作原理**:
+      - 服务器创建Session并生成唯一的Session ID
+      - 服务器通过Set-Cookie头将Session ID发送给客户端
+      - 客户端之后的请求都会包含这个Session ID
+      - 服务器根据Session ID识别用户并获取相关数据
+   - **优点**:
+      - 安全性高,敏感数据存储在服务器
+      - 可存储大量数据
+   - **缺点**:
+      - 增加服务器负载
+      - 在分布式系统中实现复杂
+3. **Token**Token是一种更现代的方法,特别适用于无状态的RESTful API。
+   - **工作原理**:
+      - 用户登录后,服务器生成Token
+      - Token通常包含用户标识、过期时间等信息,并进行加密
+      - 客户端存储Token(如localStorage)
+      - 之后的请求中,客户端在Authorization头中携带Token
+   - **优点**:
+      - 无需在服务器存储会话信息,更易于扩展
+      - 可以跨域使用
+      - 安全性高,特别是使用JWT(JSON Web Token)时
+   - **缺点**:
+      - Token的管理(如过期、刷新)需要额外处理
+      - 如果存储在localStorage,有XSS攻击的风险
+
+为了更直观地理解这三种方法的区别,我们可以用一个图表来对比:
+![](https://oss1.aistar.cool/elog-offer-now/c980eb2fb2de0e5d9415e024a692b981.svg)这个图表展示了三种方法在存储位置和状态管理方面的主要区别。
+
+在实际应用中,这些方法often会结合使用。例如,使用Cookie存储Session ID,或者使用Token实现的认证系统配合Session来管理用户状态。选择哪种方法主要取决于应用的具体需求、安全要求以及系统架构。
+
+理解这些方法的原理和区别,对于设计安全、高效的Web应用至关重要。它不仅帮助我们克服HTTP的无状态特性带来的限制,还能让我们更好地处理用户认证、授权等关键问题。
+
+# 详细说明一下HTTP/1.0、HTTP/1.1和HTTP/2.0的主要区别
+**「面试官」**: 能否详细说明一下HTTP/1.0、HTTP/1.1和HTTP/2.0的主要区别？特别是它们在连接管理、性能优化等方面的改进。
+**「参考回答」**:
+HTTP协议的演进主要体现在连接管理、性能优化、安全性等方面。让我们逐个版本分析:
+
+1. **HTTP/1.0**HTTP/1.0是HTTP协议的第一个广泛使用的版本。
+   - **主要特点**:
+      - **连接管理**: 采用短连接模式。每次请求都需要建立一个新的TCP连接,请求完成后立即关闭。
+      - **请求方法**: 支持GET、POST、HEAD等基本方法。
+      - **缓存机制**: 引入了基本的缓存控制机制,如Expires头。
+   - **局限性**:
+      - 每个请求都需要重新建立连接,效率低下。
+      - 不支持断点续传。
+      - 无法复用连接,增加了网络负载。
+2. **HTTP/1.1**HTTP/1.1是对HTTP/1.0的重大改进,至今仍被广泛使用。
+   - **主要改进**:
+      - **持久连接**: 默认采用长连接(Connection: keep-alive),多个请求可以复用同一个TCP连接。
+      - **管道机制**: 允许在同一个连接中发送多个请求,不需要等待上一个响应返回(但服务器必须按请求顺序返回响应)。
+      - **断点续传**: 支持范围请求,允许传输文件的某个部分。
+      - **新增请求方法**: 增加了PUT、DELETE、OPTIONS等方法。
+      - **虚拟主机**: 引入Host头,允许在同一IP地址上托管多个域名。
+      - **缓存增强**: 引入了更多的缓存控制机制,如ETag。
+   - **局限性**:
+      - 队头阻塞(Head-of-line blocking)问题: 虽然可以并行发送请求,但服务器必须按顺序返回响应。
+      - 头部冗余: 每次请求都会携带大量重复的头信息。
+1. **HTTP/2.0**HTTP/2.0是对HTTP/1.1的重大升级,旨在提高性能和效率。
+   - **主要改进**:
+      - **多路复用**: 在一个TCP连接上可以同时发送多个请求和响应,解决了队头阻塞问题。
+      - **二进制分帧**: 将信息分割为更小的帧,并采用二进制格式编码,提高了传输效率。
+      - **头部压缩**: 使用HPACK算法压缩头部,减少了数据传输量。
+      - **服务器推送**: 服务器可以主动向客户端推送资源,无需客户端请求。
+      - **请求优先级**: 允许客户端设置请求的优先级,进一步优化性能。
+   - **优势**:
+      - 显著提高了页面加载速度。
+      - 减少了网络负载。
+      - 更高效地利用网络资源。
+
+为了更直观地理解这三个版本的主要区别,我们可以用一个图表来对比:
+![](https://oss1.aistar.cool/elog-offer-now/ab67808b69fd7316fdb778cb801c7a20.svg)
+
+# 你能详细解释一下HTTPS的工作流程吗？
+**「面试官」**: 你能详细解释一下HTTPS的工作流程吗？特别是它如何保证通信的安全性，以及在这个过程中使用了哪些加密技术？
+**「参考回答」**:
+HTTPS(Hypertext Transfer Protocol Secure)是HTTP的安全版本,它通过在HTTP和TCP之间添加一个安全层(通常是SSL/TLS)来保证通信的安全性。
+HTTPS的工作流程主要包含以下步骤:
+
+1. **客户端发起HTTPS请求**
+   - 客户端(通常是浏览器)向服务器的443端口发起请求。
+1. **服务器发送证书**
+   - 服务器向客户端发送SSL证书,该证书包含了公钥、颁发机构、有效期等信息。
+1. **客户端验证证书**
+   - 客户端会验证证书的合法性,包括:
+      - 证书是否过期
+      - 证书的颁发机构是否可信
+      - 证书的域名是否匹配
+1. **客户端生成随机密钥**
+   - 如果证书验证通过,客户端会生成一个随机的对称加密密钥。
+1. **使用公钥加密随机密钥**
+   - 客户端使用证书中的公钥对这个随机生成的对称密钥进行加密。
+1. **发送加密后的随机密钥**
+   - 客户端将加密后的随机密钥发送给服务器。
+1. **服务器解密随机密钥**
+   - 服务器使用自己的私钥解密,获得客户端发送的随机对称密钥。
+1. **双方使用对称密钥加密通信**
+   - 此后,客户端和服务器就可以使用这个对称密钥来加密和解密他们之间的通信了。
+
+在这个过程中,HTTPS使用了几种不同的加密技术:
+
+1. **非对称加密(公钥加密)**
+   - 用于在不安全的通道上安全地传输对称密钥。
+   - 常用算法：RSA、ECC（椭圆曲线加密）
+   - 优点：安全性高
+   - 缺点：计算速度较慢
+1. **对称加密**
+   - 用于加密实际的通信内容。
+   - 常用算法：AES、DES
+   - 优点：加解密速度快
+   - 缺点：密钥管理困难
+1. **散列函数**
+   - 用于生成消息摘要，确保消息完整性。
+   - 常用算法：SHA-256、MD5（不推荐使用）
+1. **数字签名**
+   - 结合非对称加密和散列函数，用于身份认证和防止篡改。
+
+HTTPS如何保证通信的安全性：
+
+1. **机密性**
+   - 通过对称加密保证通信内容不被窃听。
+1. **完整性**
+   - 通过消息认证码（MAC）或数字签名确保消息未被篡改。
+1. **认证**
+   - 通过数字证书确保服务器的身份。
+1. **防重放**
+   - 使用时间戳或序列号防止重放攻击。
+
+为了更直观地理解HTTPS的工作流程，我们可以用一个图表来说明：
+![](https://oss1.aistar.cool/elog-offer-now/851624f15b91230d69cc45b502343b3d.svg)
+HTTPS的安全性主要依赖于以下几个方面：
+
+1. **证书的可靠性**：依赖于CA（证书颁发机构）的信誉和安全措施。
+2. **密钥的安全性**：私钥必须妥善保管，不能泄露。
+3. **加密算法的强度**：随着计算能力的提升，需要不断更新使用更强的加密算法。
+4. **完美前向保密（Perfect Forward Secrecy, PFS）**：即使长期使用的私钥泄露，之前的通信仍然安全。这通常通过临时的Diffie-Hellman密钥交换来实现。
+
+理解HTTPS的工作原理对于开发安全的Web应用至关重要。它不仅能帮助我们正确配置和使用HTTPS，还能让我们更好地理解潜在的安全威胁和防御措施。例如，了解中间人攻击的原理，我们就能更好地理解为什么证书验证如此重要。
+
+同时，HTTPS虽然大大提高了通信的安全性，但它并不能解决所有的安全问题。例如，它无法防止应用层的漏洞，如SQL注入或跨站脚本攻击（XSS）。因此，在使用HTTPS的同时，我们还需要采取其他的安全措施来全面保护我们的Web应用。
+# 你能详细说明一下GET和POST这两种常用的HTTP请求方法的区别吗？
+**「面试官」**: 接下来，我想了解一下关于HTTP请求方法的问题。你能详细说明一下GET和POST这两种常用的HTTP请求方法的区别吗？特别是在使用场景、安全性、数据传输等方面的差异。
+**「参考回答」**:
+GET和POST是HTTP协议中最常用的两种请求方法，它们在使用场景、安全性、数据传输等方面有很大的不同。
+让我们从以下几个方面来比较GET和POST：
+
+1. **用途和语义**
+   - **GET**:
+      - 主要用于获取资源
+      - 应该是幂等的，即多次请求应该返回相同的结果
+      - 通常用于读取或查询操作
+   - **POST**:
+      - 主要用于提交数据
+      - 可以是非幂等的，即可能会改变服务器状态
+      - 通常用于创建、更新或删除操作
+1. **数据传输**
+   - **GET**:
+      - 数据附加在URL之后，作为查询字符串
+      - 数据长度受限于URL的最大长度（通常为2048字符）
+      - 数据类型限于ASCII字符
+   - **POST**:
+      - 数据包含在HTTP请求体中
+      - 数据长度理论上没有限制
+      - 可以传输任何类型的数据，包括二进制数据
+1. **安全性**
+   - **GET**:
+      - 参数暴露在URL中，不适合传输敏感信息
+      - 参数可能被浏览器历史、服务器日志等记录
+      - 更容易受到跨站请求伪造（CSRF）攻击
+   - **POST**:
+      - 参数不会显示在URL中，相对更安全
+      - 参数不会被浏览器缓存或保存在浏览器历史中
+      - 相对不容易受到CSRF攻击，但仍需要其他安全措施
+1. **缓存**
+   - **GET**:
+      - 请求可以被缓存
+      - 可以被收藏为书签
+      - 可以被浏览器主动缓存
+   - **POST**:
+      - 请求通常不被缓存
+      - 不能被收藏为书签
+      - 不会被浏览器主动缓存
+1. **编码类型**
+   - **GET**:
+      - application/x-www-form-urlencoded
+   - **POST**:
+      - application/x-www-form-urlencoded
+      - multipart/form-data
+      - application/json
+      - 等多种类型
+1. **使用场景**
+   - **GET**:
+      - 搜索表单
+      - 静态内容请求
+      - RESTful API中的读取操作
+   - **POST**:
+      - 登录表单
+      - 文件上传
+      - 大量数据传输
+      - RESTful API中的创建、更新操作
+
+为了更直观地理解GET和POST的区别，我们可以用一个对比图表来说明：
+![](https://oss1.aistar.cool/elog-offer-now/adfea08612bcaac7c668711aa050aa9c.svg)
+理解GET和POST的区别对于Web开发者来说非常重要，它能帮助我们在不同的场景下选择合适的请求方法，并正确处理相关的安全和性能问题。例如：
+
+1. 在设计RESTful API时，我们通常使用GET来获取资源，POST来创建资源。
+2. 对于包含敏感信息的表单，如登录表单，我们应该使用POST方法来提交数据。
+3. 在处理大量数据或上传文件时，POST是更好的选择。
+4. 对于需要被搜索引擎索引的页面，使用GET方法更有利于SEO。
+5. 在实现缓存策略时，我们需要考虑GET请求更容易被缓存的特性。
+
+需要注意的是，虽然POST相对GET来说更安全，但这并不意味着POST就是绝对安全的。在实际应用中，我们还需要采取其他安全措施，如使用HTTPS、实现CSRF保护等，来确保Web应用的整体安全性。
+# 什么是跨域请求，为什么会有跨域限制，以及如何解决跨域问题吗？
+**「面试官」**: 在实际的Web开发中，我们经常需要处理跨域请求的问题。你能详细解释一下什么是跨域请求，为什么会有跨域限制，以及如何解决跨域问题吗？
+**「参考回答」**:
+当然，我很乐意详细解释跨域请求的相关问题。跨域请求是Web开发中常见的一个挑战，理解它对于构建现代Web应用至关重要。
+
+1. **什么是跨域请求？**
+
+跨域请求是指在一个域名的网页中，请求另一个域名的资源。这里的"域"包括：
+
+- 协议（如http, https）
+- 域名（如example.com, api.example.com）
+- 端口号（如80, 8080）
+
+只要这三者之一不同，就被认为是跨域。例如：
+
+- [http://example.com](http://example.com) 请求 [https://example.com](https://example.com) 的资源（协议不同）
+- [http://example.com](http://example.com) 请求 [http://api.example.com](http://api.example.com) 的资源（子域名不同）
+- [http://example.com](http://example.com) 请求 [http://example.com:8080](http://example.com:8080) 的资源（端口不同）
+1. **为什么会有跨域限制？**
+
+跨域限制是浏览器的一种安全机制，称为**同源策略**（Same-Origin Policy）。它的主要目的是防止恶意网站访问另一个网站的敏感数据。
+没有这种限制可能导致的安全问题包括：
+
+- 恶意网站可能会读取用户在其他网站上的私密信息
+- 恶意网站可能会执行未经授权的操作，如转账、发送消息等
+1. **如何解决跨域问题？**
+
+有几种常用的方法来解决跨域问题：
+a) **CORS (Cross-Origin Resource Sharing)**
+
+- 这是最常用和推荐的方法
+- 服务器通过设置特定的HTTP头来允许跨域请求
+- 主要的头部包括：
+   - Access-Control-Allow-Origin
+   - Access-Control-Allow-Methods
+   - Access-Control-Allow-Headers
+
+b) **JSONP (JSON with Padding)**
+
+- 利用`<script>`标签不受同源策略限制的特性
+- 只支持GET请求
+- 安全性较差，现在使用较少
+
+c) **代理服务器**
+
+- 在同源的服务器上设置一个代理
+- 浏览器先请求同源服务器，再由服务器转发请求到目标服务器
+
+d) **WebSocket**
+
+- WebSocket协议不受同源策略的限制
+
+e) **postMessage**
+
+- HTML5引入的API，用于不同窗口间的通信
+- 可以在不同源的文档之间传递消息
+
+为了更直观地理解这些解决方案，我们可以用一个图表来说明：
+![](https://oss1.aistar.cool/elog-offer-now/f2c8e96bd1bc1dbbb7d0aa10dde8f838.svg)在实际应用中，CORS是最常用和最推荐的解决方案。以下是一个简单的CORS配置示例（以Node.js和Express为例）：
+```javascript
+const express = require('express');
+const app = express();
+
+app.use((req, res, next) => {
+  res.header('Access-Control-Allow-Origin', '*');
+  res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
+  next();
+});
+
+// 路由定义...
+
+app.listen(3000, () => console.log('Server running on port 3000'));
+```
+这个例子允许所有域的请求，在生产环境中应该根据实际需求限制允许的域。
+
+理解和正确处理跨域问题对于构建现代Web应用非常重要，特别是在以下场景：
+
+1. 前后端分离的架构中，前端和API可能部署在不同的域。
+2. 使用第三方API时，几乎总是跨域的。
+3. 在微服务架构中，不同的服务可能部署在不同的域。
+
+同时，在处理跨域问题时，我们还需要注意安全性。
+
+例如，不应该过于宽松地设置CORS策略，应该只允许必要的源、方法和头部。此外，对于敏感操作，仍然需要其他的安全措施，如身份验证和授权。
+# HTTP 如何实现长连接？在什么时候会超时？
+**「面试官」**：HTTP 如何实现长连接？在什么时候会超时？
+**「参考回答」**：
+HTTP 长连接（HTTP Keep-Alive）是 HTTP 协议中的一个重要特性，它允许在单个 TCP 连接上发送多个 HTTP 请求和响应，而不是为每个请求-响应对建立一个新的连接。下面我们来详细讨论 HTTP 长连接的实现和超时情况：
+
+1. **HTTP 长连接的实现**：
+   - HTTP 长连接的核心特点是，**只要任意一端没有明确提出断开连接，则保持 TCP 连接状态**。
+   - 在 HTTP/1.1 中，长连接是默认行为。客户端和服务器都可以在 HTTP 头部中使用 `Connection: keep-alive` 来明确表示希望保持长连接。
+   - 服务器可以在响应头中设置 `Keep-Alive: timeout=<seconds>` 来指定连接保持打开的时间。
+1. **HTTP 长连接的超时情况**：
+   - 长连接会在以下情况下超时：
+a) **客户端超时**：如果客户端在一定时间内没有发送新的请求，可能会主动关闭连接。
+b) **服务器超时**：服务器通常会设置一个超时时间，如果在这个时间内没有收到新的请求，就会关闭连接。
+   - 当出现超时时，通常会观察到以下现象：
+      - **大量的 TIME_WAIT 状态连接**：特别是在服务端，如果有大量客户端建立 TCP 连接后长时间没有发送数据，服务端可能会主动关闭这些连接，导致大量连接进入 TIME_WAIT 状态。
+   - 上图显示了 HTTP 长连接超时的情况。当服务端检测到长时间没有数据交互时，会主动关闭连接，从而产生 TIME_WAIT 状态的连接。
+1. **防止超时的策略**：
+   - 设置合理的超时时间：根据应用场景调整服务器的 keep-alive 超时设置。
+   - 使用心跳机制：在空闲时发送小型的心跳包来保持连接活跃。
+   - 合理关闭：在应用层面合理地关闭不再需要的连接，而不是依赖超时机制。
+
+通过合理使用 HTTP 长连接，可以显著减少连接建立和断开的开销，提高网络通信的效率。但同时，也需要注意管理这些长连接，避免因为大量空闲连接占用服务器资源而影响性能。
+# 什么是数字签名？什么是数字证书？
+**「面试官」**：让我们从数字签名和数字证书开始。什么是数字签名？什么是数字证书？
+**「参考回答」**：
+
+1. **数字签名**：数字签名是一种电子签名，用于验证数字消息或文档的真实性和完整性。它的工作原理如下：
+
+数字签名的主要作用包括：
+
+   - 使用**发送者的私钥**对消息进行加密，生成签名。
+   - 接收者使用**发送者的公钥**来验证签名的有效性。
+   - **身份认证**：确保消息确实来自声称的发送者。
+   - **数据完整性**：确保消息在传输过程中没有被篡改。
+   - **不可否认性**：发送者无法否认曾发送过该消息。
+1. **数字证书**：数字证书是由可信的第三方（称为证书颁发机构，CA）颁发的电子文档，用于证明某个公钥确实属于声称拥有它的个人或组织。数字证书通常包含以下信息：
+
+数字证书的主要作用是在公钥基础设施（PKI）中建立信任，确保公钥的真实性和可靠性。
+
+   - 证书持有者的身份信息
+   - 证书持有者的公钥
+   - 证书颁发机构的数字签名
+   - 证书的有效期
+   - 证书的序列号
+# 对称加密与非对称加密有什么区别？
+**「面试官」**：对称加密与非对称加密有什么区别？
+**「参考回答」**：
+对称加密和非对称加密是两种基本的加密方式，它们有以下主要区别：
+
+1. **密钥数量**：
+   - **对称加密**：使用**同一个密钥**进行加密和解密。
+   - **非对称加密**：使用**一对密钥**（公钥和私钥）。公钥用于加密，私钥用于解密。
+1. **速度**：
+   - **对称加密**：通常**更快**，适合大量数据的加密。
+   - **非对称加密**：计算复杂度更高，**速度较慢**。
+1. **安全性**：
+   - **对称加密**：密钥分发是主要的安全隐患。
+   - **非对称加密**：通常被认为更安全，因为私钥不需要共享。
+1. **用途**：
+   - **对称加密**：主要用于大量数据的加密，如文件加密、数据传输等。
+   - **非对称加密**：常用于密钥交换、数字签名等场景。
+1. **代表算法**：
+   - **对称加密**：AES, DES, 3DES
+   - **非对称加密**：RSA, ECC, Diffie-Hellman
+
+在实际应用中，常常结合使用这两种加密方式，以平衡安全性和性能。
+# 说说DNS的解析过程？
+**「面试官」**：说说DNS的解析过程？
+**「参考回答」**：
+DNS（域名系统）解析是将域名转换为IP地址的过程。以下是DNS解析的典型步骤：
+
+1. **本地缓存查询**：
+   - 首先，客户端会检查自己的DNS缓存，看是否有所需域名的记录。
+1. **查询本地DNS服务器**：
+   - 如果本地缓存中没有，客户端会向配置的本地DNS服务器（通常是ISP提供的）发送查询请求。
+1. **递归查询**：
+如果本地DNS服务器没有缓存该域名的记录，它会进行递归查询：a) 查询根域名服务器
+b) 查询顶级域名服务器（如.com, .org等）
+c) 查询权威域名服务器
+2. **获取IP地址**：
+   - 一旦找到包含所需域名IP地址的权威服务器，该信息会被返回给本地DNS服务器。
+1. **缓存并返回结果**：
+   - 本地DNS服务器会缓存这个结果，并将IP地址返回给客户端。
+1. **客户端缓存**：
+   - 客户端收到IP地址后，也会在本地缓存这个结果，以便将来使用。
+
+这个过程可以通过下面的示意图来表示：
+![](https://oss1.aistar.cool/elog-offer-now/790f6676bacd21ff9b4e7b2bc7de99bc.svg)这个过程确保了域名系统的分布式和可扩展性，允许全球范围内的域名解析。
+# 什么是CSRF攻击，如何避免？
+**「面试官」**：什么是CSRF攻击，如何避免？
+**「参考回答」**：
+CSRF（Cross-Site Request Forgery，跨站请求伪造）是一种常见的网络攻击方式。
+
+1. **CSRF攻击原理**：
+   - 攻击者诱导用户访问一个恶意网站。
+   - 该网站会自动向受害者已登录的其他网站发送未经授权的请求。
+   - 由于请求中包含了用户的身份认证信息（如cookie），服务器会误认为是用户自己发起的合法请求。
+1. **CSRF攻击的特点**：
+   - 利用了用户已认证的身份。
+   - 欺骗用户的浏览器发送HTTP请求给目标站点。
+   - 通常用于执行非法的转账、更改密码等操作。
+1. **避免CSRF攻击的方法**：a) **使用CSRF Token**：
+
+b) **检查Referer字段**：
+c) **使用SameSite Cookie属性**：
+d) **双重Cookie验证**：
+e) **实施严格的身份验证**：
+f) **使用自定义请求头**：
+
+   - 在表单中嵌入一个随机生成的token。
+   - 服务器验证这个token的有效性。
+   - 验证请求的来源站点。
+   - 限制第三方网站发送的请求中携带Cookie。
+   - 在请求中附带一个Cookie值作为参数。
+   - 对敏感操作要求重新输入密码。
+   - 对于AJAX请求，使用自定义的HTTP头。
+
+示例代码（使用CSRF Token）：
+```java
+// 在服务器端生成CSRF Token
+String csrfToken = generateRandomToken();
+session.setAttribute("csrf_token", csrfToken);
+
+// 在HTML表单中包含CSRF Token
+<form action="/transfer" method="POST">
+    <input type="hidden" name="csrf_token" value="${csrfToken}">
+    <!-- 其他表单字段 -->
+</form>
+
+// 在服务器端验证CSRF Token
+String receivedToken = request.getParameter("csrf_token");
+String sessionToken = (String) session.getAttribute("csrf_token");
+if (!receivedToken.equals(sessionToken)) {
+    // Token不匹配，拒绝请求
+    throw new SecurityException("Invalid CSRF Token");
+}
+```
+通过实施这些安全措施，可以显著降低CSRF攻击的风险。
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/Go/gw3x2w4gvo9f3p6d.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/Go/gw3x2w4gvo9f3p6d.md"
index 3f48756..f960222 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/Go/gw3x2w4gvo9f3p6d.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/Go/gw3x2w4gvo9f3p6d.md"	
@@ -2,7 +2,7 @@
 title: "\U0001F525 Golang学习笔记"
 urlname: gw3x2w4gvo9f3p6d
 date: '2024-05-28 16:57:23'
-updated: '2024-08-06 19:28:38'
+updated: '2024-08-06 20:32:12'
 cover: 'https://cdn.nlark.com/yuque/0/2022/png/22382235/1654694414190-af83c57e-5dd5-4bc1-813d-4703d10bf870.png'
 description: '安装环境安装环境=安装golang环境+编辑器安装golang环境：https://www.runoob.com/go/go-environment.html，注意配置环境变量，大致有三个：安装编辑器：goland（只有30天免费使用）或者直接使用sublime text（配置教程）或VSCo...'
 ---
@@ -28,11 +28,9 @@ description: '安装环境安装环境=安装golang环境+编辑器安装golang
 
 **没有头文件**;
 
-**显式依赖(package) **;
-
 **没有循环依赖(package)** ;
 
-**首字母大小写决定可见性;**
+首字母大小写决定可见性;
 
 任何类型都可以拥有方法（没有类);
 
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/Go/\360\237\216\201 \346\234\200\344\275\263\345\256\236\350\267\265/hn222ds8l0mhz091.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/Go/\360\237\216\201 \346\234\200\344\275\263\345\256\236\350\267\265/hn222ds8l0mhz091.md"
index a1c6fbd..0df8a25 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/Go/\360\237\216\201 \346\234\200\344\275\263\345\256\236\350\267\265/hn222ds8l0mhz091.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/Go/\360\237\216\201 \346\234\200\344\275\263\345\256\236\350\267\265/hn222ds8l0mhz091.md"	
@@ -2,7 +2,7 @@
 title: 深入解析 Go 语言的垃圾回收机制
 urlname: hn222ds8l0mhz091
 date: '2024-06-03 14:20:31'
-updated: '2024-06-03 14:20:56'
+updated: '2024-08-06 20:33:07'
 description: '在现代编程语言中，垃圾回收（Garbage Collection, GC）机制是提升开发效率和代码可靠性的重要功能之一。Go 语言的垃圾回收机制经过多年的演进，已经变得非常高效和智能。什么是垃圾回收？垃圾回收是一种自动内存管理技术，用于回收程序中不再使用的内存资源。这种技术可以减少内存泄漏和其...'
 ---
 在现代编程语言中，垃圾回收（Garbage Collection, GC）机制是提升开发效率和代码可靠性的重要功能之一。Go 语言的垃圾回收机制经过多年的演进，已经变得非常高效和智能。
@@ -88,4 +88,6 @@ go tool pprof -http=:8080 mem.prof
 
 ## 结论
 
-Go 语言的垃圾回收机制通过各种优化手段，实现了高效的内存管理和低延迟。了解和掌握垃圾回收的工作原理和调优方法，可以帮助开发者在构建高性能应用时更好地利用 Go 语言的优势。如果你对 Go 语言的垃圾回收有更多的疑问或经验，欢迎在评论区分享你的见解。
+Go 语言的垃圾回收机制通过各种优化手段，实现了高效的内存管理和低延迟。了解和掌握垃圾回收的工作原理和调优方法，可以帮助开发者在构建高性能应用时更好地利用 Go 语言的优势。
+
+如果你对 Go 语言的垃圾回收有更多的疑问或经验，欢迎在评论区分享你的见解。
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/Go/\360\237\216\201 \346\234\200\344\275\263\345\256\236\350\267\265/ihwoz00dunyzo09m.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/Go/\360\237\216\201 \346\234\200\344\275\263\345\256\236\350\267\265/ihwoz00dunyzo09m.md"
index 7c6831c..7693e8b 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/Go/\360\237\216\201 \346\234\200\344\275\263\345\256\236\350\267\265/ihwoz00dunyzo09m.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/Go/\360\237\216\201 \346\234\200\344\275\263\345\256\236\350\267\265/ihwoz00dunyzo09m.md"	
@@ -2,25 +2,40 @@
 title: Go到底能做什么？不能做什么？
 urlname: ihwoz00dunyzo09m
 date: '2024-06-19 23:14:51'
-updated: '2024-06-19 23:14:58'
+updated: '2024-08-06 20:32:49'
 description: 首先，让我表达一下我对Golang的喜爱。作为一名科技博主和程序员，我个人非常喜欢Golang，主要有以下几点原因：1、简洁易用：Go语言非常简洁，没有繁杂的语法，读起来非常流畅。同时，它的标准库提供了丰富的功能，可以有效地减少了我们的开发工作。2、高并发：Go语言的并发模型Goroutine...
 ---
 首先，让我表达一下我对Golang的喜爱。作为一名科技博主和程序员，我个人非常喜欢Golang，主要有以下几点原因：
+
 1、简洁易用：Go语言非常简洁，没有繁杂的语法，读起来非常流畅。同时，它的标准库提供了丰富的功能，可以有效地减少了我们的开发工作。
+
 2、高并发：Go语言的并发模型Goroutine，是它的重要特点。使用Go语言可以轻松实现多千甚至上万个并发任务，这对于需要高并发处理的应用非常有用。
+
 3、内存管理：Go语言的内存管理是自动的，语言本身已经提供了垃圾回收机制。这非常适合初学者和专注于业务逻辑而不希望过多关注底层内存管理的开发人员使用。
+
 4、执行效率：Go语言是编译型语言，运行时不需要解释器，因此执行效率相比于解释型语言如Python更高。
 
 最后，我还想强调一点，尽管Go语言有很多优点，但是并不是说就适合所有的情境。每种语言都有其特定的应用场景，选择哪种语言取决于你的具体需求。虽然Golang在许多方面具有优势，但也有一些地方并未做得十分出色：
+
  一、固件和操作系统内核开发： C语言具有所谓的"自由站立"环境，其不依赖任何事物。而固件和操作系统的内核通常就是在这样的环境下使用C语言编写。Golang未能满足此类开发需求。 
+
 二、桌面UI开发： 虽然Golang可以进行桌面UI开发，但是其相关库并不成熟。在这一领域，C++/Qt和JavaFX冠绝上游。 
+
 三、Web前端： 尽管Golang可以被编译成JavaScript和WebAssembly，然而这方面的技术并不成熟，不能与JavaScript这样的主流前端语言相提并论。 
+
 四、移动应用开发： Golang支持开发移动应用，但其相对较新。这个领域的佼佼者依旧是Java/Kotlin——主导Android开发；Objective-C/Swift——主导iOS开发；以及JavaScript/ReactNative——跨平台开发的首选。 
+
 五、XML处理： 在出版和其他一些领域，XML有许多的应用。但是Golang对XML的处理库相对基础，只实现了一些较旧的XML标准。在处理XML方面，Java是行业的领导者，其次是C#和JavaScript。 
+
 六、与SOAP交互： 对于需要与遗留的SOAP系统交谈的情况，Golang可以胜任，但并不如Java舒适。
+
 七、游戏开发： Golang具有运行快的优点，但缺乏相关的库和支持。人们期待它能在这个领域取得突破。 
+
 八、在银行业中的应用： Golang的包管理特性使其在银行环境中的应用变得困难，因为银行环境通常没有直接的互联网访问，并且每个第三方库都要经过安全部门的审查批准后才能使用。 
+
 九、汽车、航空航天和医学行业： 这些行业有大量的验证方法和工具，而Golang还不存在这些成熟的工具。 尽管有这些限制，通过足够的开发力量或等待他人的开发，还是有可能克服的。另外，与原生ABI（应用程序绑定接口）有良好连接的编程语言，如C和Python，与Golang的交互将非常容易。 
+
 尽管Go语言有些缺点，但是它仍然是一门非常有趣且好用的语言，已经成为我开发命令行工具和REST服务的首选语言之一，它在我心中与Java，C，Python等语言的地位是一样的。 
+
 如果上面的内容对你有帮助，请点赞收藏哦，我会分享更多的经验~
 
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/bbsxpgzzhu3i88xy.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/bbsxpgzzhu3i88xy.md"
index fa54032..1d30a38 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/bbsxpgzzhu3i88xy.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/bbsxpgzzhu3i88xy.md"	
@@ -2,7 +2,8 @@
 title: 第七章：DOM 操作与事件处理
 urlname: bbsxpgzzhu3i88xy
 date: '2024-06-07 10:37:40'
-updated: '2024-06-07 10:37:52'
+updated: '2024-08-15 16:41:41'
+cover: 'https://cdn.nlark.com/yuque/__mermaid_v3/15266c94d9ccd675f00027a43ab14bfe.svg'
 description: 1. DOM 基本概念什么是 DOMDOM（Document Object Model）是 HTML 和 XML 文档的编程接口。它提供了一组标准的对象，使开发者能够动态访问和更新文档的内容、结构和样式。DOM 把文档表示为一个树结构，其中每个节点都是文档的一部分。DOM 树的结构DOM 树是...
 ---
 ## 1. DOM 基本概念
@@ -15,7 +16,7 @@ DOM（Document Object Model）是 HTML 和 XML 文档的编程接口。它提供
 
 DOM 树是层次化的结构，包含了文档的所有元素。树的每个节点都代表文档中的一部分，比如元素、属性或文本内容。
 
-
+![](https://oss1.aistar.cool/elog-offer-now/f1b9a4ff67673a319fa7b9a96cb039d9.svg)
 ### 常用 DOM 操作方法
 
 以下是一些常用的 DOM 操作方法：
@@ -183,5 +184,3 @@ child.addEventListener(
 ```
 
 通过以上内容的学习，你已经掌握了基本的 DOM 操作和事件处理方法。接下来可以通过实际项目练习更加深入地理解和应用这些知识。
-
-【本章节完毕】
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/ced0rgbttkbm4gsn.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/ced0rgbttkbm4gsn.md"
index be4466a..a463369 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/ced0rgbttkbm4gsn.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/ced0rgbttkbm4gsn.md"	
@@ -2,10 +2,10 @@
 title: 第三章：控制结构
 urlname: ced0rgbttkbm4gsn
 date: '2024-06-07 10:34:15'
-updated: '2024-06-07 10:34:27'
-description: 在编写程序的过程中，控制结构是非常重要的概念。它们决定了代码的执行顺序，使我们能够根据不同的条件或重复执行代码块。JavaScript 提供了丰富的控制结构，包括条件语句和循环语句。本章将详细介绍这些控制结构及其应用。1. 条件语句条件语句允许代码根据不同的条件执行不同的操作。这对于编写逻辑复...
+updated: '2024-08-15 16:39:21'
+description: JavaScript 提供了丰富的控制结构，包括条件语句和循环语句。本章将详细介绍这些控制结构及其应用。1. 条件语句条件语句允许代码根据不同的条件执行不同的操作。这对于编写逻辑复杂的程序至关重要。if 语句if 语句是最基本的条件语句之一，通常用于在某个条件满足时执行代码块。其语法如下：if...
 ---
-在编写程序的过程中，控制结构是非常重要的概念。它们决定了代码的执行顺序，使我们能够根据不同的条件或重复执行代码块。JavaScript 提供了丰富的控制结构，包括条件语句和循环语句。本章将详细介绍这些控制结构及其应用。
+JavaScript 提供了丰富的控制结构，包括条件语句和循环语句。本章将详细介绍这些控制结构及其应用。
 
 ## 1. 条件语句
 
@@ -299,6 +299,3 @@ console.log("班级平均成绩为：" + averageScore);
 ```
 
 在这段代码中，我们首先使用 `reduce` 方法计算总成绩，然后通过总成绩除以学生人数得到平均成绩。
-
-【本章节完毕】
-
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/fkoyngxgpmgaeg44.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/fkoyngxgpmgaeg44.md"
index 470f2e3..f501d89 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/fkoyngxgpmgaeg44.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/fkoyngxgpmgaeg44.md"	
@@ -2,7 +2,7 @@
 title: 第八章：浏览器 API 与本地存储
 urlname: fkoyngxgpmgaeg44
 date: '2024-06-07 10:37:53'
-updated: '2024-06-07 10:38:04'
+updated: '2024-08-15 16:41:58'
 description: 1. 浏览器 API在现代 Web 开发中，浏览器为开发者提供了丰富的 API，用于处理各种任务，如网络请求、剪贴板操作等。本节将介绍一些常用的浏览器 API，并演示其使用方法。常用浏览器 API 介绍Fetch APIFetch API 用于执行网络请求，替代了老旧的 XMLHttpRequ...
 ---
 ## 1. 浏览器 API
@@ -229,10 +229,5 @@ function deleteNote(id) {
 
 通过以上代码，我们实现了一个简单的记事本应用，能够添加、显示和删除记事，并将数据持久化存储在 `LocalStorage` 中。这样，即使刷新页面或关闭浏览器，记事内容也能够保留。
 
----
-
-**小结：**
 
 本章介绍了常用的浏览器 API 和本地存储技术，包括 `Fetch API`、剪贴板 API、`LocalStorage`、`SessionStorage` 和 `IndexedDB`。通过这些知识，你可以开发出功能更丰富、用户体验更好的 Web 应用。
-
-【本章节完毕】
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/lzdv93b8t8soe0mn.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/lzdv93b8t8soe0mn.md"
index 1525e7e..a030c39 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/lzdv93b8t8soe0mn.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/lzdv93b8t8soe0mn.md"	
@@ -2,16 +2,19 @@
 title: 第一章：初识 JavaScript
 urlname: lzdv93b8t8soe0mn
 date: '2024-06-07 10:32:26'
-updated: '2024-06-07 10:33:49'
-description: JavaScript 是现代 Web 开发的核心技术之一，任何想要成为全栈开发者的人都必须掌握它。这一章将带你初步了解 JavaScript，从其历史、发展到应用领域，再到实际的环境搭建和第一个 JavaScript 程序编写。这是你迈入 JavaScript 世界的第一步。1. JavaSc...
+updated: '2024-08-15 16:37:24'
+description: JavaScript 是现代 Web 开发的核心技术之一，任何想要成为全栈开发者的人都必须掌握它。这一章将带你初步了解 JavaScript，从其历史、发展到应用领域，再到实际的环境搭建和第一个 JavaScript 程序编写。1. JavaScript 简介1.1 JavaScript 的历...
 ---
-JavaScript 是现代 Web 开发的核心技术之一，任何想要成为全栈开发者的人都必须掌握它。这一章将带你初步了解 JavaScript，从其历史、发展到应用领域，再到实际的环境搭建和第一个 JavaScript 程序编写。这是你迈入 JavaScript 世界的第一步。
+JavaScript 是现代 Web 开发的核心技术之一，任何想要成为全栈开发者的人都必须掌握它。
+这一章将带你初步了解 JavaScript，从其历史、发展到应用领域，再到实际的环境搭建和第一个 JavaScript 程序编写。
 
 ## 1. JavaScript 简介
 
 ### 1.1 JavaScript 的历史与发展
 
-JavaScript 诞生于 1995 年，由 Brendan Eich 在 Netscape Communications 公司开发。最初，它被命名为 Mocha，后改为 LiveScript，最终命名为 JavaScript。JavaScript 迅速成为 Web 浏览器的标准编程语言，并在 1997 年被 ECMA（European Computer Manufacturers Association）标准化，称为 ECMAScript。
+JavaScript 诞生于 1995 年，由 Brendan Eich 在 Netscape Communications 公司开发。
+
+最初，它被命名为 Mocha，后改为 LiveScript，最终命名为 JavaScript。JavaScript 迅速成为 Web 浏览器的标准编程语言，并在 1997 年被 ECMA（European Computer Manufacturers Association）标准化，称为 ECMAScript。
 
 在过去的几十年里，JavaScript 进行了多次迭代和改进，从简单的脚本语言演变为强大的编程语言，支持面向对象编程、函数式编程和事件驱动编程等多种范式。
 
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/myrlyqga6ewhaxdm.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/myrlyqga6ewhaxdm.md"
index 40e12da..595de17 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/myrlyqga6ewhaxdm.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/myrlyqga6ewhaxdm.md"	
@@ -2,7 +2,7 @@
 title: 第十一章：现代 JavaScript 工具链
 urlname: myrlyqga6ewhaxdm
 date: '2024-06-07 10:38:43'
-updated: '2024-06-07 10:39:11'
+updated: '2024-08-15 16:43:01'
 description: 由代码编写到代码部署，合理地使用工具可以大幅提升开发效率和代码质量。本章我们将深入探讨几种重要的 JavaScript 工具，包括模块打包工具、代码质量工具和构建与部署工具，并通过实际操作示例，帮助你熟悉并掌握这些工具的使用。模块打包工具模块化开发有助于代码的维护和复用，而模块打包工具则是将这...
 ---
 由代码编写到代码部署，合理地使用工具可以大幅提升开发效率和代码质量。本章我们将深入探讨几种重要的 JavaScript 工具，包括模块打包工具、代码质量工具和构建与部署工具，并通过实际操作示例，帮助你熟悉并掌握这些工具的使用。
@@ -292,7 +292,3 @@ jobs:
 在 GitHub 仓库的设置页面中，启用 GitHub Pages 并选择 `gh-pages` 分支作为发布源。 
 3.  **推送代码并触发工作流**
 每当代码推送到主分支时，GitHub Actions 将自动运行工作流，执行代码检查、构建和部署任务。 
-
-## 结论
-
-通过本章的学习，我们深入了解了现代 JavaScript 工具链的基本知识及其在实际开发中的应用。从模块打包工具如 Webpack 和 Rollup，到代码质量工具 ESLint 和 Prettier，再到构建与部署工具如 Babel、npm scripts 和 CI/CD，我们掌握了使用这些工具的方法和技巧。
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/obhmxn0wg1gxp2n6.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/obhmxn0wg1gxp2n6.md"
index bf95e36..97059e6 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/obhmxn0wg1gxp2n6.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/obhmxn0wg1gxp2n6.md"	
@@ -2,7 +2,7 @@
 title: 第十二章：高级应用与最佳实践
 urlname: obhmxn0wg1gxp2n6
 date: '2024-06-07 10:39:12'
-updated: '2024-06-07 10:39:26'
+updated: '2024-08-15 16:43:21'
 description: 在前面的章节中，我们已经掌握了JavaScript的基础知识和进阶技巧。在本章中，我们将探讨一些高级应用和最佳实践，帮助你在实际项目中更高效地运用JavaScript。前沿技术与框架React 的基本概念与使用React 是由 Facebook 开发的一个用于构建用户界面的 JavaScrip...
 ---
 在前面的章节中，我们已经掌握了JavaScript的基础知识和进阶技巧。在本章中，我们将探讨一些高级应用和最佳实践，帮助你在实际项目中更高效地运用JavaScript。
@@ -314,5 +314,3 @@ spec:
 ```
 
 随着对前沿技术、进阶技巧和开发与生产管理的深入理解，你现在已经掌握了 JavaScript 的高级应用与最佳实践。
-
-【本章节完毕】
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/pogg73bgofw753sb.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/pogg73bgofw753sb.md"
index ced16f2..17d3b54 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/pogg73bgofw753sb.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/pogg73bgofw753sb.md"	
@@ -2,7 +2,7 @@
 title: 第五章：面向对象编程
 urlname: pogg73bgofw753sb
 date: '2024-06-07 10:34:54'
-updated: '2024-06-07 10:35:21'
+updated: '2024-08-15 16:40:48'
 description: '1. ObjectsJavaScript 的对象是存储键值对的容器。对象在 JavaScript 中扮演了重要的角色，它们允许我们将数据和功能组织在一起，使代码更加结构化和模块化。1.1 对象的定义与属性在 JavaScript 中，可以使用花括号 {} 来定义对象，并通过键值对的形式来添加属...'
 ---
 ## 1. Objects
@@ -242,7 +242,5 @@ console.log(PI); // 输出: 3.14159
 
 模块化让代码更易于维护和重用，并且可以避免命名冲突。
 
-## 总结
-
-在本章中，我们深入探讨了 JavaScript 中的对象与面向对象编程。我们学习了如何定义和操作对象，了解了如何利用面向对象编程的概念来创建类和对象，并且探索了 ES6+的几个重要新特性。这些知识为构建复杂且结构化的 JavaScript 应用程序奠定了坚实的基础。
+我们学习了如何定义和操作对象，了解了如何利用面向对象编程的概念来创建类和对象，并且探索了 ES6+的几个重要新特性。这些知识为构建复杂且结构化的 JavaScript 应用程序奠定了坚实的基础。
 
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/tvi5rnx6lvl2sczq.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/tvi5rnx6lvl2sczq.md"
index 70f27c8..f57616e 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/tvi5rnx6lvl2sczq.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/tvi5rnx6lvl2sczq.md"	
@@ -2,7 +2,7 @@
 title: 第十章：测试与调试
 urlname: tvi5rnx6lvl2sczq
 date: '2024-06-07 10:38:31'
-updated: '2024-06-07 10:38:42'
+updated: '2024-08-15 16:42:46'
 description: 1. 单元测试1.1 什么是单元测试单元测试（Unit Testing）是对软件的最小可测试单元进行验证，以确保其功能正确。它能够帮助开发者发现和修复错误，提高代码的稳定性和可维护性。单元测试通常由开发者自己编写，并且与实际的业务逻辑代码分开。1.2 使用 Jest 编写单元测试Jest 是一...
 ---
 ## 1. 单元测试
@@ -179,9 +179,3 @@ Lighthouse 报告包括多个维度的评分和详细的优化建议。以下是
 - **优化图像**：使用适当的格式和大小优化图像资源。
 
 通过分析和优化 Lighthouse 报告中的建议，可以显著提高页面的加载速度和性能。
-
-## 总结
-
-在本章中，我们深入探讨了 JavaScript 应用程序的测试与调试技巧。通过掌握单元测试、使用 Jest 进行测试开发、利用浏览器开发者工具调试代码，以及进行性能优化，我们可以显著提高代码的质量和执行效率。希望这些知识能够帮助你在实际项目中更加游刃有余地应对各种挑战。
-
-【本章节完毕】
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/wyh4y9de5m1h1n0e.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/wyh4y9de5m1h1n0e.md"
index e95d3da..3eef1f7 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/wyh4y9de5m1h1n0e.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/wyh4y9de5m1h1n0e.md"	
@@ -2,8 +2,8 @@
 title: 第二章：JavaScript 基础语法
 urlname: wyh4y9de5m1h1n0e
 date: '2024-06-07 10:33:50'
-updated: '2024-06-07 10:34:14'
-description: 1. 变量与数据类型变量的声明在 JavaScript 中，我们可以使用 var、let 和 const 这三种关键词来声明变量。下面是每种声明方式的详细解释和示例：var 关键词var 是 JavaScript 中最早用来声明变量的关键词。它有一些特性需要注意：var name = "Ali...
+updated: '2024-08-15 16:39:00'
+description: 1. 变量与数据类型变量的声明在 JavaScript 中，我们可以使用 var、let 和 const 这三种关键词来声明变量。下面是每种声明方式的详细解释和示例：var 关键词var 是 JavaScript 中最早用来声明变量的关键词。var name = "Alice"; consol...
 ---
 ## 1. 变量与数据类型
 
@@ -13,7 +13,7 @@ description: 1. 变量与数据类型变量的声明在 JavaScript 中，我们
 
 #### var 关键词
 
-`var` 是 JavaScript 中最早用来声明变量的关键词。它有一些特性需要注意：
+`var` 是 JavaScript 中最早用来声明变量的关键词。
 
 ```javascript
 var name = "Alice";
@@ -22,14 +22,12 @@ console.log(name); // 输出：Alice
 var name = "Bob";
 console.log(name); // 输出：Bob
 ```
+它有一些特性需要注意：
 
-特性：
-
-1. 变量可以重新声明。
+1. 变量可以**重新声明**。
 2. 变量提升，即变量可以在声明之前使用（但值为 `undefined`）。
 
 #### let 关键词
-
 `let` 是 ES6 引入的，用来声明局部变量，它比 `var` 更加严格和安全。
 
 ```javascript
@@ -39,7 +37,6 @@ console.log(age); // 输出：25
 age = 26;
 console.log(age); // 输出：26
 ```
-
 特性：
 
 1. 变量不能重新声明。
@@ -221,7 +218,7 @@ console.log(remainder); // 输出：1
 
 用于比较两个值，并返回布尔值：
 
-1.  **等于 (****) 和全等 (****=)** 
+1.  **等于 (**) 和全等 (**=)** 
 ```javascript
 console.log(5 == "5"); // 输出：true
 console.log(5 === "5"); // 输出：false
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/xwdzodwra6u55sib.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/xwdzodwra6u55sib.md"
index 9213549..f8c8404 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/xwdzodwra6u55sib.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/xwdzodwra6u55sib.md"	
@@ -2,7 +2,7 @@
 title: 第六章：异步编程
 urlname: xwdzodwra6u55sib
 date: '2024-06-07 10:37:26'
-updated: '2024-06-07 10:37:39'
+updated: '2024-08-15 16:41:05'
 description: 1. 回调函数在 JavaScript 中，异步编程是处理时间消耗任务（如网络请求、文件读取等）的核心技术之一。回调函数是处理异步操作的最基本方式。什么是回调函数回调函数是作为参数传递给另一个函数的函数，当那个函数完成其任务后会调用这个回调函数。此模式常用于处理异步操作。以下是一个基本示例：f...
 ---
 ## 1. 回调函数
@@ -159,8 +159,4 @@ loadScriptWithErrorHandling("script1.js");
 
 通过 `async/await`，我们可以编写出更加清晰、易读的异步代码，大大提高了代码的可维护性。
 
----
-
-【本章节完毕】
-
-希望你能从本章中理解和掌握回调函数、Promise，以及 `async/await` 的使用方法和异步编程的技巧。接下来，我们将进入更加实战和高级的部分，了解如何操作 DOM 和处理浏览器事件。
+接下来，我们将进入更加实战和高级的部分，了解如何操作 DOM 和处理浏览器事件。
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/xwymt3c06amgkp2n.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/xwymt3c06amgkp2n.md"
index 4638eb0..232296f 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/xwymt3c06amgkp2n.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/xwymt3c06amgkp2n.md"	
@@ -2,7 +2,7 @@
 title: 第九章：项目实战：创建一个任务管理应用
 urlname: xwymt3c06amgkp2n
 date: '2024-06-07 10:38:06'
-updated: '2024-06-07 10:38:29'
+updated: '2024-08-15 16:42:27'
 description: 在这一章中，我们将通过创建一个完整的任务管理应用，来综合运用前几章所学的知识。这个项目将涵盖需求分析、功能规划、开发实现以及项目部署等多个方面，帮助你掌握实际项目开发的流程。项目介绍与规划项目需求分析与功能规划在开发一个任务管理应用之前，我们需要首先明确应用的需求和功能。以下是对项目的需求分析...
 ---
 
@@ -245,9 +245,7 @@ function renderFilteredTasks(filteredTasks) {
 
 完成上述功能后，我们需要对代码进行优化和重构，确保代码的可读性和可维护性。例如，我们可以将重复的代码提取成函数，或者使用模块化的方式来组织代码。
 
-### 部署应用到 GitHub Pages 或```markdown
-
-Netlify
+### 部署应用到 GitHub Pages 或 Netlify
 
 完成开发工作后，我们还需要将应用部署到互联网上，使其能够被访问。以下是部署应用到 GitHub Pages 和 Netlify 的步骤。
 
diff --git "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/yl3i2ox3zh528deh.md" "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/yl3i2ox3zh528deh.md"
index 766ed65..6ece04e 100644
--- "a/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/yl3i2ox3zh528deh.md"	
+++ "b/docs/doc/\360\237\222\273 \347\274\226\347\250\213\350\257\255\350\250\200/JavaScript/yl3i2ox3zh528deh.md"	
@@ -2,10 +2,11 @@
 title: 第四章：函数与作用域
 urlname: yl3i2ox3zh528deh
 date: '2024-06-07 10:34:29'
-updated: '2024-06-07 10:34:52'
-description: 在这一章中，我们将深入探讨 JavaScript 中函数的各个方面，包括函数的定义与调用、参数与返回值、箭头函数与匿名函数。此外，我们还会探讨作用域的概念，以及如何利用闭包来创建更强大的代码。最后，我们将介绍高阶函数及其在简化代码方面的应用。1. 函数1.1 函数的定义与调用在 JavaScr...
+updated: '2024-08-15 16:40:34'
+cover: 'https://cdn.nlark.com/yuque/__mermaid_v3/75959c4cecb87a93a3941a567ef66e9e.svg'
+description: 在这一章将深入探讨 JavaScript 中函数的各个方面，包括函数的定义与调用、参数与返回值、箭头函数与匿名函数。此外，我们还会探讨作用域的概念，以及如何利用闭包来创建更强大的代码。最后，我们将介绍高阶函数及其在简化代码方面的应用。1. 函数1.1 函数的定义与调用在 JavaScript ...
 ---
-在这一章中，我们将深入探讨 JavaScript 中函数的各个方面，包括函数的定义与调用、参数与返回值、箭头函数与匿名函数。此外，我们还会探讨作用域的概念，以及如何利用闭包来创建更强大的代码。最后，我们将介绍高阶函数及其在简化代码方面的应用。
+在这一章将深入探讨 JavaScript 中函数的各个方面，包括函数的定义与调用、参数与返回值、箭头函数与匿名函数。此外，我们还会探讨作用域的概念，以及如何利用闭包来创建更强大的代码。最后，我们将介绍高阶函数及其在简化代码方面的应用。
 
 ## 1. 函数
 
@@ -161,8 +162,8 @@ console.log(result); //输出: 12
 
 为了更好地理解函数与作用域的概念，下面是一个用 Mermaid 语法绘制的图解。
 
+![](https://oss1.aistar.cool/elog-offer-now/75dc942f3c0ab531c329c2697ddae33a.svg)
+函数是 JavaScript 中的核心组成部分，理解函数的定义与调用、参数与返回值、箭头函数与匿名函数能大大提升你的编程能力。
 
-## 小结
-
-函数是 JavaScript 中的核心组成部分，理解函数的定义与调用、参数与返回值、箭头函数与匿名函数能大大提升你的编程能力。作用域决定了变量和函数的可访问性，闭包则提供了一种在函数外部访问函数内部变量的强大机制。高阶函数使得代码更加简洁和易于维护。通过这章的学习，你将掌握这些重要概念，为后续更复杂的编程任务打下坚实的基础。
+作用域决定了变量和函数的可访问性，闭包则提供了一种在函数外部访问函数内部变量的强大机制。高阶函数使得代码更加简洁和易于维护。
 
diff --git "a/docs/doc/\360\237\223\232 \350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/MySQL/kewfeh2gmbrr6p0q.md" "b/docs/doc/\360\237\223\232 \350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/MySQL/kewfeh2gmbrr6p0q.md"
index 9fccdfd..678726d 100644
--- "a/docs/doc/\360\237\223\232 \350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/MySQL/kewfeh2gmbrr6p0q.md"	
+++ "b/docs/doc/\360\237\223\232 \350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/MySQL/kewfeh2gmbrr6p0q.md"	
@@ -1,8 +1,8 @@
 ---
-title: "\U0001F525 MySQL面试必问（一）"
+title: "MySQL面试必问（一）\U0001F525"
 urlname: kewfeh2gmbrr6p0q
 date: '2024-05-24 12:43:33'
-updated: '2024-05-28 17:47:47'
+updated: '2024-08-15 16:34:48'
 cover: 'https://cdn.nlark.com/yuque/0/2021/png/22382235/1630507852986-80aef639-4ae5-4f18-88d1-932c3606d05e.png'
 description: 数据库基础知识数据库三范式（3NF）简单来说，在关系型数据库汇总，三范式就是设计一个好的数据库所必须要遵循的一些规则。每列原子性（1NF）比如某一个数据表中有“地址”信息，但是实际业务场景下经常查询“地址”中的城市部分，那么就需要将“地址”拆分成多个部分来保存（否则的话，实际业务场景还需要在地...
 ---
diff --git "a/docs/doc/\360\237\223\232 \350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/MySQL/qf6b0vmagi3cbnbv.md" "b/docs/doc/\360\237\223\232 \350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/MySQL/qf6b0vmagi3cbnbv.md"
index be2a99e..4a13d5b 100644
--- "a/docs/doc/\360\237\223\232 \350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/MySQL/qf6b0vmagi3cbnbv.md"	
+++ "b/docs/doc/\360\237\223\232 \350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/MySQL/qf6b0vmagi3cbnbv.md"	
@@ -1,8 +1,8 @@
 ---
-title: "\U0001F525 MySQL面试必问（二）"
+title: "MySQL面试必问（二）\U0001F525"
 urlname: qf6b0vmagi3cbnbv
 date: '2024-05-24 15:19:07'
-updated: '2024-06-13 08:59:15'
+updated: '2024-08-15 16:34:55'
 description: 一、存储引擎MySQL有哪些常用的存储引擎？回答：InnoDB：默认存储引擎，支持ACID事务、外键、行级锁和自动崩溃恢复。适用于支持高并发事务处理和数据完整性要求高的应用。MyISAM：不支持事务和外键，使用表级锁，适用于读操作频繁、数据修改较少的应用。具有较高的读取性能。Memory：将数...
 ---
 # 一、存储引擎
diff --git a/elog.cache.json b/elog.cache.json
index ba21f4b..4c2f4d0 100644
--- a/elog.cache.json
+++ b/elog.cache.json
@@ -4998,12 +4998,12 @@
     {
       "id": 174403073,
       "doc_id": "ihwoz00dunyzo09m",
-      "updated": 1718810098000,
+      "updated": 1722947569000,
       "properties": {
         "title": "Go到底能做什么？不能做什么？",
         "urlname": "ihwoz00dunyzo09m",
         "date": "2024-06-19 23:14:51",
-        "updated": "2024-06-19 23:14:58",
+        "updated": "2024-08-06 20:32:49",
         "description": "首先，让我表达一下我对Golang的喜爱。作为一名科技博主和程序员，我个人非常喜欢Golang，主要有以下几点原因：1、简洁易用：Go语言非常简洁，没有繁杂的语法，读起来非常流畅。同时，它的标准库提供了丰富的功能，可以有效地减少了我们的开发工作。2、高并发：Go语言的并发模型Goroutine..."
       },
       "catalog": [
@@ -5021,8 +5021,8 @@
         }
       ],
       "realName": "ihwoz00dunyzo09m",
-      "relativePath": "\\💻 编程语言\\Go\\🎁 最佳实践\\ihwoz00dunyzo09m.md",
-      "docPath": "docs\\doc\\💻 编程语言\\Go\\🎁 最佳实践"
+      "relativePath": "/💻 编程语言/Go/🎁 最佳实践/ihwoz00dunyzo09m.md",
+      "docPath": "docs/doc/💻 编程语言/Go/🎁 最佳实践"
     },
     {
       "id": 174403112,
@@ -7869,12 +7869,12 @@
     {
       "id": 170944181,
       "doc_id": "qf6b0vmagi3cbnbv",
-      "updated": 1718240355000,
+      "updated": 1723710895000,
       "properties": {
-        "title": "🔥 MySQL面试必问（二）",
+        "title": "MySQL面试必问（二）🔥",
         "urlname": "qf6b0vmagi3cbnbv",
         "date": "2024-05-24 15:19:07",
-        "updated": "2024-06-13 08:59:15",
+        "updated": "2024-08-15 16:34:55",
         "description": "一、存储引擎MySQL有哪些常用的存储引擎？回答：InnoDB：默认存储引擎，支持ACID事务、外键、行级锁和自动崩溃恢复。适用于支持高并发事务处理和数据完整性要求高的应用。MyISAM：不支持事务和外键，使用表级锁，适用于读操作频繁、数据修改较少的应用。具有较高的读取性能。Memory：将数..."
       },
       "catalog": [
@@ -7888,8 +7888,8 @@
         }
       ],
       "realName": "qf6b0vmagi3cbnbv",
-      "relativePath": "\\📚 计算机基础\\MySQL\\qf6b0vmagi3cbnbv.md",
-      "docPath": "docs\\doc\\📚 计算机基础\\MySQL"
+      "relativePath": "/📚 计算机基础/MySQL/qf6b0vmagi3cbnbv.md",
+      "docPath": "docs/doc/📚 计算机基础/MySQL"
     },
     {
       "id": 173435904,
@@ -7942,12 +7942,12 @@
     {
       "id": 172786087,
       "doc_id": "obhmxn0wg1gxp2n6",
-      "updated": 1717727966000,
+      "updated": 1723711401000,
       "properties": {
         "title": "第十二章：高级应用与最佳实践",
         "urlname": "obhmxn0wg1gxp2n6",
         "date": "2024-06-07 10:39:12",
-        "updated": "2024-06-07 10:39:26",
+        "updated": "2024-08-15 16:43:21",
         "description": "在前面的章节中，我们已经掌握了JavaScript的基础知识和进阶技巧。在本章中，我们将探讨一些高级应用和最佳实践，帮助你在实际项目中更高效地运用JavaScript。前沿技术与框架React 的基本概念与使用React 是由 Facebook 开发的一个用于构建用户界面的 JavaScrip..."
       },
       "catalog": [
@@ -7961,18 +7961,18 @@
         }
       ],
       "realName": "obhmxn0wg1gxp2n6",
-      "relativePath": "\\💻 编程语言\\JavaScript\\obhmxn0wg1gxp2n6.md",
-      "docPath": "docs\\doc\\💻 编程语言\\JavaScript"
+      "relativePath": "/💻 编程语言/JavaScript/obhmxn0wg1gxp2n6.md",
+      "docPath": "docs/doc/💻 编程语言/JavaScript"
     },
     {
       "id": 172786002,
       "doc_id": "myrlyqga6ewhaxdm",
-      "updated": 1717727951000,
+      "updated": 1723711381000,
       "properties": {
         "title": "第十一章：现代 JavaScript 工具链",
         "urlname": "myrlyqga6ewhaxdm",
         "date": "2024-06-07 10:38:43",
-        "updated": "2024-06-07 10:39:11",
+        "updated": "2024-08-15 16:43:01",
         "description": "由代码编写到代码部署，合理地使用工具可以大幅提升开发效率和代码质量。本章我们将深入探讨几种重要的 JavaScript 工具，包括模块打包工具、代码质量工具和构建与部署工具，并通过实际操作示例，帮助你熟悉并掌握这些工具的使用。模块打包工具模块化开发有助于代码的维护和复用，而模块打包工具则是将这..."
       },
       "catalog": [
@@ -7986,18 +7986,18 @@
         }
       ],
       "realName": "myrlyqga6ewhaxdm",
-      "relativePath": "\\💻 编程语言\\JavaScript\\myrlyqga6ewhaxdm.md",
-      "docPath": "docs\\doc\\💻 编程语言\\JavaScript"
+      "relativePath": "/💻 编程语言/JavaScript/myrlyqga6ewhaxdm.md",
+      "docPath": "docs/doc/💻 编程语言/JavaScript"
     },
     {
       "id": 172785957,
       "doc_id": "tvi5rnx6lvl2sczq",
-      "updated": 1717727922000,
+      "updated": 1723711366000,
       "properties": {
         "title": "第十章：测试与调试",
         "urlname": "tvi5rnx6lvl2sczq",
         "date": "2024-06-07 10:38:31",
-        "updated": "2024-06-07 10:38:42",
+        "updated": "2024-08-15 16:42:46",
         "description": "1. 单元测试1.1 什么是单元测试单元测试（Unit Testing）是对软件的最小可测试单元进行验证，以确保其功能正确。它能够帮助开发者发现和修复错误，提高代码的稳定性和可维护性。单元测试通常由开发者自己编写，并且与实际的业务逻辑代码分开。1.2 使用 Jest 编写单元测试Jest 是一..."
       },
       "catalog": [
@@ -8011,18 +8011,18 @@
         }
       ],
       "realName": "tvi5rnx6lvl2sczq",
-      "relativePath": "\\💻 编程语言\\JavaScript\\tvi5rnx6lvl2sczq.md",
-      "docPath": "docs\\doc\\💻 编程语言\\JavaScript"
+      "relativePath": "/💻 编程语言/JavaScript/tvi5rnx6lvl2sczq.md",
+      "docPath": "docs/doc/💻 编程语言/JavaScript"
     },
     {
       "id": 172785881,
       "doc_id": "xwymt3c06amgkp2n",
-      "updated": 1717727909000,
+      "updated": 1723711347000,
       "properties": {
         "title": "第九章：项目实战：创建一个任务管理应用",
         "urlname": "xwymt3c06amgkp2n",
         "date": "2024-06-07 10:38:06",
-        "updated": "2024-06-07 10:38:29",
+        "updated": "2024-08-15 16:42:27",
         "description": "在这一章中，我们将通过创建一个完整的任务管理应用，来综合运用前几章所学的知识。这个项目将涵盖需求分析、功能规划、开发实现以及项目部署等多个方面，帮助你掌握实际项目开发的流程。项目介绍与规划项目需求分析与功能规划在开发一个任务管理应用之前，我们需要首先明确应用的需求和功能。以下是对项目的需求分析..."
       },
       "catalog": [
@@ -8036,18 +8036,18 @@
         }
       ],
       "realName": "xwymt3c06amgkp2n",
-      "relativePath": "\\💻 编程语言\\JavaScript\\xwymt3c06amgkp2n.md",
-      "docPath": "docs\\doc\\💻 编程语言\\JavaScript"
+      "relativePath": "/💻 编程语言/JavaScript/xwymt3c06amgkp2n.md",
+      "docPath": "docs/doc/💻 编程语言/JavaScript"
     },
     {
       "id": 172785828,
       "doc_id": "fkoyngxgpmgaeg44",
-      "updated": 1717727884000,
+      "updated": 1723711318000,
       "properties": {
         "title": "第八章：浏览器 API 与本地存储",
         "urlname": "fkoyngxgpmgaeg44",
         "date": "2024-06-07 10:37:53",
-        "updated": "2024-06-07 10:38:04",
+        "updated": "2024-08-15 16:41:58",
         "description": "1. 浏览器 API在现代 Web 开发中，浏览器为开发者提供了丰富的 API，用于处理各种任务，如网络请求、剪贴板操作等。本节将介绍一些常用的浏览器 API，并演示其使用方法。常用浏览器 API 介绍Fetch APIFetch API 用于执行网络请求，替代了老旧的 XMLHttpRequ..."
       },
       "catalog": [
@@ -8061,18 +8061,19 @@
         }
       ],
       "realName": "fkoyngxgpmgaeg44",
-      "relativePath": "\\💻 编程语言\\JavaScript\\fkoyngxgpmgaeg44.md",
-      "docPath": "docs\\doc\\💻 编程语言\\JavaScript"
+      "relativePath": "/💻 编程语言/JavaScript/fkoyngxgpmgaeg44.md",
+      "docPath": "docs/doc/💻 编程语言/JavaScript"
     },
     {
       "id": 172785778,
       "doc_id": "bbsxpgzzhu3i88xy",
-      "updated": 1717727872000,
+      "updated": 1723711301000,
       "properties": {
         "title": "第七章：DOM 操作与事件处理",
         "urlname": "bbsxpgzzhu3i88xy",
         "date": "2024-06-07 10:37:40",
-        "updated": "2024-06-07 10:37:52",
+        "updated": "2024-08-15 16:41:41",
+        "cover": "https://cdn.nlark.com/yuque/__mermaid_v3/15266c94d9ccd675f00027a43ab14bfe.svg",
         "description": "1. DOM 基本概念什么是 DOMDOM（Document Object Model）是 HTML 和 XML 文档的编程接口。它提供了一组标准的对象，使开发者能够动态访问和更新文档的内容、结构和样式。DOM 把文档表示为一个树结构，其中每个节点都是文档的一部分。DOM 树的结构DOM 树是..."
       },
       "catalog": [
@@ -8086,18 +8087,18 @@
         }
       ],
       "realName": "bbsxpgzzhu3i88xy",
-      "relativePath": "\\💻 编程语言\\JavaScript\\bbsxpgzzhu3i88xy.md",
-      "docPath": "docs\\doc\\💻 编程语言\\JavaScript"
+      "relativePath": "/💻 编程语言/JavaScript/bbsxpgzzhu3i88xy.md",
+      "docPath": "docs/doc/💻 编程语言/JavaScript"
     },
     {
       "id": 172785732,
       "doc_id": "xwdzodwra6u55sib",
-      "updated": 1717727859000,
+      "updated": 1723711265000,
       "properties": {
         "title": "第六章：异步编程",
         "urlname": "xwdzodwra6u55sib",
         "date": "2024-06-07 10:37:26",
-        "updated": "2024-06-07 10:37:39",
+        "updated": "2024-08-15 16:41:05",
         "description": "1. 回调函数在 JavaScript 中，异步编程是处理时间消耗任务（如网络请求、文件读取等）的核心技术之一。回调函数是处理异步操作的最基本方式。什么是回调函数回调函数是作为参数传递给另一个函数的函数，当那个函数完成其任务后会调用这个回调函数。此模式常用于处理异步操作。以下是一个基本示例：f..."
       },
       "catalog": [
@@ -8111,18 +8112,18 @@
         }
       ],
       "realName": "xwdzodwra6u55sib",
-      "relativePath": "\\💻 编程语言\\JavaScript\\xwdzodwra6u55sib.md",
-      "docPath": "docs\\doc\\💻 编程语言\\JavaScript"
+      "relativePath": "/💻 编程语言/JavaScript/xwdzodwra6u55sib.md",
+      "docPath": "docs/doc/💻 编程语言/JavaScript"
     },
     {
       "id": 172785226,
       "doc_id": "pogg73bgofw753sb",
-      "updated": 1717727721000,
+      "updated": 1723711248000,
       "properties": {
         "title": "第五章：面向对象编程",
         "urlname": "pogg73bgofw753sb",
         "date": "2024-06-07 10:34:54",
-        "updated": "2024-06-07 10:35:21",
+        "updated": "2024-08-15 16:40:48",
         "description": "1. ObjectsJavaScript 的对象是存储键值对的容器。对象在 JavaScript 中扮演了重要的角色，它们允许我们将数据和功能组织在一起，使代码更加结构化和模块化。1.1 对象的定义与属性在 JavaScript 中，可以使用花括号 {} 来定义对象，并通过键值对的形式来添加属..."
       },
       "catalog": [
@@ -8136,19 +8137,20 @@
         }
       ],
       "realName": "pogg73bgofw753sb",
-      "relativePath": "\\💻 编程语言\\JavaScript\\pogg73bgofw753sb.md",
-      "docPath": "docs\\doc\\💻 编程语言\\JavaScript"
+      "relativePath": "/💻 编程语言/JavaScript/pogg73bgofw753sb.md",
+      "docPath": "docs/doc/💻 编程语言/JavaScript"
     },
     {
       "id": 172785156,
       "doc_id": "yl3i2ox3zh528deh",
-      "updated": 1717727692000,
+      "updated": 1723711234000,
       "properties": {
         "title": "第四章：函数与作用域",
         "urlname": "yl3i2ox3zh528deh",
         "date": "2024-06-07 10:34:29",
-        "updated": "2024-06-07 10:34:52",
-        "description": "在这一章中，我们将深入探讨 JavaScript 中函数的各个方面，包括函数的定义与调用、参数与返回值、箭头函数与匿名函数。此外，我们还会探讨作用域的概念，以及如何利用闭包来创建更强大的代码。最后，我们将介绍高阶函数及其在简化代码方面的应用。1. 函数1.1 函数的定义与调用在 JavaScr..."
+        "updated": "2024-08-15 16:40:34",
+        "cover": "https://cdn.nlark.com/yuque/__mermaid_v3/75959c4cecb87a93a3941a567ef66e9e.svg",
+        "description": "在这一章将深入探讨 JavaScript 中函数的各个方面，包括函数的定义与调用、参数与返回值、箭头函数与匿名函数。此外，我们还会探讨作用域的概念，以及如何利用闭包来创建更强大的代码。最后，我们将介绍高阶函数及其在简化代码方面的应用。1. 函数1.1 函数的定义与调用在 JavaScript ..."
       },
       "catalog": [
         {
@@ -8161,19 +8163,19 @@
         }
       ],
       "realName": "yl3i2ox3zh528deh",
-      "relativePath": "\\💻 编程语言\\JavaScript\\yl3i2ox3zh528deh.md",
-      "docPath": "docs\\doc\\💻 编程语言\\JavaScript"
+      "relativePath": "/💻 编程语言/JavaScript/yl3i2ox3zh528deh.md",
+      "docPath": "docs/doc/💻 编程语言/JavaScript"
     },
     {
       "id": 172785097,
       "doc_id": "ced0rgbttkbm4gsn",
-      "updated": 1717727667000,
+      "updated": 1723711161000,
       "properties": {
         "title": "第三章：控制结构",
         "urlname": "ced0rgbttkbm4gsn",
         "date": "2024-06-07 10:34:15",
-        "updated": "2024-06-07 10:34:27",
-        "description": "在编写程序的过程中，控制结构是非常重要的概念。它们决定了代码的执行顺序，使我们能够根据不同的条件或重复执行代码块。JavaScript 提供了丰富的控制结构，包括条件语句和循环语句。本章将详细介绍这些控制结构及其应用。1. 条件语句条件语句允许代码根据不同的条件执行不同的操作。这对于编写逻辑复..."
+        "updated": "2024-08-15 16:39:21",
+        "description": "JavaScript 提供了丰富的控制结构，包括条件语句和循环语句。本章将详细介绍这些控制结构及其应用。1. 条件语句条件语句允许代码根据不同的条件执行不同的操作。这对于编写逻辑复杂的程序至关重要。if 语句if 语句是最基本的条件语句之一，通常用于在某个条件满足时执行代码块。其语法如下：if..."
       },
       "catalog": [
         {
@@ -8186,19 +8188,19 @@
         }
       ],
       "realName": "ced0rgbttkbm4gsn",
-      "relativePath": "\\💻 编程语言\\JavaScript\\ced0rgbttkbm4gsn.md",
-      "docPath": "docs\\doc\\💻 编程语言\\JavaScript"
+      "relativePath": "/💻 编程语言/JavaScript/ced0rgbttkbm4gsn.md",
+      "docPath": "docs/doc/💻 编程语言/JavaScript"
     },
     {
       "id": 172785030,
       "doc_id": "wyh4y9de5m1h1n0e",
-      "updated": 1717727654000,
+      "updated": 1723711140000,
       "properties": {
         "title": "第二章：JavaScript 基础语法",
         "urlname": "wyh4y9de5m1h1n0e",
         "date": "2024-06-07 10:33:50",
-        "updated": "2024-06-07 10:34:14",
-        "description": "1. 变量与数据类型变量的声明在 JavaScript 中，我们可以使用 var、let 和 const 这三种关键词来声明变量。下面是每种声明方式的详细解释和示例：var 关键词var 是 JavaScript 中最早用来声明变量的关键词。它有一些特性需要注意：var name = \"Ali..."
+        "updated": "2024-08-15 16:39:00",
+        "description": "1. 变量与数据类型变量的声明在 JavaScript 中，我们可以使用 var、let 和 const 这三种关键词来声明变量。下面是每种声明方式的详细解释和示例：var 关键词var 是 JavaScript 中最早用来声明变量的关键词。var name = \"Alice\"; consol..."
       },
       "catalog": [
         {
@@ -8211,8 +8213,8 @@
         }
       ],
       "realName": "wyh4y9de5m1h1n0e",
-      "relativePath": "\\💻 编程语言\\JavaScript\\wyh4y9de5m1h1n0e.md",
-      "docPath": "docs\\doc\\💻 编程语言\\JavaScript"
+      "relativePath": "/💻 编程语言/JavaScript/wyh4y9de5m1h1n0e.md",
+      "docPath": "docs/doc/💻 编程语言/JavaScript"
     },
     {
       "id": 172726084,
@@ -8242,13 +8244,13 @@
     {
       "id": 172784684,
       "doc_id": "lzdv93b8t8soe0mn",
-      "updated": 1717727629000,
+      "updated": 1723711044000,
       "properties": {
         "title": "第一章：初识 JavaScript",
         "urlname": "lzdv93b8t8soe0mn",
         "date": "2024-06-07 10:32:26",
-        "updated": "2024-06-07 10:33:49",
-        "description": "JavaScript 是现代 Web 开发的核心技术之一，任何想要成为全栈开发者的人都必须掌握它。这一章将带你初步了解 JavaScript，从其历史、发展到应用领域，再到实际的环境搭建和第一个 JavaScript 程序编写。这是你迈入 JavaScript 世界的第一步。1. JavaSc..."
+        "updated": "2024-08-15 16:37:24",
+        "description": "JavaScript 是现代 Web 开发的核心技术之一，任何想要成为全栈开发者的人都必须掌握它。这一章将带你初步了解 JavaScript，从其历史、发展到应用领域，再到实际的环境搭建和第一个 JavaScript 程序编写。1. JavaScript 简介1.1 JavaScript 的历..."
       },
       "catalog": [
         {
@@ -8261,8 +8263,8 @@
         }
       ],
       "realName": "lzdv93b8t8soe0mn",
-      "relativePath": "\\💻 编程语言\\JavaScript\\lzdv93b8t8soe0mn.md",
-      "docPath": "docs\\doc\\💻 编程语言\\JavaScript"
+      "relativePath": "/💻 编程语言/JavaScript/lzdv93b8t8soe0mn.md",
+      "docPath": "docs/doc/💻 编程语言/JavaScript"
     },
     {
       "id": 172726067,
@@ -10311,12 +10313,12 @@
     {
       "id": 172187614,
       "doc_id": "hn222ds8l0mhz091",
-      "updated": 1717395656000,
+      "updated": 1722947587000,
       "properties": {
         "title": "深入解析 Go 语言的垃圾回收机制",
         "urlname": "hn222ds8l0mhz091",
         "date": "2024-06-03 14:20:31",
-        "updated": "2024-06-03 14:20:56",
+        "updated": "2024-08-06 20:33:07",
         "description": "在现代编程语言中，垃圾回收（Garbage Collection, GC）机制是提升开发效率和代码可靠性的重要功能之一。Go 语言的垃圾回收机制经过多年的演进，已经变得非常高效和智能。什么是垃圾回收？垃圾回收是一种自动内存管理技术，用于回收程序中不再使用的内存资源。这种技术可以减少内存泄漏和其..."
       },
       "catalog": [
@@ -10334,8 +10336,8 @@
         }
       ],
       "realName": "hn222ds8l0mhz091",
-      "relativePath": "\\💻 编程语言\\Go\\🎁 最佳实践\\hn222ds8l0mhz091.md",
-      "docPath": "docs\\doc\\💻 编程语言\\Go\\🎁 最佳实践"
+      "relativePath": "/💻 编程语言/Go/🎁 最佳实践/hn222ds8l0mhz091.md",
+      "docPath": "docs/doc/💻 编程语言/Go/🎁 最佳实践"
     },
     {
       "id": 172185765,
@@ -10688,12 +10690,12 @@
     {
       "id": 171439962,
       "doc_id": "gw3x2w4gvo9f3p6d",
-      "updated": 1722943718000,
+      "updated": 1722947532000,
       "properties": {
         "title": "🔥 Golang学习笔记",
         "urlname": "gw3x2w4gvo9f3p6d",
         "date": "2024-05-28 16:57:23",
-        "updated": "2024-08-06 19:28:38",
+        "updated": "2024-08-06 20:32:12",
         "cover": "https://cdn.nlark.com/yuque/0/2022/png/22382235/1654694414190-af83c57e-5dd5-4bc1-813d-4703d10bf870.png",
         "description": "安装环境安装环境=安装golang环境+编辑器安装golang环境：https://www.runoob.com/go/go-environment.html，注意配置环境变量，大致有三个：安装编辑器：goland（只有30天免费使用）或者直接使用sublime text（配置教程）或VSCo..."
       },
@@ -11204,12 +11206,12 @@
     {
       "id": 170922417,
       "doc_id": "kewfeh2gmbrr6p0q",
-      "updated": 1716889667000,
+      "updated": 1723710888000,
       "properties": {
-        "title": "🔥 MySQL面试必问（一）",
+        "title": "MySQL面试必问（一）🔥",
         "urlname": "kewfeh2gmbrr6p0q",
         "date": "2024-05-24 12:43:33",
-        "updated": "2024-05-28 17:47:47",
+        "updated": "2024-08-15 16:34:48",
         "cover": "https://cdn.nlark.com/yuque/0/2021/png/22382235/1630507852986-80aef639-4ae5-4f18-88d1-932c3606d05e.png",
         "description": "数据库基础知识数据库三范式（3NF）简单来说，在关系型数据库汇总，三范式就是设计一个好的数据库所必须要遵循的一些规则。每列原子性（1NF）比如某一个数据表中有“地址”信息，但是实际业务场景下经常查询“地址”中的城市部分，那么就需要将“地址”拆分成多个部分来保存（否则的话，实际业务场景还需要在地..."
       },
@@ -11224,8 +11226,8 @@
         }
       ],
       "realName": "kewfeh2gmbrr6p0q",
-      "relativePath": "\\📚 计算机基础\\MySQL\\kewfeh2gmbrr6p0q.md",
-      "docPath": "docs\\doc\\📚 计算机基础\\MySQL"
+      "relativePath": "/📚 计算机基础/MySQL/kewfeh2gmbrr6p0q.md",
+      "docPath": "docs/doc/📚 计算机基础/MySQL"
     },
     {
       "id": 170897593,
@@ -12572,6 +12574,28 @@
       "realName": "ls3yv2g2ssevtkvo",
       "relativePath": "/🔥 程序员自我修养/环境安装😭/ls3yv2g2ssevtkvo.md",
       "docPath": "docs/doc/🔥 程序员自我修养/环境安装😭"
+    },
+    {
+      "id": 181246765,
+      "doc_id": "kxspepu7t1b7783v",
+      "updated": 1723032382000,
+      "properties": {
+        "title": "计算机网络面试必问",
+        "urlname": "kxspepu7t1b7783v",
+        "date": "2024-08-07 12:53:57",
+        "updated": "2024-08-07 20:06:22",
+        "cover": "https://cdn.nlark.com/yuque/0/2024/png/22382235/1722953399419-c3811ae6-707c-48c1-8a48-d32f46d24b40.png?x-oss-process=image%2Fformat%2Cwebp",
+        "description": "HTTP常用的状态码及其含义HTTP状态码是用来表示服务器响应客户端请求的状态。常用的状态码分为以下几类：状态码含义200OK：请求成功，服务器已返回所请求的数据。201Created：请求成功并且服务器创建了新的资源。204No Content：服务器成功处理了请求，但没有返回任何内容。30..."
+      },
+      "catalog": [
+        {
+          "title": "💹 大厂面经",
+          "doc_id": "kxspepu7t1b7783v"
+        }
+      ],
+      "realName": "kxspepu7t1b7783v",
+      "relativePath": "/💹 大厂面经/kxspepu7t1b7783v.md",
+      "docPath": "docs/doc/💹 大厂面经"
     }
   ],
   "catalog": [
@@ -13552,7 +13576,7 @@
     },
     {
       "type": "DOC",
-      "title": "🔥 MySQL面试必问（一）",
+      "title": "MySQL面试必问（一）🔥",
       "uuid": "d8j8nIfk7mEGouOA",
       "url": "kewfeh2gmbrr6p0q",
       "prev_uuid": "NqPQmrLc_QZ1nPAj",
@@ -13567,7 +13591,7 @@
     },
     {
       "type": "DOC",
-      "title": "🔥 MySQL面试必问（二）",
+      "title": "MySQL面试必问（二）🔥",
       "uuid": "k9uj_UI95OXK9ikq",
       "url": "qf6b0vmagi3cbnbv",
       "prev_uuid": "d8j8nIfk7mEGouOA",
@@ -14562,7 +14586,7 @@
       "url": "htpzy6yum72pgula",
       "prev_uuid": "A8eSO-NCQw0ild1y",
       "sibling_uuid": "u2KBx-kui0oQ6a40",
-      "child_uuid": "v08I-Wt6rBgM_etV",
+      "child_uuid": "QbSmaCB_JDZ5arro",
       "parent_uuid": "Kz42HmwRUbbo3mma",
       "doc_id": 170698560,
       "level": 2,
@@ -14570,12 +14594,27 @@
       "open_window": 1,
       "visible": 1
     },
+    {
+      "type": "DOC",
+      "title": "Go到底能做什么？不能做什么？",
+      "uuid": "QbSmaCB_JDZ5arro",
+      "url": "ihwoz00dunyzo09m",
+      "prev_uuid": "YOd5pEsvtecnipV1",
+      "sibling_uuid": "v08I-Wt6rBgM_etV",
+      "child_uuid": "",
+      "parent_uuid": "YOd5pEsvtecnipV1",
+      "doc_id": 174403073,
+      "level": 3,
+      "id": 174403073,
+      "open_window": 1,
+      "visible": 1
+    },
     {
       "type": "DOC",
       "title": "Go内存模型详解",
       "uuid": "v08I-Wt6rBgM_etV",
       "url": "muby5dz3x4wlzb5k",
-      "prev_uuid": "YOd5pEsvtecnipV1",
+      "prev_uuid": "QbSmaCB_JDZ5arro",
       "sibling_uuid": "0mSAwTN00OhNernO",
       "child_uuid": "",
       "parent_uuid": "YOd5pEsvtecnipV1",
@@ -14591,7 +14630,7 @@
       "uuid": "0mSAwTN00OhNernO",
       "url": "acksp7eld7k9p7ag",
       "prev_uuid": "v08I-Wt6rBgM_etV",
-      "sibling_uuid": "QbSmaCB_JDZ5arro",
+      "sibling_uuid": "OQU4CuyqNKP1JxfO",
       "child_uuid": "",
       "parent_uuid": "YOd5pEsvtecnipV1",
       "doc_id": 174403422,
@@ -14600,27 +14639,12 @@
       "open_window": 1,
       "visible": 1
     },
-    {
-      "type": "DOC",
-      "title": "Go到底能做什么？不能做什么？",
-      "uuid": "QbSmaCB_JDZ5arro",
-      "url": "ihwoz00dunyzo09m",
-      "prev_uuid": "0mSAwTN00OhNernO",
-      "sibling_uuid": "OQU4CuyqNKP1JxfO",
-      "child_uuid": "",
-      "parent_uuid": "YOd5pEsvtecnipV1",
-      "doc_id": 174403073,
-      "level": 3,
-      "id": 174403073,
-      "open_window": 1,
-      "visible": 1
-    },
     {
       "type": "DOC",
       "title": "Go 语言的内存模型",
       "uuid": "OQU4CuyqNKP1JxfO",
       "url": "gngndpw23pnmp9ui",
-      "prev_uuid": "QbSmaCB_JDZ5arro",
+      "prev_uuid": "0mSAwTN00OhNernO",
       "sibling_uuid": "P5MzyabivdN61cQG",
       "child_uuid": "",
       "parent_uuid": "YOd5pEsvtecnipV1",
@@ -17592,7 +17616,7 @@
       "url": "gc6kwq2a9iufudga",
       "prev_uuid": "g79LhyuCIcy2z2cx",
       "sibling_uuid": "w3lr-82OziASjvSa",
-      "child_uuid": "k38gbMVOoHwtcD2F",
+      "child_uuid": "aVKd4kGVa0tNyVRo",
       "parent_uuid": "",
       "doc_id": 169649865,
       "level": 0,
@@ -17600,12 +17624,27 @@
       "open_window": 1,
       "visible": 1
     },
+    {
+      "type": "DOC",
+      "title": "计算机网络面试必问",
+      "uuid": "aVKd4kGVa0tNyVRo",
+      "url": "kxspepu7t1b7783v",
+      "prev_uuid": "uHCIfCp4Xzc-fCfY",
+      "sibling_uuid": "k38gbMVOoHwtcD2F",
+      "child_uuid": "",
+      "parent_uuid": "uHCIfCp4Xzc-fCfY",
+      "doc_id": 181246765,
+      "level": 1,
+      "id": 181246765,
+      "open_window": 1,
+      "visible": 1
+    },
     {
       "type": "DOC",
       "title": "图像算法工程师面试",
       "uuid": "k38gbMVOoHwtcD2F",
       "url": "lk1hgmd5h9mrgodd",
-      "prev_uuid": "uHCIfCp4Xzc-fCfY",
+      "prev_uuid": "aVKd4kGVa0tNyVRo",
       "sibling_uuid": "NcVLTZK8sE8hkJmb",
       "child_uuid": "",
       "parent_uuid": "uHCIfCp4Xzc-fCfY",