# 菜鸟教程
> 菜鸟教程官网提供了HTML、CSS、JavaScript、Python、PHP等教程，是一个覆盖全栈开发知识的学习网站，通过模块化学习，能够系统掌握编程技能。
菜鸟教程是面向编程初学者和开发者的中文技术教程站，覆盖前端、后端、数据库、系统运维、编程语言、人工智能和在线工具。
## 核心入口
- [首页](https://caijiao.org/index.md): 菜鸟教程官网提供了HTML、CSS、JavaScript、Python、PHP等教程，是一个覆盖全栈开发知识的学习网站，通过模块化学习，能够系统掌握编程技能。
- [完整 LLM 内容](https://caijiao.org/llms-full.txt): 汇总站点所有 Markdown 正文，适合需要更大上下文的 AI 工具。
- [站点地图](https://caijiao.org/sitemap.xml): 全量可抓取 URL。
- [路由清单](https://caijiao.org/route-manifest.json): 页面 URL、标题和描述的结构化清单。
## 前端开发
- [Anime.js](https://caijiao.org/animejs/index.md): 一个快速且多功能的 JavaScript 动画库
- [Bun](https://caijiao.org/bun/index.md): 一款集开发、测试、运行和打包 JavaScript 和 TypeScript 项目于一体的工具包
- [Chart.js](https://caijiao.org/chartjs/index.md): 开源 HTML5 图表，适用于现代网络的简单而灵活的 JavaScript 图表库
- [CSS](https://caijiao.org/css/index.md): CSS 用于控制网页的样式和布局，可以将网页的内容与表现分离，提高开发效率和维护性
- [date-fns](https://caijiao.org/date-fns/index.md): 现代 JavaScript 日期实用程序库
- [Day.js](https://caijiao.org/dayjs/index.md): Day.js 是一个零依赖的轻量级日期库，相比 momentjs 体积更小，更简单易用
- [decimal.js](https://caijiao.org/decimaljs/index.md): JavaScript 的任意精度 Decimal 类型
- [HTML](https://caijiao.org/html/index.md): HTML（超文本标记语言）是一种用于构建网页结构和内容的标准标记语言
- [JavaScript](https://caijiao.org/javascript/index.md): 系统性讲解 JavaScript 写法与性能，JavaScript 的性能优化指南
- [JSON-LD](https://caijiao.org/json-ld/index.md): 一种基于 JSON 的链接数据格式，用于为网页、API 和结构化数据提供机器可理解的语义描述
- [jQuery](https://caijiao.org/jquery/index.md): 快速、小巧且功能丰富的 JavaScript 库，它极大地简化了 HTML 文档遍历、事件处理、动画制作和 Ajax 交互
- [Lodash](https://caijiao.org/lodash/index.md): 一个 JavaScript 工具库，提供了一整套函数式编程的实用工具
- [React](https://caijiao.org/react/index.md): 一个用于构建用户界面的 JavaScript 库，用于创建交互式 UI 和快速、可扩展的 Web 应用程序
- [TypeScript](https://caijiao.org/ts/index.md): TypeScript 是 JavaScript 的超集，提供了更严格的类型检查和更丰富的 API
- [TypeScript 阮一峰](https://caijiao.org/typescript/index.md): TypeScript 开源教程，介绍基本概念和用法，面向初学者。
- [Radash](https://caijiao.org/radash/index.md): 功能丰富的JavaScript/TypeScript工具函数集合，用来替代 lodash
- [WebAssembly](https://caijiao.org/webassembly/index.md): WebAssembly 是一种能够在浏览器中高效运行的二进制格式，为 Web 开发带来了更高的性能和更丰富的应用场景
- [Zod](https://caijiao.org/zod/index.md): TypeScript 优先的模式验证库，具有静态类型推断功能的模式验证
- [Yup](https://caijiao.org/yup/index.md): 一个强大的 JavaScript 数据验证库
- [Axios](https://caijiao.org/axios/index.md): 一个基于 Promise 的 HTTP 库，用于发送 HTTP 请求
- [Ky](https://caijiao.org/ky/index.md): 一个基于 Fetch API 的轻量级 HTTP 请求库，提供更简洁的 API、更好的错误处理和默认 JSON 支持
- [Zustand](https://caijiao.org/zustand/index.md): 一个用于构建状态管理的简单、可扩展的库，特别适合小型应用和 React 项目
- [Immer](https://caijiao.org/immer/index.md): 一个轻量级的 JavaScript 库，它允许你以更简单的方式处理不可变状态
## 后端开发
- [Express](https://caijiao.org/express/index.md): 基于 Node.js，极简且灵活的 Web 应用框架，提供了一系列强大的特性
- [Fastify](https://caijiao.org/fastify/index.md): 一个高度性能导向的 Node.js Web 框架，以极高的吞吐量和优秀的开发体验而著称
- [JAVA DDD](https://caijiao.org/ddd/index.md): 一种以领域模型为核心的方法论，利用 Java 的面向对象特性，将业务逻辑与代码结构紧密结合，提升复杂系统的可维护性与可扩展性
- [Koa](https://caijiao.org/koa/index.md): 一个基于 Node.js 的 Web 框架，旨在提供更精简、更轻量级的 API，同时保持高效和可扩展性
- [Python](https://caijiao.org/python/index.md): Python 是一种高级、通用、开源的编程语言，具有简单、易学、易读、易维护、可扩展、可嵌入等特性
- [Pingora](https://caijiao.org/pingora/index.md): Cloudflare 开源的高性能网络代理框架，用于构建 HTTP 服务和反向代理
- [PM2](https://caijiao.org/pm2/index.md): PM2 是一个高性能的 Node.js 进程管理工具，提供自动重启、负载均衡、日志管理等功能。
## 数据库与缓存
- [Elasticsearch](https://caijiao.org/elasticsearch/index.md): 分布式搜索与分析引擎，能够实时存储、搜索和分析海量结构化与非结构化数据
- [MariaDB](https://caijiao.org/mariadb/index.md): MariaDB 是 MySQL 的一个分支，由 MySQL 的原始开发者开发，旨在保持 MySQL 的兼容性，同时提供更好的性能和可扩展性
- [Memcached](https://caijiao.org/memcached/index.md): 高性能的分布式内存对象缓存系统，常用于缓存数据库查询结果、API 响应和会话数据等
- [MongoDB](https://caijiao.org/mongodb/index.md): 面向文档的 NoSQL 数据库，以 JSON 风格的 BSON 存储数据，支持高可扩展性和灵活的数据模型
- [PostgreSQL](https://caijiao.org/postgresql/index.md): PostgreSQL 是一个开源、功能强大且高度扩展的关系型数据库系统，支持 SQL 标准并提供丰富的高级特性
- [Redis](https://caijiao.org/redis/index.md): 高性能的键值对存储系统，常用于缓存、消息队列、排行榜等场景
- [LowDB](https://caijiao.org/lowdb/index.md): 一款小巧的本地 JSON 数据库，支持 Node.js、Electron 和浏览器，API 简洁，适合小型项目
- [SQlite](https://caijiao.org/sqlite/index.md): 一个轻量级、功能强大的嵌入式关系型数据库，适用于嵌入式系统、移动设备、桌面应用程序等
## 编程语言基础
- [C++](https://caijiao.org/cpp/index.md): C++ 具有广泛影响力的通用编程语言，源于 C 语言，并在其基础上引入了面向对象编程的概念
- [Go](https://caijiao.org/go/index.md): Go（Golang）是一种由 Google 开发的开源编程语言，特点是简洁、高效、并发友好，适合构建高性能服务器和分布式系统
- [Python](https://caijiao.org/python/index.md): Python 是一种高级、通用、开源的编程语言，具有简单、易学、易读、易维护、可扩展、可嵌入等特性
- [Rust](https://caijiao.org/rust/index.md): 一个系统编程语言，旨在提高速度、安全性、并发性和可移植性，同时保持简单性
- [Swift](https://caijiao.org/swift/index.md): 一个安全、快速、灵活的编程语言，用于开发 iOS、macOS、watchOS 和 tvOS 应用程序
- [Lua](https://caijiao.org/lua/index.md): Lua 是一种强大、高效、轻量级、可嵌入的脚本语言。它支持多种编程风格：过程式、面向对象、函数式、数据驱动和数据描述。
## 版本控制
- [Git](https://caijiao.org/git/index.md): 一个分布式版本控制系统，用于跟踪代码和文件的历史变化，支持多人协作开发
- [nvm](https://caijiao.org/nvm/index.md): Node 版本管理器，符合 POSIX 标准的 bash 脚本，用于管理多个活动的 node.js 版本
- [Volta](https://caijiao.org/volta/index.md): Volta 是一个快速、跨平台的 JavaScript 工具链管理器，用来无缝管理和切换 Node.js、npm、pnpm、yarn 等工具版本
- [Corepack](https://caijiao.org/corepack/index.md): Node.js 官方提供的包管理代理工具，支持 npm、pnpm、yarn 的统一调用，帮助开发者简化版本管理和工具切换
## 系统与运维
- [Linux](https://caijiao.org/linux/index.md): 全面的 Linux 系统知识，从基础概念到高级应用，帮助您系统掌握 Linux 系统的各个方面
- [Gentoo](https://caijiao.org/gentoo/index.md): 从零构建高性能可定制的 Gentoo Linux 系统指南
- [Rocky Linux](https://caijiao.org/rockylinux/index.md): 全面了解和掌握 Rocky Linux 操作系统的各项功能和管理技巧
- [Nginx](https://caijiao.org/nginx/index.md): 高性能 Web 服务器与反向代理，用于网站部署、负载均衡和 HTTPS 配置
- [Docker](https://caijiao.org/docker/index.md): 一个开源的容器引擎，用于构建、分发和运行分布式应用程序
## 人工智能与数据科学
- [NLP 自然语言处理入门](https://caijiao.org/nlp/index.md): 介绍自然语言处理的基础概念、常用算法与应用场景
- [提示词工程教程](https://caijiao.org/prompt/index.md): 系统讲解提示词工程（Prompt Engineering），从基础概念到高级策略与实践技巧，帮助读者高效设计提示词，提高 AI 模型生成效果
- [区块链科普](https://caijiao.org/blockchain/index.md): 区块链的基本概念、技术原理、应用场景和发展趋势
- [Claude Code 实战课程](https://caijiao.org/claude-code-in-action/index.md): 学习如何使用 Claude Code 提升编程效率，涵盖安装配置、上下文管理、Hooks、MCP 服务器等高级功能
- [Agent Skills](https://caijiao.org/agent-skills/index.md): 一种简单、开放的格式，用于为智能体提供新的能力和专业知识。
## 其他
- [十大经典排序算法](https://caijiao.org/sort/index.md): 包括比较类排序和非比较类排序两大类
- [黄仁勋 GTC 2025 主题演讲](https://caijiao.org/jhgtcttatk/index.md): 演讲核心围绕着从通用计算到加速计算的二次平台转型，以及 NVIDIA CUDA 和 CUDA X 套件如何满足各行各业的需求
## 菜鸟工具
- [Cloudflare 域名价格](https://caijiao.org/tool/cloudflare-domain-pricing.md): 查询 Cloudflare 域名注册和续费价格。
- [HTML转Markdown](https://caijiao.org/tool/html-to-markdown.md): 将 HTML 片段快速转换为 Markdown。
- [HTML压缩、解压/格式化](https://caijiao.org/tool/html-tool.md): 压缩 HTML 或按缩进格式化 HTML 代码。
- [Markdown转HTML](https://caijiao.org/tool/markdown-to-html.md): 将 Markdown 内容转换为 HTML。
- [身份证号生成器](https://caijiao.org/tool/ID-number-generator.md): 按地区、日期、性别生成测试用身份证号码。
- [数字转大写](https://caijiao.org/tool/convert-numbers-to-uppercase.md): 将金额数字转换为中文大写。
- [正则表达式测试工具](https://caijiao.org/tool/regex-tester.md): 测试 JavaScript 正则表达式并高亮匹配结果。
- [在线二维码生成器](https://caijiao.org/tool/Online-QR-code-generator.md): 生成文本或网址二维码并下载图片。
- [Favicon在线制作](https://caijiao.org/tool/favicon.md): 上传图片并导出常用 favicon 尺寸。
- [小儿多动症在线自测](https://caijiao.org/tool/adhd.md): ADHD 注意力和多动冲动维度自测。
- [自闭症在线测试](https://caijiao.org/tool/asd.md): 自闭症谱系特征快速筛查。
- [社交能力测试](https://caijiao.org/tool/social-skills-test.md): 评估沟通、合作和社交适应能力。
- [心理健康评估](https://caijiao.org/tool/mental-health-assessment.md): 评估焦虑、压力和情绪状态。
- [情商测试](https://caijiao.org/tool/emotional-intelligence-test.md): 评估情绪识别、管理和社交智慧。
- [恋爱匹配测试](https://caijiao.org/tool/love-compatibility-test.md): 评估亲密关系中的沟通、信任与包容。
- [MBTI性格测试](https://caijiao.org/tool/MBTI.md): 通过 30 个问题生成简化性格倾向评估。
- [敲木鱼积功德](https://caijiao.org/tool/jgd.md): 点击木鱼记录功德值，支持本地保存。
## 菜鸟文章
- [一次 VitePress 内容站重构复盘：构建瓶颈、POC 与技术方案](https://caijiao.org/posts/56.md): 记录一次 VitePress 内容站重构的思路，从构建瓶颈、重构原因、技术选择、POC 验证、落地方案到未来内容类型规划，梳理内容型网站长期演进的关键决策。
- [想知道猫狗兔鸟能陪伴多久？PetLifeYears 宠物寿命计算器推荐](https://caijiao.org/posts/55.md): PetLifeYears 提供猫、狗、兔子、仓鼠、豚鼠、鸟类、爬行动物和龟类等宠物寿命计算器，帮助主人基于年龄和照护信息了解寿命范围并规划陪伴时间。
- [AI 搜索时代的网站可见性怎么查？GEOChecker 给你一份 GEO 准备度评分](https://caijiao.org/posts/54.md): GEOChecker 是一个免费的 GEO 检测工具，可帮助站长和内容团队检查网站在 AI 搜索中的准备度，包括可抓取性、实体清晰度、答案准备度、引用准备度、结构化数据和信任信号。
- [图片压缩、转换、隐私清理一站搞定：ImgShrink 在线图片工具推荐](https://caijiao.org/posts/53.md): ImgShrink 是一个面向站长、设计师、运营和内容创作者的在线图片工具集合，支持压缩、格式转换、尺寸调整、元数据检查、打印尺寸计算和上传规则处理。
- [一张图片搞定网站图标？FaviconPack 在线生成神器来啦](https://caijiao.org/posts/52.md): 不用担心！今天给大家推荐一个超方便的工具——FaviconPack。它可以从一张源图片，自动生成你网站所需的所有图标尺寸，并提供可直接复制使用的 HTML 代码，省时又省力。
- [Docker + Ollama + Qwen3-Coder-Next 本地 AI 编程部署指南（2026 实践）](https://caijiao.org/posts/51.md): 使用 Docker 容器化部署 Ollama 并运行 Qwen3-Coder-Next:cloud，结合 VS Code Continue 打造高效本地 AI 编程环境的完整教程。
- [Element Plus 按需加载与样式配置详解](https://caijiao.org/posts/50.md): 深入解析 Element Plus 在 Vite 项目中的按需引入方案，对比 scss 与 css 模式差异，优化 JS/CSS 体积与构建性能
- [Tailwind CSS 的命名逻辑：为什么你根本不需要死记硬背？](https://caijiao.org/posts/49.md): Tailwind CSS 并不需要死记硬背。掌握 Utility-First 的命名推导逻辑，你就能不查文档写出 90% 的类名。
- [提示词（Prompt）、MCP 与 Skills 区别详解](https://caijiao.org/posts/48.md): 深入解析 Prompt、Skill 与 MCP 的概念、区别及应用场景，附真实例子和对照表。
- [Nuxt 与 Tailwind CSS 集成文档](https://caijiao.org/posts/47.md): 本文档详细介绍了在 Nuxt 项目中集成 Tailwind CSS 的步骤和配置方法。
- [Nuxt 集成 Element Plus 组件库文档](https://caijiao.org/posts/46.md): 本项目使用 Nuxt 4 框架，并集成了 Element Plus 组件库，实现了自定义主题配置。
- [Nuxt.js 集成 Bootstrap 5 完整方案](https://caijiao.org/posts/45.md): 本文档详细介绍如何在 Nuxt.js 项目中集成 Bootstrap 5，包括主题定制、SCSS 变量覆盖、JS 组件使用等内容。
- [Astro 与 VitePress：现代前端内容站点的两种优雅选择](https://caijiao.org/posts/44.md): 随着前端工程化的发展，“内容型站点”（文档、博客、官网、知识库）逐渐从传统 CMS 转向 静态站点生成器（SSG）。在众多工具中，Astro 与 VitePress 成为近年来最受关注的两款方案。
- [Nuxt 集成 Bootstrap 5 完整方案](https://caijiao.org/posts/43.md): 本文档详细介绍如何在 Nuxt.js 项目中集成 Bootstrap 5，包括主题定制、SCSS 变量覆盖、JS 组件使用等内容。
- [站长工具站点集合（从建站到运营）](https://caijiao.org/posts/42.md): 汇总站长从建站、开发、部署、监控到 SEO、推广所需的全流程工具站点，包含网址与详细简介。
- [在线查看网站统计数据的工具](https://caijiao.org/posts/41.md): 本文列出了一些在线工具，用于查看和分析网站的流量、用户行为、SEO表现等统计数据。
- [VitePress Cloudflare 预取错误解决方案](https://caijiao.org/posts/40.md): 当 VitePress 部署到 Cloudflare Pages 后，浏览器控制台出现 “net::ERR_ABORTED 503 (Service Unavailable)” 报错，通常与 Cloudflare 的 Speed Brain（智能内容优化）预取功能有关。本文介绍关闭该功能的解决方法。
- [VitePress 集成 Strapi 接口实现 SSR 渲染](https://caijiao.org/posts/39.md): 如何在 VitePress 中集成 Strapi 数据源，通过 SSR 渲染部分动态内容（如文章列表、详情）
- [虚拟货币现货大单买入监控最小落地方案（Node.js实现）](https://caijiao.org/posts/38.md): 使用Node.js和Binance WebSocket，实现实时监控虚拟货币现货大单买入，最小可落地方案，包括示例代码和运行说明。
- [🚀 Strapi 生产环境部署指南](https://caijiao.org/posts/37.md): 本文介绍如何在生产环境部署 Strapi，包括环境要求、构建步骤、使用 PM2 守护进程、Nginx 反向代理配置以及环境变量和优化建议。
- [Strapi 个人账本系统设计](https://caijiao.org/posts/36.md): 本文介绍如何使用 Strapi 设计一个简单的个人账本系统，包括用户注册、类别管理、入账记录以及收入/支出类型设计。
- [PM2 管理 Node 应用指南](https://caijiao.org/posts/35.md): 本文详细介绍了如何使用 PM2 管理 Node.js 应用，包括安装、启动、管理、日志、开机自启和高级配置。
- [Node.js 操作 MySQL / PostgreSQL](https://caijiao.org/posts/34.md): 教你如何使用 Node.js 连接 MySQL 和 PostgreSQL 数据库，并进行增删改查操作，适合入门学习。
- [React、Vue、Svelte 入门与对比](https://caijiao.org/posts/33.md): 本文介绍了 React、Vue、Svelte 三大前端框架的入门示例与核心特性对比，帮助初学者快速理解各自优劣与适用场景。
- [SQLite + Node.js 入门：保存留言到数据库](https://caijiao.org/posts/32.md): 本教程将带你从零开始使用 Node.js 与 SQLite 实现一个简单的留言板，涵盖数据库初始化、表结构设计、数据插入与查询的完整流程。
- [如何让 AI 帮你写代码 / 生成接口文档](https://caijiao.org/posts/31.md): 如何利用 AI 高效生成后端接口代码和文档，包括示例与最佳实践。
- [Vite 与 Webpack 对比分析](https://caijiao.org/posts/30.md): 全面解析 Vite 与 Webpack 的差异、性能、开发体验和适用场景，帮助前端开发者选择合适的构建工具。
- [React + Axios + JSON Server 实现 Todo 应用](https://caijiao.org/posts/29.md): 使用 React + Axios + JSON Server 实现完整 Todo 应用，包括显示列表、添加任务、删除任务、标记完成。适合新手练手项目。
- [WordPress 与 Strapi 作为 Headless CMS 的全面对比](https://caijiao.org/posts/28.md): 从架构设计、功能特点、技术选型、性能、安全性及应用场景等方面，对 WordPress 和 Strapi 两种 Headless CMS 进行全面比较与分析。
- [🧱 常见开源流行 CMS 一览](https://caijiao.org/posts/27.md): 本文汇总了全球主流开源 CMS（内容管理系统），包括 WordPress、Drupal、Joomla、Strapi、Ghost、Discuz!、Typecho 等，列出各自使用的编程语言、数据库类型和核心特点，帮助开发者进行网站搭建或技术选型。
- [🧠 数据库与缓存系统全览](https://caijiao.org/posts/26.md): 本文全面介绍主流数据库与缓存系统，包括关系型数据库（MySQL、PostgreSQL、SQLite）、NoSQL 数据库（MongoDB、Cassandra、Redis）、搜索引擎（Elasticsearch、Solr）、时序数据库（InfluxDB、Prometheus）等，涵盖各自特点与应用场景。
- [Rocky Linux 安装 LNMP 环境教程](https://caijiao.org/posts/25.md): 本文介绍如何在 Rocky Linux 系统上从零安装与配置 LNMP（Linux + Nginx + MySQL/MariaDB + PHP）环境，包括依赖安装、服务配置与性能优化。
- [Debian 安装 LNMP 环境教程](https://caijiao.org/posts/24.md): 本文详细介绍在 Debian 系统上安装 LNMP（Linux + Nginx + MySQL + PHP）环境的完整步骤，包括依赖安装、配置优化与服务管理。
- [Gentoo 下安装 LNMP 环境教程](https://caijiao.org/posts/23.md): 本教程详细介绍如何在 Gentoo 系统上安装 LNMP（Linux + Nginx + MySQL/MariaDB + PHP）环境，包括环境准备、软件安装、配置优化及常见问题处理，附 PHP OPcache 配置优化。
- [前端 HTTP 请求工具大盘点：Axios、fetch、ky 等对比与推荐](https://caijiao.org/posts/22.md): 本文全面分析了前端常用的 HTTP 请求工具，包括 Axios、fetch、ky、superagent、SWR/Vue-query 等，比较优缺点和适用场景，帮助前端开发者选择合适的请求方案。
- [Headless WordPress 与 Nuxt 前端集成及附件处理](https://caijiao.org/posts/21.md): 完整指南：使用 WordPress 作为 Headless CMS，Nuxt 作为前端展示，实现文章列表、详情页、封面图及多附件处理方案。
- [深拷贝与序列化：将对象转为字符串并还原](https://caijiao.org/posts/20.md): 介绍如何在不同环境下深拷贝对象、序列化为字符串，并从字符串还原为对象。深入探讨为何需要使用不同的技术栈（如 'structuredClone'、'lodash' 和 'JSON'）来实现这一功能。
- [JavaScript 序列化与反序列化：方法、性能与最优方案](https://caijiao.org/posts/19.md): 深入对比 JSON、structuredClone、Lodash cloneDeep、MessagePack 等序列化方式，分析它们的优势与缺陷，给出性能与兼容性兼顾的最佳实践方案。
- [Vue I18n 动态渲染问题：v-for 与复杂数据结构](https://caijiao.org/posts/18.md): 本文探讨了在使用 Vue I18n 时，如何通过 v-for 正确渲染翻译文件中的复杂数据结构，提供了结构调整和最佳实践解决方案。
- [Vite + PurgeCSS 与 Vue 动态类名问题](https://caijiao.org/posts/17.md): 总结使用 vite-plugin-purgecss 时在 Vue 中动态类名、v-if 条件渲染以及 client-only 组件中 CSS 失效的问题及解决方案。
## 站点信息
- [关于我们](https://caijiao.org/about.md): 菜鸟教程致力于为编程初学者提供系统、易懂的前端、后端及全栈开发教程，帮助零基础用户快速入门并掌握实战技能。
- [📬 商务合作 Business Cooperation](https://caijiao.org/business.md): 专注收录高质量技术教程与工具资源，支持品牌推广、定制内容、社区合作等多种商务合作形式，欢迎联系洽谈。
- [机场推荐](https://caijiao.org/feed.md): 机场推荐整理适合日常使用的订阅服务，包含访问稳定性、套餐价格、流量周期、节点覆盖和流媒体解锁等参考维度。
- [隐私政策](https://caijiao.org/privacy.md): 菜鸟教程承诺保护用户隐私，仅收集必要访问数据，不主动共享用户信息，使用Cookies优化体验，遵守相关法律法规。