test-repo/docs/zh-cn/appendix/index.md

# 附录

本附录涵盖从计算机基础到工程素养的完整知识体系，是你学习旅程中的重要参考库。

## 内容分类

### 一、计算机是怎么回事

从晶体管到操作系统，深入了解计算机如何工作：
<NavGrid>
<NavCard
    href="/zh-cn/appendix/1-computer-fundamentals/transistor-to-cpu"
    title="从晶体管到 CPU"
    description="理解计算机最底层的硬件逻辑，从晶体管开关到 CPU 指令执行"
  />
<NavCard
    href="/zh-cn/appendix/1-computer-fundamentals/operating-systems"
    title="操作系统"
    description="进程管理、内存管理、文件系统——操作系统的核心职责"
  />
<NavCard
    href="/zh-cn/appendix/1-computer-fundamentals/data-encoding-storage"
    title="数据的编码、存储与传输"
    description="二进制、字符编码、数据压缩与网络传输基础"
  />
<NavCard
    href="/zh-cn/appendix/1-computer-fundamentals/computer-networks"
    title="网络：两台电脑如何对话"
    description="从网线到互联网，理解网络通信的底层原理"
  />
<NavCard
    href="/zh-cn/appendix/1-computer-fundamentals/data-structures"
    title="数据结构"
    description="数组、链表、树、图——组织数据的基本方式"
  />
<NavCard
    href="/zh-cn/appendix/1-computer-fundamentals/algorithm-thinking"
    title="算法思维入门"
    description="排序、搜索、递归——解决问题的思维框架"
  />
<NavCard
    href="/zh-cn/appendix/1-computer-fundamentals/programming-languages"
    title="编程语言图谱"
    description="从汇编到高级语言，理解编程语言的演进与分类"
  />
<NavCard
    href="/zh-cn/appendix/1-computer-fundamentals/type-systems-compilers"
    title="类型系统与编译原理入门"
    description="静态类型 vs 动态类型，编译器如何理解你的代码"
  />
</NavGrid>

### 二、开发环境与工具

掌握现代软件开发必备的命令行、Git、编辑器等工具：
<NavGrid>
<NavCard
    href="/zh-cn/appendix/2-development-tools/ide-basics"
    title="集成开发环境 (IDE) 基础"
    description="VS Code、Cursor、Trae——选择适合你的开发工具"
  />
<NavCard
    href="/zh-cn/appendix/2-development-tools/command-line-shell"
    title="命令行与 Shell 脚本"
    description="终端操作、Shell 命令、脚本自动化"
  />
<NavCard
    href="/zh-cn/appendix/2-development-tools/git-version-control"
    title="Git：代码的时光机"
    description="版本控制、分支管理、团队协作"
  />
<NavCard
    href="/zh-cn/appendix/2-development-tools/environment-path"
    title="环境变量与 PATH"
    description="理解系统环境配置，解决「命令找不到」问题"
  />
<NavCard
    href="/zh-cn/appendix/2-development-tools/ports-localhost"
    title="端口与 localhost"
    description="理解网络端口、本地开发服务器与端口冲突"
  />
<NavCard
    href="/zh-cn/appendix/2-development-tools/ssh-authentication"
    title="SSH 与密钥认证"
    description="远程登录、密钥管理、安全连接"
  />
<NavCard
    href="/zh-cn/appendix/2-development-tools/package-managers"
    title="包管理器"
    description="npm、pip、cargo——依赖管理的艺术"
  />
<NavCard
    href="/zh-cn/appendix/2-development-tools/debugging-art/"
    title="调试的艺术"
    description="断点调试、日志分析、问题定位方法论"
  />
<NavCard
    href="/zh-cn/appendix/2-development-tools/regex"
    title="正则表达式"
    description="模式匹配、文本处理的利器"
  />
</NavGrid>

### 三、浏览器与前端

