update docs

GuoXiCheng · Jun 12, 2024 · b8280f1 · b8280f1
1 parent 9dbd174
commit b8280f1
Show file tree

Hide file tree

Showing 7 changed files with 51 additions and 13 deletions.
diff --git a/src/.vitepress/config.mts b/src/.vitepress/config.mts
@@ -20,9 +20,23 @@ export default defineConfig(
       // https://vitepress.dev/reference/default-theme-config
       nav: [
         { text: "Home", link: "/" },
-        { text: "JavaScript", link: "/javascript/index" },
-        { text: "Vue", link: "/vue/index" },
-        { text: "前端", link: "/frontend/index" },
+        {
+          text: "JavaScript",
+          link: "/javascript/introduction/what-is-javascript",
+        },
+        {
+          text: "前端",
+          items: [
+            {
+              text: "Vue",
+              link: "frontend/vue/introduction/what-is-vue",
+            },
+            {
+              text: "React",
+              link: "frontend/react/introduction/what-is-react",
+            },
+          ],
+        },
         { text: "后端", link: "/backend/nodejs/index" },
         { text: "云原生", link: "/cloud-native/index" },
         { text: "AI", link: "/ai/index" },

diff --git a/src/.vitepress/sidebar.yaml b/src/.vitepress/sidebar.yaml
@@ -110,14 +110,22 @@
     items:
       - text: screen
         link: /screen
-/vue:
+/frontend/vue:
+  - text: Vue 介绍
+    items:
+      - text: 什么是 Vue
+        link: /frontend/vue/introduction/what-is-vue
   - text: Vue
     items:
       - text: 核心概念
         items:
           - text: 模版语法
-            link: /vue/core-concepts/template-syntax
-/frontend:
+            link: /frontend/vue/core-concepts/template-syntax
+/frontend/react:
+  - text: React 介绍
+    items:
+      - text: 什么是 React
+        link: /frontend/react/introduction/what-is-react
   - text: React
     items:
       - text: 核心概念

diff --git a/src/frontend/react/introduction/what-is-react.md b/src/frontend/react/introduction/what-is-react.md
@@ -0,0 +1,5 @@
+# 什么是 React
+
+## React 是什么
+
+React 是一个用于构建用户界面的 JavaScript 库。它由 Facebook 团队开发，于 2013 年首次发布。React 专注于提供高性能、可维护且易于理解的代码。
diff --git a/src/vue/core-concepts/template-syntax.md → ...tend/vue/core-concepts/template-syntax.md b/src/vue/core-concepts/template-syntax.md → ...tend/vue/core-concepts/template-syntax.md
diff --git a/src/vue/index.md → src/frontend/vue/index.md b/src/vue/index.md → src/frontend/vue/index.md
diff --git a/src/frontend/vue/introduction/what-is-vue.md b/src/frontend/vue/introduction/what-is-vue.md
@@ -0,0 +1,11 @@
+# 什么是 Vue
+
+## Vue 是什么
+
+Vue 是一套用于构建用户界面的渐进式 JavaScript 框架。
+
+::: details 什么是渐进式
+渐进式意味着 Vue 被设计为可以逐步采用。
+
+开发者可以在开始时只用 Vue 处理简单的界面任务，然后逐步引入更多的 Vue 特性，最后构建为更为复杂的应用。
+:::
diff --git a/src/index.md b/src/index.md
@@ -117,13 +117,13 @@ import MarkMap from './MarkMap.vue';
         - [受控组件](frontend/react/form/controlled)
         - [非受控组件](frontend/react/form/uncontrolled)
         - [FormData](frontend/react/form/form-data)
-  - Vue
-    - 核心概念
-      - [模版语法](vue/core-concepts/template-syntax)
-        - [插值](vue/core-concepts/template-syntax#文本插值)
-        - [原始 HTML](vue/core-concepts/template-syntax#原始-html)
-        - [属性绑定](vue/core-concepts/template-syntax#属性绑定)
-        - [表达式](vue/core-concepts/template-syntax#表达式)
+    - Vue
+      - 核心概念
+        - [模版语法](frontend/vue/core-concepts/template-syntax)
+          - [插值](frontend/vue/core-concepts/template-syntax#文本插值)
+          - [原始 HTML](frontend/vue/core-concepts/template-syntax#原始-html)
+          - [属性绑定](frontend/vue/core-concepts/template-syntax#属性绑定)
+          - [表达式](frontend/vue/core-concepts/template-syntax#表达式)
   - 后端
     - NodeJS
       - [关于 NodeJS](backend/nodejs/about-nodejs)