Skip to content

中文

This page demonstrates usage of some of the runtime APIs provided by VitePress.

The main useData() API can be used to access site, theme, and page data for the current page. It works in both .md and .vue files:

md
<script setup>
import { useData } from 'vitepress'

const { theme, page, frontmatter } = useData()
</script>

## Results

### Theme Data
<pre>{{ theme }}</pre>

### Page Data
<pre>{{ page }}</pre>

### Page Frontmatter
<pre>{{ frontmatter }}</pre>

Results

Theme Data

{
  "nav": [
    {
      "text": "首页",
      "link": "/zh/"
    },
    {
      "text": "文档",
      "link": "/zh/start"
    }
  ],
  "sidebar": [
    {
      "text": "指南",
      "items": [
        {
          "text": "开始",
          "link": "/zh/start"
        },
        {
          "text": "简历",
          "link": "/zh/CV"
        }
      ]
    },
    {
      "text": "Web基础知识",
      "link": "/zh/base/",
      "collapsed": false,
      "items": [
        {
          "text": "基本语言",
          "collapsed": true,
          "link": "/zh/base/language/",
          "items": [
            {
              "text": "HTML",
              "collapsed": true,
              "link": "/zh/base/language/html/"
            },
            {
              "text": "JavaScript",
              "collapsed": true,
              "link": "/zh/base/language/javascript/"
            },
            {
              "text": "CSS",
              "collapsed": true,
              "link": "/zh/base/language/css/"
            }
          ]
        },
        {
          "text": "计算机网络基础",
          "collapsed": true,
          "items": [
            {
              "text": "网络模型",
              "collapsed": true,
              "items": [
                {
                  "text": "OSI 模型"
                },
                {
                  "text": "TCP/IP 模型"
                }
              ]
            },
            {
              "text": "网络协议",
              "collapsed": true,
              "items": [
                {
                  "text": "网络层及以下",
                  "items": [
                    {
                      "text": "ICMP"
                    },
                    {
                      "text": "ARP"
                    },
                    {
                      "text": "DNS"
                    }
                  ]
                },
                {
                  "text": "应用层",
                  "items": [
                    {
                      "text": "HTTP/HTTPS"
                    },
                    {
                      "text": "WebSocket"
                    },
                    {
                      "text": "SSL/TLS"
                    }
                  ]
                }
              ]
            },
            {
              "text": "网络设备",
              "collapsed": true,
              "items": [
                {
                  "text": "路由器"
                },
                {
                  "text": "交换机"
                },
                {
                  "text": "网关"
                },
                {
                  "text": "移动网络",
                  "items": [
                    {
                      "text": "架构"
                    },
                    {
                      "text": "设备"
                    },
                    {
                      "text": "协议"
                    }
                  ]
                }
              ]
            }
          ]
        },
        {
          "text": "浏览器基础",
          "collapsed": true,
          "items": [
            {
              "text": "浏览器渲染原理"
            },
            {
              "text": "浏览器缓存机制"
            },
            {
              "text": "浏览器安全"
            }
          ]
        }
      ]
    },
    {
      "text": "Web进阶知识",
      "collapsed": false,
      "items": [
        {
          "text": "语言",
          "collapsed": true,
          "items": [
            {
              "text": "Markdown"
            },
            {
              "text": "TypeScript"
            },
            {
              "text": "CSS预处理",
              "collapsed": true,
              "items": [
                {
                  "text": "Sass"
                },
                {
                  "text": "Less"
                },
                {
                  "text": "PostCSS"
                },
                {
                  "text": "tailwind CSS"
                },
                {
                  "text": "UnoCSS"
                }
              ]
            },
            {
              "text": "JSON"
            },
            {
              "text": "YAML"
            }
          ]
        },
        {
          "text": "Web API",
          "collapsed": true,
          "items": [
            {
              "text": "Web Components"
            },
            {
              "text": "Web Assembly"
            },
            {
              "text": "WebRTC API"
            },
            {
              "text": "Server-Sent Events"
            },
            {
              "text": "Fetch API"
            },
            {
              "text": "WebSocket"
            },
            {
              "text": "Web Storage API"
            },
            {
              "text": "IndexedDB"
            },
            {
              "text": "Web Workers API"
            }
          ]
        },
        {
          "text": "模块管理",
          "collapsed": true,
          "items": [
            {
              "text": "CommonJS"
            },
            {
              "text": "ES Module"
            }
          ]
        },
        {
          "text": "包管理器",
          "collapsed": true,
          "items": [
            {
              "text": "系统级",
              "collapsed": true,
              "items": [
                {
                  "text": "Homebrew"
                },
                {
                  "text": "apt-get"
                },
                {
                  "text": "yum"
                },
                {
                  "text": "Chocolatey"
                }
              ]
            },
            {
              "text": "框架级",
              "collapsed": true,
              "items": [
                {
                  "text": "NPM"
                },
                {
                  "text": "pip3"
                },
                {
                  "text": "Cargo"
                }
              ]
            }
          ]
        },
        {
          "text": "JS扩展库",
          "collapsed": true,
          "items": [
            {
              "text": "Lodash-es"
            },
            {
              "text": "Day.js"
            },
            {
              "text": "uuid"
            },
            {
              "text": "axios"
            },
            {
              "text": "i18next"
            },
            {
              "text": "crypto.js"
            }
          ]
        }
      ]
    },
    {
      "text": "前端框架",
      "collapsed": false,
      "link": "/zh/frontend-framework/",
      "items": [
        {
          "text": "UI框架",
          "collapsed": true,
          "link": "/zh/frontend-framework/ui/",
          "items": [
            {
              "text": "React"
            },
            {
              "text": "Vue"
            },
            {
              "text": "Angular"
            },
            {
              "text": "Solid"
            },
            {
              "text": "Svelte"
            },
            {
              "text": "Preact"
            }
          ]
        },
        {
          "text": "元框架",
          "collapsed": true,
          "link": "/zh/frontend-framework/meta/",
          "items": [
            {
              "text": "Next.js"
            },
            {
              "text": "Nuxt.js"
            },
            {
              "text": "Astro"
            },
            {
              "text": "Qwik"
            },
            {
              "text": "Remix"
            },
            {
              "text": "SolidStart"
            },
            {
              "text": "SvelteKit"
            }
          ]
        },
        {
          "text": "静态网站框架",
          "collapsed": true,
          "link": "/zh/frontend-framework/ssg/",
          "items": [
            {
              "text": "Docusaurus"
            },
            {
              "text": "VitePress",
              "collapsed": true,
              "link": "/zh/frontend-framework/ssg/vite-press/",
              "items": [
                {
                  "text": "入门",
                  "link": "/zh/frontend-framework/ssg/vite-press/getting-started.md"
                },
                {
                  "text": "指南",
                  "collapsed": true,
                  "items": [
                    {
                      "text": "基础",
                      "link": "/zh/frontend-framework/ssg/vite-press/guideline-base.md"
                    },
                    {
                      "text": "高级",
                      "link": "/zh/frontend-framework/ssg/vite-press/guideline-advance.md"
                    },
                    {
                      "text": "其他"
                    }
                  ]
                },
                {
                  "text": "API"
                }
              ]
            },
            {
              "text": "Slidev",
              "collapsed": true,
              "link": "/zh/frontend-framework/ssg/slidev/",
              "items": [
                {
                  "text": "入门",
                  "link": "/zh/frontend-framework/ssg/slidev/getting-started.md"
                },
                {
                  "text": "指南",
                  "collapsed": true,
                  "items": [
                    {
                      "text": "基础",
                      "link": "/zh/frontend-framework/ssg/slidev/guide-line/base.md"
                    },
                    {
                      "text": "高级",
                      "link": "/zh/frontend-framework/ssg/slidev/guide-line/advance.md"
                    },
                    {
                      "text": "内置",
                      "link": "/zh/frontend-framework/ssg/slidev/guide-line/built-in.md"
                    },
                    {
                      "text": "其他",
                      "link": "/zh/frontend-framework/ssg/slidev/guide-line/other.md"
                    }
                  ]
                },
                {
                  "text": "参考",
                  "link": "/zh/frontend-framework/ssg/slidev/reference.md"
                }
              ]
            }
          ]
        },
        {
          "text": "组件库",
          "link": "/zh/frontend-framework/components/",
          "collapsed": true,
          "items": [
            {
              "text": "Element Plus"
            },
            {
              "text": "Vuetify"
            },
            {
              "text": "Vant UI"
            },
            {
              "text": "Ant Design"
            },
            {
              "text": "Nuxt UI"
            },
            {
              "text": "shadcn"
            }
          ]
        },
        {
          "text": "状态库",
          "collapsed": true,
          "items": [
            {
              "text": "Pinia"
            },
            {
              "text": "Zustand"
            },
            {
              "text": "Redux"
            }
          ]
        },
        {
          "text": "路由库",
          "collapsed": true,
          "items": [
            {
              "text": "Vue Router"
            },
            {
              "text": "React Router"
            },
            {
              "text": "React Navigation"
            }
          ]
        },
        {
          "text": "复用库",
          "collapsed": true,
          "items": [
            {
              "text": "VueUse"
            },
            {
              "text": "VueHooks Plus"
            },
            {
              "text": "Ahooks"
            },
            {
              "text": "React Use"
            }
          ]
        },
        {
          "text": "其他",
          "collapsed": true,
          "link": "/zh/frontend-framework/others",
          "items": [
            {
              "text": "Iconify"
            },
            {
              "text": "Shiki"
            },
            {
              "text": "Markdown-it"
            },
            {
              "text": "TanStack Query"
            },
            {
              "text": "Vee-validate",
              "collapsed": true,
              "link": "/zh/frontend-framework/others/vee-validate/",
              "items": [
                {
                  "text": "入门"
                },
                {
                  "text": "指南"
                },
                {
                  "text": "例子"
                },
                {
                  "text": "集成"
                }
              ]
            },
            {
              "text": "Vue-i18n Vue3",
              "collapsed": true,
              "link": "/zh/frontend-framework/others/vue-i18n/",
              "items": [
                {
                  "text": "入门",
                  "link": "/zh/frontend-framework/others/vue-i18n/getting-started"
                },
                {
                  "text": "指南",
                  "collapsed": true,
                  "link": "/zh/frontend-framework/others/vue-i18n/guide-line",
                  "items": [
                    {
                      "text": "基础"
                    },
                    {
                      "text": "高级"
                    },
                    {
                      "text": "其他"
                    }
                  ]
                },
                {
                  "text": "API"
                }
              ]
            }
          ]
        }
      ]
    },
    {
      "text": "前端基础工具链",
      "collapsed": false,
      "items": [
        {
          "text": "构建工具",
          "collapsed": true,
          "items": [
            {
              "text": "Vite"
            },
            {
              "text": "Webpack"
            },
            {
              "text": "Turbopack"
            }
          ]
        },
        {
          "text": "编译器",
          "collapsed": true,
          "items": [
            {
              "text": "Babel"
            },
            {
              "text": "SWC"
            },
            {
              "text": "tsc"
            }
          ]
        },
        {
          "text": "打包工具",
          "collapsed": true,
          "items": [
            {
              "text": "esBuild"
            },
            {
              "text": "rollup"
            },
            {
              "text": "rolldown"
            },
            {
              "text": "rspack"
            }
          ]
        },
        {
          "text": "开发服务器",
          "collapsed": true,
          "items": [
            {
              "text": "Live Server"
            },
            {
              "text": "BrowserSync"
            }
          ]
        }
      ]
    },
    {
      "text": "前端开发工具",
      "collapsed": false,
      "items": [
        {
          "text": "IDE",
          "collapsed": true,
          "items": [
            {
              "text": "VScode"
            },
            {
              "text": "WebStorm"
            }
          ]
        },
        {
          "text": "版本控制",
          "collapsed": true,
          "items": [
            {
              "text": "Git"
            }
          ]
        },
        {
          "text": "静态分析工具",
          "collapsed": true,
          "items": [
            {
              "text": "ESLint"
            },
            {
              "text": "Prettier",
              "collapsed": true,
              "link": "/zh/frontend-develop-tools/static-analysis/prettier/",
              "items": [
                {
                  "text": "入门",
                  "link": "/zh/frontend-develop-tools/static-analysis/prettier/getting-started.md"
                },
                {
                  "text": "指南",
                  "collapsed": true,
                  "items": [
                    {
                      "text": "基础",
                      "link": "/zh/frontend-develop-tools/static-analysis/prettier/guideline-base.md"
                    },
                    {
                      "text": "高级",
                      "collapsed": true,
                      "items": [
                        {
                          "text": "配置",
                          "link": "/zh/frontend-develop-tools/static-analysis/prettier/guideline-adadvance/configurations.md"
                        },
                        {
                          "text": "集成",
                          "link": "/zh/frontend-develop-tools/static-analysis/prettier/guideline-adadvance/integration.md"
                        }
                      ]
                    },
                    {
                      "text": "其他",
                      "link": "/zh/frontend-develop-tools/static-analysis/prettier/guideline-others.md"
                    }
                  ]
                },
                {
                  "text": "参考",
                  "link": "/zh/frontend-develop-tools/static-analysis/prettier/reference.md"
                }
              ]
            },
            {
              "text": "Biome"
            },
            {
              "text": "StyleLint"
            },
            {
              "text": "EditorConfig"
            }
          ]
        },
        {
          "text": "在线编辑器",
          "collapsed": true,
          "items": [
            {
              "text": "StackBlitz"
            },
            {
              "text": "CodeSandbox"
            },
            {
              "text": "Expo"
            }
          ]
        },
        {
          "text": "文档生成器",
          "collapsed": true,
          "items": [
            {
              "text": "JSdoc"
            },
            {
              "text": "TypeDoc"
            },
            {
              "text": "TSDoc"
            },
            {
              "text": "SassDoc"
            }
          ]
        }
      ]
    },
    {
      "text": "前端测试",
      "collapsed": false,
      "items": [
        {
          "text": "单元测试",
          "collapsed": true,
          "items": [
            {
              "text": "Jest"
            },
            {
              "text": "Vitest"
            },
            {
              "text": "VueTestUtils"
            },
            {
              "text": "Axios Mock Adapter"
            },
            {
              "text": "MSW"
            },
            {
              "text": "Testing Library"
            },
            {
              "text": "Vue Router Mock"
            }
          ]
        },
        {
          "text": "端到端测试",
          "collapsed": true,
          "items": [
            {
              "text": "Cypress"
            },
            {
              "text": "Playwright"
            }
          ]
        },
        {
          "text": "其他工具",
          "collapsed": true,
          "items": [
            {
              "text": "Mailtrap"
            }
          ]
        }
      ]
    },
    {
      "text": "前端优化",
      "collapsed": false,
      "items": [
        {
          "text": "浏览器工具",
          "collapsed": true,
          "items": [
            {
              "text": "Chrome DevTools"
            },
            {
              "text": "Firefox Developer Tools"
            },
            {
              "text": "React DevTools"
            },
            {
              "text": "Vue DevTools"
            }
          ]
        },
        {
          "text": "性能优化",
          "collapsed": true,
          "items": [
            {
              "text": "异步组件"
            },
            {
              "text": "按需引入"
            },
            {
              "text": "虚拟化"
            },
            {
              "text": "事件及属性优化"
            },
            {
              "text": "性能评估",
              "items": [
                {
                  "text": "Lighthouse"
                },
                {
                  "text": "Webpack Bundle Analyzer"
                },
                {
                  "text": "rollup-plugin-visualizer"
                }
              ]
            }
          ]
        },
        {
          "text": "代码优化",
          "collapsed": true,
          "items": [
            {
              "text": "代码分割"
            },
            {
              "text": "Tree Shaking"
            }
          ]
        },
        {
          "text": "网络优化",
          "collapsed": true,
          "items": [
            {
              "text": "CDN"
            },
            {
              "text": "缓存"
            },
            {
              "text": "压缩"
            }
          ]
        },
        {
          "text": "用户体验优化",
          "collapsed": true,
          "items": [
            {
              "text": "懒加载和预加载"
            },
            {
              "text": "交互优化"
            },
            {
              "text": "可访问性"
            }
          ]
        },
        {
          "text": "搜索引擎优化"
        }
      ]
    },
    {
      "text": "前端架构设计",
      "collapsed": false,
      "items": [
        {
          "text": "设计模式",
          "collapsed": true,
          "items": [
            {
              "text": "架构模式",
              "collapsed": true,
              "items": [
                {
                  "text": "MVC"
                },
                {
                  "text": "MVVM"
                }
              ]
            },
            {
              "text": "创建型",
              "collapsed": true,
              "items": [
                {
                  "text": "工厂方法"
                },
                {
                  "text": "抽象工厂"
                },
                {
                  "text": "单例模式 "
                },
                {
                  "text": "建造者模式 "
                },
                {
                  "text": "原型模式 "
                }
              ]
            },
            {
              "text": "结构型",
              "collapsed": true,
              "items": [
                {
                  "text": "适配器模式"
                },
                {
                  "text": "桥接模式"
                },
                {
                  "text": "组合模式"
                },
                {
                  "text": "装饰模式"
                },
                {
                  "text": "外观模式"
                },
                {
                  "text": "享元模式"
                },
                {
                  "text": "代理模式"
                }
              ]
            },
            {
              "text": "行为型",
              "collapsed": true,
              "items": [
                {
                  "text": "生产者模式"
                },
                {
                  "text": "责任链模式"
                },
                {
                  "text": "命令模式"
                },
                {
                  "text": "解释器模式"
                },
                {
                  "text": "迭代器模式"
                },
                {
                  "text": "中介者模式"
                },
                {
                  "text": "备忘录模式 "
                },
                {
                  "text": "观察者模式"
                },
                {
                  "text": "状态模式"
                },
                {
                  "text": "策略模式"
                },
                {
                  "text": "模板方法"
                },
                {
                  "text": "访问者模式"
                }
              ]
            }
          ]
        },
        {
          "text": "组件设计",
          "collapsed": true,
          "items": [
            {
              "text": "组件分类",
              "collapsed": true,
              "items": [
                {
                  "text": "基础"
                },
                {
                  "text": "容器"
                },
                {
                  "text": "导航"
                },
                {
                  "text": "表单"
                },
                {
                  "text": "数据展示"
                },
                {
                  "text": "反馈"
                },
                {
                  "text": "其他"
                }
              ]
            },
            {
              "text": "设计原则"
            },
            {
              "text": "文档类工具",
              "collapsed": true,
              "items": [
                {
                  "text": "Storybook"
                },
                {
                  "text": "Styleguidist"
                }
              ]
            }
          ]
        },
        {
          "text": "微前端框架",
          "collapsed": true,
          "items": [
            {
              "text": "qiankun"
            },
            {
              "text": "single spa"
            }
          ]
        }
      ]
    },
    {
      "text": "移动/桌面开发",
      "collapsed": false,
      "items": [
        {
          "text": "移动端框架",
          "collapsed": true,
          "items": [
            {
              "text": "React Native"
            },
            {
              "text": "Flutter"
            },
            {
              "text": "微信小程序"
            },
            {
              "text": "Uniapp"
            },
            {
              "text": "Ionic"
            }
          ]
        },
        {
          "text": "桌面端框架",
          "collapsed": true,
          "items": [
            {
              "text": "Electron"
            },
            {
              "text": "Tauri"
            }
          ]
        }
      ]
    },
    {
      "text": "前端可视化",
      "collapsed": false,
      "items": [
        {
          "text": "图表",
          "collapsed": true,
          "items": [
            {
              "text": "ECharts"
            },
            {
              "text": "D3.js"
            },
            {
              "text": "Chart.js"
            },
            {
              "text": "Recharts"
            },
            {
              "text": "leaflet"
            },
            {
              "text": "Mermaid"
            },
            {
              "text": "KaTeX"
            }
          ]
        },
        {
          "text": "三维",
          "collapsed": true,
          "items": [
            {
              "text": "WebGL"
            },
            {
              "text": "Three.js"
            },
            {
              "text": "Babylon"
            },
            {
              "text": "CesiumJS"
            },
            {
              "text": "ArcGIS API for JavaScript"
            }
          ]
        },
        {
          "text": "动画",
          "collapsed": true,
          "items": [
            {
              "text": "Lottie"
            },
            {
              "text": "Popmotion"
            },
            {
              "text": "Framer Motion"
            },
            {
              "text": "GSAP"
            },
            {
              "text": "Anime.js"
            },
            {
              "text": "Animate.css"
            }
          ]
        },
        {
          "text": "拖拽",
          "collapsed": true,
          "items": [
            {
              "text": "Grid Layout Plus"
            },
            {
              "text": "Vue Draggable Plus"
            },
            {
              "text": "React DnD"
            },
            {
              "text": "Interact.js"
            },
            {
              "text": "Sortable.js"
            },
            {
              "text": "Draggable.js"
            },
            {
              "text": "Hammer.js"
            },
            {
              "text": "@use-gesture"
            }
          ]
        }
      ]
    },
    {
      "text": "工程化与自动化",
      "collapsed": false,
      "items": [
        {
          "text": "DevOps",
          "collapsed": true,
          "items": [
            {
              "text": "GitHub Actions"
            },
            {
              "text": "GitLab CI/CD"
            },
            {
              "text": "Jenkins"
            },
            {
              "text": "Husky",
              "collapsed": true,
              "link": "/zh/engineering/devops/husky/",
              "items": [
                {
                  "text": "入门",
                  "link": "/zh/engineering/devops/husky/getting-started.md"
                },
                {
                  "text": "指南",
                  "link": "/zh/engineering/devops/husky/guide-line.md"
                }
              ]
            },
            {
              "text": "lint-staged",
              "collapsed": true,
              "link": "/zh/engineering/devops/lint-staged/",
              "items": [
                {
                  "text": "入门",
                  "link": "/zh/engineering/devops/lint-staged/getting-started.md"
                },
                {
                  "text": "进阶",
                  "link": "/zh/engineering/devops/lint-staged/advanced.md"
                }
              ]
            }
          ]
        },
        {
          "text": "依赖管理器",
          "collapsed": true,
          "items": [
            {
              "text": "Pnpm"
            },
            {
              "text": "Yarn"
            },
            {
              "text": "Bit"
            }
          ]
        },
        {
          "text": "容器",
          "collapsed": true,
          "items": [
            {
              "text": "Docker"
            }
          ]
        }
      ]
    },
    {
      "text": "安全",
      "collapsed": false,
      "items": [
        {
          "text": "攻击方式",
          "collapsed": true,
          "items": [
            {
              "text": "XSS"
            },
            {
              "text": "CSRF"
            },
            {
              "text": "SQL 注入"
            },
            {
              "text": "SSRF"
            },
            {
              "text": "DDoS"
            },
            {
              "text": "MITM"
            }
          ]
        },
        {
          "text": "加密",
          "collapsed": true,
          "items": [
            {
              "text": "对称加密和非对称加密"
            },
            {
              "text": "公钥基础设施"
            },
            {
              "text": "Crypto.js"
            },
            {
              "text": "Web Crypto API"
            }
          ]
        },
        {
          "text": "认证与授权",
          "collapsed": true,
          "items": [
            {
              "text": "OAuth 2.0"
            },
            {
              "text": "JWT"
            },
            {
              "text": "SAML"
            },
            {
              "text": "哈希算法"
            }
          ]
        },
        {
          "text": "安全框架",
          "collapsed": true,
          "items": [
            {
              "text": "OWASP"
            },
            {
              "text": "Helmet.js"
            },
            {
              "text": "CORS"
            },
            {
              "text": "HTTP安全头"
            }
          ]
        },
        {
          "text": "漏洞扫描",
          "collapsed": true,
          "items": [
            {
              "text": "ZAP"
            },
            {
              "text": "Burp Suite"
            },
            {
              "text": "Nessus"
            },
            {
              "text": "Nmap"
            }
          ]
        }
      ]
    },
    {
      "text": "软技能",
      "collapsed": false,
      "items": [
        {
          "text": "软件工程",
          "collapsed": true,
          "items": [
            {
              "text": "敏捷开发"
            },
            {
              "text": "Scrum"
            }
          ]
        },
        {
          "text": "开源分享",
          "collapsed": true,
          "items": [
            {
              "text": "技术社区",
              "collapsed": true,
              "items": [
                {
                  "text": "Medium"
                },
                {
                  "text": "dev.to"
                },
                {
                  "text": "stackoverflow"
                },
                {
                  "text": "掘金"
                },
                {
                  "text": "简书"
                }
              ]
            },
            {
              "text": "代码仓库",
              "collapsed": true,
              "items": [
                {
                  "text": "Github"
                },
                {
                  "text": "GitLab"
                },
                {
                  "text": "Gitee"
                }
              ]
            }
          ]
        },
        {
          "text": "团队协作",
          "collapsed": true,
          "items": [
            {
              "text": "团队协作工具",
              "collapsed": true,
              "items": [
                {
                  "text": "Jira"
                },
                {
                  "text": "Trello"
                },
                {
                  "text": "BitBucket"
                }
              ]
            },
            {
              "text": "远程协作工具",
              "collapsed": true,
              "items": [
                {
                  "text": "Slack"
                },
                {
                  "text": "Discord"
                }
              ]
            },
            {
              "text": "沟通技巧"
            },
            {
              "text": "技术写作"
            }
          ]
        }
      ]
    },
    {
      "text": "云服务",
      "collapsed": false,
      "items": [
        {
          "text": "静态网站托管",
          "collapsed": true,
          "items": [
            {
              "text": "Netlify"
            },
            {
              "text": "Vercel"
            },
            {
              "text": "Cloudflare Pages"
            },
            {
              "text": "AWS Amplify"
            },
            {
              "text": "Render"
            }
          ]
        },
        {
          "text": "通用云服务",
          "collapsed": true,
          "items": [
            {
              "text": "阿里云"
            },
            {
              "text": "Firebase"
            },
            {
              "text": "Azure"
            },
            {
              "text": "Netlify"
            },
            {
              "text": "Vercel"
            },
            {
              "text": "Cloudflare"
            },
            {
              "text": "AWS"
            }
          ]
        }
      ]
    },
    {
      "text": "后端框架",
      "collapsed": false,
      "items": [
        {
          "text": "基础框架",
          "collapsed": true,
          "items": [
            {
              "text": "Node.js"
            },
            {
              "text": "Deno"
            },
            {
              "text": "Bun"
            }
          ]
        },
        {
          "text": "应用框架",
          "collapsed": true,
          "items": [
            {
              "text": "Express"
            },
            {
              "text": "Fastify"
            },
            {
              "text": "Hono"
            }
          ]
        },
        {
          "text": "ORM框架",
          "collapsed": true,
          "items": [
            {
              "text": "TypeORM"
            },
            {
              "text": "Prisma"
            }
          ]
        }
      ]
    },
    {
      "text": "服务器基础知识",
      "collapsed": false,
      "items": [
        {
          "text": "基础工具",
          "collapsed": true,
          "items": [
            {
              "text": "Shells",
              "collapsed": true,
              "items": [
                {
                  "text": "Bash"
                },
                {
                  "text": "Zsh"
                },
                {
                  "text": "powerShell"
                }
              ]
            },
            {
              "text": "基础命令",
              "collapsed": true,
              "items": [
                {
                  "text": "文件系统"
                },
                {
                  "text": "进程管理"
                },
                {
                  "text": "文本编辑器"
                },
                {
                  "text": "网络工具"
                },
                {
                  "text": "系统管理工具"
                }
              ]
            },
            {
              "text": "SSH 工具",
              "items": [
                {
                  "text": "OpenSSH"
                },
                {
                  "text": "OpenSSL"
                }
              ]
            }
          ]
        },
        {
          "text": "Web服务器",
          "collapsed": true,
          "items": [
            {
              "text": "Caddy"
            },
            {
              "text": "Nginx"
            }
          ]
        }
      ]
    },
    {
      "text": "进阶语言",
      "collapsed": false,
      "items": [
        {
          "text": "系统编程语言",
          "collapsed": true,
          "items": [
            {
              "text": "Rust"
            }
          ]
        },
        {
          "text": "通用编程语言",
          "collapsed": true,
          "items": [
            {
              "text": "Python"
            },
            {
              "text": "Java"
            },
            {
              "text": "Kotlin"
            },
            {
              "text": "Swift"
            },
            {
              "text": "Dart"
            }
          ]
        },
        {
          "text": "并发编程语言",
          "collapsed": true,
          "items": [
            {
              "text": "Golang"
            }
          ]
        },
        {
          "text": "数据科学和数值计算",
          "collapsed": true,
          "items": [
            {
              "text": "MATLAB"
            },
            {
              "text": "R"
            }
          ]
        }
      ]
    },
    {
      "text": "数据存储",
      "collapsed": false,
      "items": [
        {
          "text": "关系型数据库",
          "collapsed": true,
          "items": [
            {
              "text": "MySQL"
            },
            {
              "text": "PostgreSQL"
            },
            {
              "text": "SQLite"
            }
          ]
        },
        {
          "text": "非关系型数据库",
          "collapsed": true,
          "items": [
            {
              "text": "Redis"
            },
            {
              "text": "MongoDB"
            },
            {
              "text": "Neo4j"
            },
            {
              "text": "InfluxDB"
            },
            {
              "text": "TimescaleDB"
            }
          ]
        },
        {
          "text": "分布式大数据存储与查询",
          "collapsed": true,
          "items": [
            {
              "text": "Cassandra"
            },
            {
              "text": "HDFS"
            },
            {
              "text": "Elasticsearch"
            }
          ]
        },
        {
          "text": "数据库客户端",
          "collapsed": true,
          "items": [
            {
              "text": "Navicat"
            }
          ]
        }
      ]
    },
    {
      "text": "基础设施与数据流",
      "collapsed": false,
      "items": [
        {
          "text": "容器编排",
          "collapsed": true,
          "items": [
            {
              "text": "Docker"
            },
            {
              "text": "Kubernetes"
            },
            {
              "text": "Podman"
            }
          ]
        },
        {
          "text": "数据编排",
          "collapsed": true,
          "items": [
            {
              "text": "Apache Airflow"
            },
            {
              "text": "Prefect"
            },
            {
              "text": "Dagster"
            }
          ]
        },
        {
          "text": "数据处理",
          "collapsed": true,
          "items": [
            {
              "text": "消息队列",
              "collapsed": true,
              "items": [
                {
                  "text": "RocketMQ"
                },
                {
                  "text": "RabbitMQ"
                },
                {
                  "text": "Kafka"
                }
              ]
            },
            {
              "text": "流处理",
              "collapsed": true,
              "items": [
                {
                  "text": "Flink"
                }
              ]
            },
            {
              "text": "批处理",
              "collapsed": true,
              "items": [
                {
                  "text": "Hadoop"
                },
                {
                  "text": "Spark"
                }
              ]
            }
          ]
        }
      ]
    },
    {
      "text": "微服务架构",
      "collapsed": false,
      "items": [
        {
          "text": "服务框架",
          "collapsed": true,
          "items": [
            {
              "text": "Nest.js"
            },
            {
              "text": "Apollo Server"
            }
          ]
        },
        {
          "text": "服务注册与发现",
          "collapsed": true,
          "items": [
            {
              "text": "Consul"
            },
            {
              "text": "Etcd"
            },
            {
              "text": "Zookeeper"
            }
          ]
        },
        {
          "text": "远程过程调用",
          "collapsed": true,
          "items": [
            {
              "text": "gRPC"
            },
            {
              "text": "TRPC"
            }
          ]
        },
        {
          "text": "容错设计",
          "collapsed": true,
          "items": [
            {
              "text": "circuit-breaker-js"
            },
            {
              "text": "opossum"
            }
          ]
        },
        {
          "text": "分布式追踪",
          "collapsed": true,
          "items": [
            {
              "text": "Jaeger"
            },
            {
              "text": "Zipkin"
            }
          ]
        },
        {
          "text": "日志和监控",
          "collapsed": true,
          "items": [
            {
              "text": "ELK Stack"
            },
            {
              "text": "Prometheus"
            },
            {
              "text": "Grafana"
            },
            {
              "text": "Sentry"
            },
            {
              "text": "Datadog"
            }
          ]
        }
      ]
    },
    {
      "text": "服务层设计",
      "collapsed": false,
      "items": [
        {
          "text": "路由层",
          "collapsed": true,
          "items": [
            {
              "text": "REST API"
            },
            {
              "text": "GraphQL API"
            },
            {
              "text": "文档和工具",
              "collapsed": true,
              "items": [
                {
                  "text": "Swagger"
                },
                {
                  "text": "Postman"
                },
                {
                  "text": "GraphQL Playground"
                },
                {
                  "text": "JMeter"
                }
              ]
            }
          ]
        },
        {
          "text": "数据访问",
          "collapsed": true,
          "items": [
            {
              "text": "ODBC"
            }
          ]
        },
        {
          "text": "数据转换和验证",
          "collapsed": true,
          "items": [
            {
              "text": "数据序列化",
              "collapsed": true,
              "items": [
                {
                  "text": "JSON"
                },
                {
                  "text": "XML"
                }
              ]
            },
            {
              "text": "class-validator"
            },
            {
              "text": "class-transformer"
            }
          ]
        }
      ]
    },
    {
      "text": "人工智能",
      "collapsed": false,
      "items": [
        {
          "text": "AI 基础",
          "collapsed": true,
          "items": [
            {
              "text": "机器学习基础",
              "collapsed": true,
              "items": [
                {
                  "text": "监督学习"
                },
                {
                  "text": "无监督学习"
                },
                {
                  "text": "强化学习"
                },
                {
                  "text": "AutoML"
                }
              ]
            },
            {
              "text": "深度学习基础",
              "collapsed": true,
              "items": [
                {
                  "text": "神经网络"
                },
                {
                  "text": "卷积神经网络 (CNN)"
                },
                {
                  "text": "循环神经网络 (RNN)"
                },
                {
                  "text": "Transformer"
                }
              ]
            }
          ]
        },
        {
          "text": "AI 框架与库",
          "collapsed": true,
          "items": [
            {
              "text": "通用机器学习框架",
              "collapsed": true,
              "items": [
                {
                  "text": "TensorFlow"
                },
                {
                  "text": "PyTorch"
                },
                {
                  "text": "scikit-learn"
                }
              ]
            },
            {
              "text": "自然语言处理 (NLP)",
              "collapsed": true,
              "items": [
                {
                  "text": "Hugging Face Transformers"
                },
                {
                  "text": "spaCy"
                }
              ]
            },
            {
              "text": "计算机视觉",
              "collapsed": true,
              "items": [
                {
                  "text": "OpenCV"
                },
                {
                  "text": "YOLO"
                }
              ]
            }
          ]
        },
        {
          "text": "大语言模型与生成式 AI",
          "collapsed": true,
          "items": [
            {
              "text": "模型与工具",
              "collapsed": true,
              "items": [
                {
                  "text": "LangChain"
                },
                {
                  "text": "LLaMA"
                },
                {
                  "text": "ChatGPT API (OpenAI)"
                },
                {
                  "text": "Grok (xAI)"
                }
              ]
            },
            {
              "text": "提示工程 (Prompt Engineering)",
              "collapsed": true,
              "items": [
                {
                  "text": "基础提示设计"
                },
                {
                  "text": "高级提示技巧"
                }
              ]
            }
          ]
        },
        {
          "text": "AI 开发工具与平台",
          "collapsed": true,
          "items": [
            {
              "text": "模型训练与部署",
              "collapsed": true,
              "items": [
                {
                  "text": "Jupyter Notebook"
                },
                {
                  "text": "Google Colab"
                },
                {
                  "text": "SageMaker (AWS)"
                },
                {
                  "text": "MLflow"
                }
              ]
            },
            {
              "text": "模型推理与服务化",
              "collapsed": true,
              "items": [
                {
                  "text": "FastAPI + AI 模型"
                },
                {
                  "text": "Gradio"
                }
              ]
            }
          ]
        },
        {
          "text": "AI 在全栈中的应用",
          "collapsed": true,
          "items": [
            {
              "text": "前端智能",
              "collapsed": true,
              "items": [
                {
                  "text": "智能表单验证"
                },
                {
                  "text": "实时图像处理"
                },
                {
                  "text": "语音识别"
                }
              ]
            },
            {
              "text": "后端智能",
              "collapsed": true,
              "items": [
                {
                  "text": "推荐系统"
                },
                {
                  "text": "聊天机器人"
                },
                {
                  "text": "日志异常检测"
                }
              ]
            },
            {
              "text": "自动化与优化",
              "collapsed": true,
              "items": [
                {
                  "text": "代码生成 (Copilot-like)"
                },
                {
                  "text": "测试用例生成"
                },
                {
                  "text": "性能预测"
                }
              ]
            }
          ]
        }
      ]
    },
    {
      "text": "数据结构和算法",
      "collapsed": false,
      "items": [
        {
          "text": "数据结构",
          "collapsed": true,
          "items": [
            {
              "text": "基本数据结构",
              "collapsed": true,
              "items": [
                {
                  "text": "数组"
                },
                {
                  "text": "链表"
                },
                {
                  "text": "栈"
                },
                {
                  "text": "队列"
                },
                {
                  "text": "哈希表"
                }
              ]
            },
            {
              "text": "高级数据结构",
              "collapsed": true,
              "items": [
                {
                  "text": "树"
                },
                {
                  "text": "堆"
                },
                {
                  "text": "图"
                },
                {
                  "text": "前缀树"
                }
              ]
            }
          ]
        },
        {
          "text": "基本算法",
          "collapsed": true,
          "items": [
            {
              "text": "排序",
              "collapsed": true,
              "items": [
                {
                  "text": "冒泡"
                },
                {
                  "text": "选择"
                },
                {
                  "text": "插入"
                },
                {
                  "text": "快速"
                },
                {
                  "text": "归并"
                },
                {
                  "text": "堆"
                }
              ]
            },
            {
              "text": "搜索",
              "collapsed": true,
              "items": [
                {
                  "text": "线性"
                },
                {
                  "text": "二分"
                },
                {
                  "text": "深度优先"
                },
                {
                  "text": "广度优先"
                }
              ]
            },
            {
              "text": "数学",
              "collapsed": true,
              "items": [
                {
                  "text": "最大公约数"
                },
                {
                  "text": "最小公倍数"
                }
              ]
            },
            {
              "text": "位运算",
              "collapsed": true,
              "items": [
                {
                  "text": "基本位运算"
                },
                {
                  "text": "位运算技巧和应用"
                }
              ]
            }
          ]
        },
        {
          "text": "高级算法",
          "collapsed": true,
          "items": [
            {
              "text": "动态规划"
            },
            {
              "text": "贪心算法"
            },
            {
              "text": "分治算法"
            },
            {
              "text": "回溯算法"
            },
            {
              "text": "图算法",
              "collapsed": true,
              "items": [
                {
                  "text": "最短路径算法"
                },
                {
                  "text": "最小生成树算法"
                },
                {
                  "text": "拓扑排序"
                }
              ]
            }
          ]
        },
        {
          "text": "实际应用",
          "collapsed": true,
          "items": [
            {
              "text": "在线练习",
              "collapsed": true,
              "items": [
                {
                  "text": "LeetCode"
                },
                {
                  "text": "HackerRank"
                },
                {
                  "text": "CodeSignal"
                }
              ]
            },
            {
              "text": "比赛",
              "collapsed": true,
              "items": [
                {
                  "text": "ACM"
                }
              ]
            },
            {
              "text": "算法可视化工具",
              "collapsed": true,
              "items": [
                {
                  "text": "VisuAlgo"
                }
              ]
            }
          ]
        }
      ]
    },
    {
      "text": "操作系统基础",
      "collapsed": false,
      "items": [
        {
          "text": "概述",
          "collapsed": true,
          "items": [
            {
              "text": "基本概念"
            },
            {
              "text": "结构"
            }
          ]
        },
        {
          "text": "核心组件",
          "collapsed": true,
          "items": [
            {
              "text": "进程管理"
            },
            {
              "text": "内存管理"
            },
            {
              "text": "文件系统"
            },
            {
              "text": "输入输出管理"
            },
            {
              "text": "存储管理"
            }
          ]
        },
        {
          "text": "高级主题",
          "collapsed": true,
          "items": [
            {
              "text": "并发与同步"
            },
            {
              "text": "安全与保护"
            },
            {
              "text": "容器化基础"
            }
          ]
        },
        {
          "text": "常见操作系统",
          "collapsed": true,
          "items": [
            {
              "text": "UNIX/Linux"
            },
            {
              "text": "Windows"
            },
            {
              "text": "macOS"
            }
          ]
        }
      ]
    }
  ],
  "socialLinks": [
    {
      "icon": "github",
      "link": "https://github.com/IllegalCreed/IllegalCreed.github.io"
    }
  ]
}

Page Data

{
  "title": "中文",
  "description": "",
  "frontmatter": {
    "outline": "deep"
  },
  "headers": [],
  "relativePath": "zh/api-examples.md",
  "filePath": "zh/api-examples.md"
}

Page Frontmatter

{
  "outline": "deep"
}

More

Check out the documentation for the full list of runtime APIs.

使用自定义锚点