全面了解浏览器原理、JavaScript、前端框架和工程化实践：
<NavGrid>
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/javascript-deep-dive"
    title="JavaScript 语言深入"
    description="闭包、原型链、异步——JS 核心概念解析"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/typescript"
    title="TypeScript：给 JS 加上类型系统"
    description="类型安全、接口定义、泛型编程"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/frontend-frameworks"
    title="前端框架对比"
    description="React / Vue / Svelte / Angular——选择适合你的框架"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/browser-as-os"
    title="浏览器是一个操作系统"
    description="进程模型、资源管理、安全沙箱"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/browser-as-os-rendering"
    title="浏览器渲染管道"
    description="DOM、CSSOM、布局、绘制——页面是如何渲染的"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/html-css-layout"
    title="HTML / CSS 布局体系"
    description="盒模型、Flexbox、Grid——现代布局方案"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/javascript-runtime"
    title="JavaScript 运行时"
    description="事件循环、任务队列、微任务与宏任务"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/frontend-framework-nature"
    title="前端框架的本质"
    description="响应式原理、虚拟 DOM、组件化思想"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/state-management"
    title="状态管理哲学"
    description="Redux、MobX、Zustand——状态管理的演进"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/routing-navigation"
    title="路由与导航"
    description="SPA 路由原理、历史模式与哈希模式"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/graphics-animation"
    title="图形与动画"
    description="Canvas / SVG / WebGL——Web 图形技术全景"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/realtime-communication"
    title="实时通信"
    description="WebSocket / SSE——实时数据推送方案"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/web-performance"
    title="网页性能的度量与优化"
    description="Core Web Vitals、性能监控、优化策略"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/frontend-engineering"
    title="前端工程化全貌"
    description="构建工具、模块化、代码规范"
  />
<NavCard
    href="/zh-cn/appendix/3-browser-and-frontend/a11n-i18n"
    title="无障碍与国际化"
    description="让 Web 对所有人都友好"
  />
</NavGrid>

### 四、服务器与后端

深入后端开发、API 设计、认证授权、缓存和消息队列等核心技术：
<NavGrid>
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/backend-languages"
    title="后端语言对比"
    description="Node.js / Go / Java / Rust——选择适合的后端技术栈"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/client-languages"
    title="客户端语言对比"
    description="Swift / Kotlin / Dart——移动端开发语言选择"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/cross-platform"
    title="跨平台方案对比"
    description="React Native / Flutter / Electron / Tauri——一套代码多端运行"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/http-protocol"
    title="HTTP 协议"
    description="请求方法、状态码、头部、HTTPS"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/request-journey"
    title="一个请求的完整旅程"
    description="从浏览器输入 URL 到服务器响应的全链路分析"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/web-frameworks"
    title="Web 框架的本质"
    description="路由、中间件、请求处理——框架做了什么"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/api-design"
    title="API 设计哲学"
    description="REST / GraphQL / gRPC——选择合适的 API 风格"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/api-intro"
    title="API 入门"
    description="接口设计基础、请求响应格式、错误处理"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/serialization"
    title="序列化与数据格式"
    description="JSON / Protobuf / MessagePack——数据传输格式选择"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/auth-authorization"
    title="认证与授权体系"
    description="JWT、OAuth、Session——身份验证方案"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/concurrency-async"
    title="并发、异步与多线程"
    description="并发模型、异步编程、线程安全"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/caching"
    title="缓存的层次与策略"
    description="浏览器缓存、CDN、Redis——多级缓存架构"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/message-queues"
    title="消息队列与事件驱动"
    description="Kafka、RabbitMQ——解耦与异步处理"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/async-task-queues"
    title="异步任务队列"
    description="Celery、Bull——后台任务处理"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/rate-limiting-backpressure"
    title="限流与背压控制"
    description="保护系统免受过载冲击"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/search-engines"
    title="搜索引擎原理"
    description="Elasticsearch、全文检索、倒排索引"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/file-storage"
    title="文件存储与对象存储"
    description="本地存储、S3、OSS——文件管理方案"
  />
<NavCard
    href="/zh-cn/appendix/4-server-and-backend/backend-layered-architecture"
    title="后端分层架构"
    description="Controller / Service / Repository——代码组织之道"
  />
</NavGrid>

### 五、数据

从 SQL 到数据治理，全面掌握数据处理和分析技能：
<NavGrid>
<NavCard
    href="/zh-cn/appendix/5-data/sql"
    title="SQL"
    description="查询、连接、聚合——数据库查询语言基础"
  />
<NavCard
    href="/zh-cn/appendix/5-data/database-fundamentals"
    title="数据库原理"
    description="索引、事务、查询优化——深入理解数据库"
  />
