Merge branch 'cl-js-async'

添加网站 logo

.vitepress/config.ts

@@ -7,7 +7,12 @@ export default defineConfig({
   cleanUrls: true,
   srcDir: './src',
 
+  head: [
+    ['link', { rel: 'icon', type: 'image', href: '/blog/site-logo-circle.png' }]
+  ],
+
   themeConfig: {
+    logo: { src: '/site-logo.jpg', width: 24, height: 24 },
     nav: [
       { text: '主页', link: '/' },
       { text: '前端', link: '/frontend/git-submodule', activeMatch: '/frontend/' },
@@ -94,7 +99,7 @@ export default defineConfig({
       prev: '上一页',
       next: '下一页'
     },
-    
+
     lastUpdated: {
       text: '最后更新于',
       formatOptions: {

src/frontend/corepack.md

@@ -4,9 +4,15 @@ Node 版本管理使用 nvm 等，如果想要管理包管理器 pnpm 的版本
 ## 快速上手
 1. 启用 corepack，默认是禁用的，需要手动启用
 
-```bash
-corepack enable
-```
+    - 管理 yarn 和 pnpm
+    ```sh
+    corepack enable
+    ```
+
+    - 只管理 pnpm
+    ```sh
+    corepack enable pnpm
+    ```
 
 2. 打开一个 node 项目，项目需指定包管理器的版本
 
@@ -18,7 +24,7 @@ corepack enable
 
 3. 在项目文件目录下直接执行如下命令即可，若电脑上没有安装指定的 pnpm 版本，corepack 会为你安装此项目指定的版本
 
-```bash
+```sh
 pnpm install
 ```
 
@@ -44,8 +50,7 @@ pnpm install
 
 - Windows
 
-```bash
-# powershell
+```sh
 setx COREPACK_NPM_REGISTRY https://registry.npmmirror.com
 ```
 
@@ -54,5 +59,5 @@ setx COREPACK_NPM_REGISTRY https://registry.npmmirror.com
 在 `.zshrc` 或 `.bashrc` 末尾添加 `export COREPACK_NPM_REGISTRY=$(npm config get registry)`
 
 ::: info 注意
-我没有Mac，没有试过，此方法是在 GitHub 上寻找的
+我没有 Mac 和 Linux，没有试过，此方法是在 GitHub 上寻找的，应该有效
 :::

src/frontend/git-commit.md

@@ -7,35 +7,39 @@ Git commit 是 Git 版本控制系统中用于记录和描述每次代码变更
 Git commit 信息规范通常包括以下几个部分：
 
 1. **标题（Subject）**:
-   - **格式**: `类型: 描述`
-   - **类型**: 常见的类型有 `feat`（功能）、`fix`（修复）、`docs`（文档）、`style`（代码风格）、`refactor`（重构）、`test`（测试）、`chore`（杂项）。
-   - **描述**: 描述应简洁明了，一般不超过50个字符，使用现在时态。
 
-   **示例**:
-   - `feat: 添加用户登录功能`
-   - `fix: 修复头像上传时的崩溃问题`
+    - **格式**: `类型: 描述`
+    - **类型**: 常见的类型有 `feat`（功能）、`fix`（修复）、`docs`（文档）、`style`（代码风格）、`refactor`（重构）、`test`（测试）、`chore`（杂项）。
+    - **描述**: 描述应简洁明了，一般不超过50个字符，使用现在时态。
+
+    **示例**:
+    - `feat: 添加用户登录功能`
+    - `fix: 修复头像上传时的崩溃问题`
 
 2. **正文（Body）**（可选）:
-   - **格式**: 每行不超过72个字符，用于详细描述更改的内容和原因。
-   - **内容**: 解释为什么要进行这些更改，详细描述改动的细节和背景信息。
-   - **分段**: 使用空行分隔不同的段落，使内容更易读。
 
-   **示例**:
-   ```
-   修复头像上传时的崩溃问题，这个问题是在上传大文件时触发的。
-   通过增加错误处理逻辑和优化上传接口解决了这个问题。
-   ```
+    - **格式**: 每行不超过72个字符，用于详细描述更改的内容和原因。
+    - **内容**: 解释为什么要进行这些更改，详细描述改动的细节和背景信息。
+    - **分段**: 使用空行分隔不同的段落，使内容更易读。
+
+    **示例**:
+    ```
+    修复头像上传时的崩溃问题，这个问题是在上传大文件时触发的。
+    通过增加错误处理逻辑和优化上传接口解决了这个问题。
+    ```
 
 3. **页脚（Footer）**（可选）:
-   - **格式**: 通常用于引用相关的任务编号、Bug跟踪系统的ID或其他重要的信息。
-   - **内容**: 可包括 `Fixes #123`（表示修复了问题编号123）或者 `Related to #456`（与问题编号456相关）。
 
-   **示例**:
-   ```
-   Fixes #123
-   ```
+    - **格式**: 通常用于引用相关的任务编号、Bug跟踪系统的ID或其他重要的信息。
+    - **内容**: 可包括 `Fixes #123`（表示修复了问题编号123）或者 `Related to #456`（与问题编号456相关）。
+
+    **示例**:
+    ```
+    Fixes #123
+    ```
 
 ## 完整示例
+
 ```
 feat: 添加用户登录功能
 
@@ -45,20 +49,21 @@ feat: 添加用户登录功能
 
 Fixes #456
 ```
+
 ## 如何提交
 
-1. **手动提交**:
-  - 提交时输入规范的消息：
-    ```bash
-    git commit -m "feat: 添加用户登录功能" -m "实现了用户登录功能，包括前端表单验证和后端API接口。" -m "" -m "详细说明：" -m "- 前端: 使用了新的登录组件" -m "- 后端: 新增了登录API和用户认证逻辑" -m "" -m "Fixes #456"
-     ```
+1. **如果只有标题，使用 `git commit -m "feat: 添加用户登录功能"`**
 
 2. **使用 `git commit` 编辑提交信息**:
-   - 不使用 `-m` 参数而是直接运行 `git commit`，会打开默认的文本编辑器，你可以在这里编辑提交信息：
-     ```bash
-     git commit
-     ```
-   - 在编辑器中，你可以按照规范输入标题、正文和页脚。
 
+    - 不使用 `-m` 参数而是直接运行 `git commit`，会打开默认的文本编辑器，你可以在这里编辑提交信息：
+
+        ```bash
+        git commit
+        ```
+
+    - 在编辑器中，你可以按照规范输入标题、正文和页脚
+
+        ![git-commit-editor-message](/git-commit-editor-message.png)
 
-这样规范化的提交信息有助于保持版本控制的清晰和一致性，使团队成员更容易理解每次提交的目的和内容。
+3. **使用第三方软件编辑提交，例如 Sourcetree, Fork**

src/frontend/js-async.md

@@ -0,0 +1,45 @@
+# JavaScript 异步
+下面是学习 JavaScript 异步知识的笔记
+
+## try...catch
+try...catch 语句由一个 try 块和一个 catch 块或 finally 块（或两者皆有）组成。首先执行 try 块中的代码，如果它抛出异常，则将执行 catch 块中的代码。finally 块中的代码将在控制流退出整个结构之前始终被执行。
+
+```js
+try {
+  tryStatements
+} catch (exceptionVar) {
+  catchStatements
+} finally {
+  finallyStatements
+}
+```
+::: info 注意
+- `(exceptionVar)` 是可选的
+- 与其他结构（如 if 或 for）不同，try、catch 和 finally 块必须是块，而不是单个语句
+:::
+
+## throw
+throw 语句用于抛出用户自定义的异常。当前函数的执行将停止（throw 之后的语句不会被执行），并且控制权将传递给调用堆栈中第一个 catch 块。如果调用函数中没有 catch 块，则程序将终止。
+
+```js
+throw expression // expression 是表达式
+```
+
+::: info 注意
+- throw 关键字后面可以跟任何类型的表达式，例如：
+
+```js
+throw error // 抛出之前定义的值（例如，在 catch 块中）
+throw new Error("Required") // 抛出一个新的错误对象
+```
+
+- 在实践中，你抛出的异常应该始终是 Error 对象或 Error 子类的实例，例如 RangeError、TypeError。这是因为捕获错误的代码可能期望捕获的值具有一些属性，例如错误信息。
+:::
+
+## 时间顺序
+1. promise
+2. async, await
+
+## 不懂的知识点
+1. 回调地狱，是怎么执行的，为什么是那样执行
+2. 多个 .then 是依次执行的吗

src/index.md

@@ -3,7 +3,7 @@ layout: home
 
 hero:
   name: "编程之旅"
-  text: "非正式的技术分享博客"
+  text: "你好，这是我的非正式技术分享博客"
   tagline: "有趣，实用，好玩"
   actions:
     - theme: brand
@@ -14,7 +14,7 @@ hero:
       link: '/me'
 
   image:
-    src: /vitepress-logo-large.webp
+    src: /site-logo.jpg
     alt: VitePress
 
 features:
@@ -40,12 +40,16 @@ features:
 <style>
 :root {
   --vp-home-hero-name-color: transparent;
-  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
+  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #98e98e 30%, #e180d2);
 
-  --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
+  --vp-home-hero-image-background-image: linear-gradient(-45deg, #69acdf 50%, #99dcb0 50%);
   --vp-home-hero-image-filter: blur(44px);
 }
 
+img {
+  border-radius: 50%;
+}
+
 @media (min-width: 640px) {
   :root {
     --vp-home-hero-image-filter: blur(56px);
@@ -58,4 +62,3 @@ features:
   }
 }
 </style>
-