<NavCard
    href="/zh-cn/appendix/5-data/data-models"
    title="数据模型全景"
    description="文档 / 图 / 时序 / 向量——NoSQL 数据库分类"
  />
<NavCard
    href="/zh-cn/appendix/5-data/data-tracking"
    title="数据埋点与用户行为采集"
    description="事件设计、数据采集、埋点方案"
  />
<NavCard
    href="/zh-cn/appendix/5-data/data-analysis"
    title="数据分析基础"
    description="统计方法、指标体系、漏斗分析"
  />
<NavCard
    href="/zh-cn/appendix/5-data/ab-testing"
    title="A/B 测试与实验驱动"
    description="实验设计、样本量、显著性检验"
  />
<NavCard
    href="/zh-cn/appendix/5-data/data-visualization"
    title="数据可视化与仪表盘"
    description="图表选择、可视化设计、仪表盘搭建"
  />
<NavCard
    href="/zh-cn/appendix/5-data/data-governance"
    title="数据治理与数据质量"
    description="数据标准、数据质量、元数据管理"
  />
</NavGrid>

### 六、架构与系统设计

学习微服务架构、分布式系统和系统设计方法论：
<NavGrid>
<NavCard
    href="/zh-cn/appendix/6-architecture-and-system-design/monolith-to-microservices"
    title="从单体到微服务的演进"
    description="何时拆分、如何拆分、拆分后的挑战"
  />
<NavCard
    href="/zh-cn/appendix/6-architecture-and-system-design/distributed-systems"
    title="分布式系统的挑战"
    description="CAP 定理、一致性、分布式事务"
  />
<NavCard
    href="/zh-cn/appendix/6-architecture-and-system-design/high-availability"
    title="高可用与容灾"
    description="故障转移、异地多活、灾难恢复"
  />
<NavCard
    href="/zh-cn/appendix/6-architecture-and-system-design/system-design-methodology"
    title="系统设计方法论"
    description="需求分析、容量估算、架构权衡"
  />
</NavGrid>

### 七、基础设施与运维

掌握容器化、Kubernetes、CI/CD、云平台和监控告警：
<NavGrid>
<NavCard
    href="/zh-cn/appendix/7-infrastructure-and-operations/linux-basics"
    title="Linux 基础"
    description="文件系统、权限管理、常用命令"
  />
<NavCard
    href="/zh-cn/appendix/7-infrastructure-and-operations/docker-containers"
    title="Docker 容器化"
    description="镜像、容器、Dockerfile——应用容器化"
  />
<NavCard
    href="/zh-cn/appendix/7-infrastructure-and-operations/kubernetes"
    title="Kubernetes 编排"
    description="Pod、Service、Deployment——容器编排平台"
  />
<NavCard
    href="/zh-cn/appendix/7-infrastructure-and-operations/ci-cd"
    title="CI / CD 自动化"
    description="持续集成、持续部署、自动化流水线"
  />
<NavCard
    href="/zh-cn/appendix/7-infrastructure-and-operations/dns-https"
    title="域名、DNS 与 HTTPS"
    description="域名解析、SSL 证书、HTTPS 配置"
  />
<NavCard
    href="/zh-cn/appendix/7-infrastructure-and-operations/load-balancing-gateway"
    title="负载均衡与网关"
    description="Nginx、HAProxy——流量分发与负载均衡"
  />
<NavCard
    href="/zh-cn/appendix/7-infrastructure-and-operations/gateway-proxy"
    title="网关与反向代理"
    description="API 网关、反向代理、请求转发"
  />
<NavCard
    href="/zh-cn/appendix/7-infrastructure-and-operations/cloud-platforms"
    title="云平台实战"
    description="AWS、阿里云、腾讯云——云服务选型"
  />
<NavCard
    href="/zh-cn/appendix/7-infrastructure-and-operations/cloud-iam"
    title="IAM 权限管理"
    description="云上权限模型、角色管理、最小权限原则"
  />
<NavCard
    href="/zh-cn/appendix/7-infrastructure-and-operations/cloud-storage-cdn"
    title="对象存储与 CDN"
    description="S3、OSS、CDN 加速——静态资源管理"
  />
<NavCard
    href="/zh-cn/appendix/7-infrastructure-and-operations/infrastructure-as-code"
    title="基础设施即代码"
    description="Terraform、Pulumi——用代码管理基础设施"
  />
<NavCard
    href="/zh-cn/appendix/7-infrastructure-and-operations/monitoring-logging"
    title="监控、日志与告警"
    description="Prometheus、Grafana、ELK——可观测性体系"
  />
<NavCard
    href="/zh-cn/appendix/7-infrastructure-and-operations/incident-response"
    title="故障排查与应急响应"
    description="故障定位、根因分析、应急预案"
  />
</NavGrid>

### 八、人工智能

从 AI 历史到 Agent 智能体，全面了解人工智能技术：
<NavGrid>
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/ai-history"
    title="AI 简史与核心概念"
    description="从图灵测试到大模型，AI 发展的关键里程碑"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/neural-networks"
    title="神经网络与深度学习"
    description="神经元、反向传播、深度学习基础"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/transformer-attention"
    title="Transformer 与注意力机制"
    description="现代大模型的核心架构"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/llm-principles"
    title="大语言模型的工作原理"
    description="GPT、Claude——LLM 如何理解和生成文本"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/prompt-engineering"
    title="提示词工程"
    description="设计有效的提示词，释放 AI 潜力"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/context-engineering"
    title="上下文工程"
    description="管理上下文窗口，优化长文本处理"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/multimodal-models"
    title="多模态模型"
    description="视觉 / 音频 / 视频——多模态 AI 能力"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/image-generation"
    title="图像生成原理"
    description="Diffusion、GAN——AI 绘画背后的技术"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/speech-synthesis-recognition"
    title="语音合成与识别"
    description="TTS、ASR——语音 AI 技术原理"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/embedding-vector-retrieval"
    title="Embedding 与向量检索"
    description="文本向量化、向量数据库、语义搜索"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/rag"
    title="RAG 架构"
    description="检索增强生成——让 AI 拥有知识库"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/ai-agents"
    title="AI Agent 与工具调用"
    description="自主决策、工具使用、任务规划"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/ai-protocols"
    title="AI 协议"
    description="MCP 等协议——AI 工具互操作标准"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/model-finetuning-deployment"
    title="模型微调与部署"
    description="LoRA、量化、模型部署实践"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/ai-native-app-design"
    title="AI 原生应用设计"
    description="设计以 AI 为核心的应用体验"
  />
<NavCard
    href="/zh-cn/appendix/8-artificial-intelligence/ai-capability-dictionary"
    title="AI 能力词典"
    description="AI 领域常用术语和核心概念速查"
  />
</NavGrid>

### 九、工程素养

提升代码质量、测试策略、设计模式和工程实践能力：
<NavGrid>
<NavCard
    href="/zh-cn/appendix/9-engineering-excellence/code-quality-refactoring"
    title="代码质量与重构"
    description="代码异味、重构手法、整洁代码"
  />
<NavCard
    href="/zh-cn/appendix/9-engineering-excellence/testing-strategies"
    title="测试策略"
    description="单元测试、集成测试、E2E 测试——测试金字塔"
  />
<NavCard
    href="/zh-cn/appendix/9-engineering-excellence/design-patterns"
    title="设计模式"
    description="创建型、结构型、行为型——经典设计模式"
  />
<NavCard
    href="/zh-cn/appendix/9-engineering-excellence/security-thinking"
    title="安全思维与攻防基础"
    description="常见漏洞、安全编码、防御策略"
  />
<NavCard
    href="/zh-cn/appendix/9-engineering-excellence/technical-writing"
    title="技术文档写作"
    description="README、API 文档、技术方案——写作技巧"
  />
<NavCard
    href="/zh-cn/appendix/9-engineering-excellence/open-source-collaboration"
    title="开源协作"
    description="GitHub 工作流、PR 规范、社区参与"
  />
<NavCard
    href="/zh-cn/appendix/9-engineering-excellence/technology-selection"
    title="技术选型方法论"
    description="如何评估和选择适合的技术方案"
  />
</NavGrid>

## 使用建议

- 学习过程中作为参考资料，按需查阅
- 遇到不熟悉的技术概念时，先在这里寻找解释
- 建议通读一遍，建立完整的知识体系

这是你的技术知识宝库，随时欢迎查阅！