# CodeDocs 内容架构规划

## 愿景
为全栈、全端工程师打造一个**可查、可参考、可速查**的技术文档与知识库，覆盖从底层原理、框架实战、到面试突破的全链路。

## 一级分类（顶部菜单）

### 1. 📚 技术文档
   主要技术栈与框架学习

#### 1.1 ⚙️ 后端技术
   **目标用户**: 后端工程师、全栈开发者
   
   - **Java 生态**
     - Spring Framework / Spring Boot / Spring Cloud
       - 核心概念 (IoC, AOP, Bean 生命周期)
       - 常用注解与配置方式
       - 微服务架构与分布式方案
       - 性能优化与监控
     - JVM 优化与性能调试
     - 并发编程 (ThreadPool, Lock, Concurrent 工具)
   
   - **数据库与缓存**
     - SQL 优化与查询计划
     - MySQL 索引设计与事务管理
     - NoSQL (Redis, MongoDB)
     - 分布式缓存方案
   
   - **消息队列与异步**
     - RabbitMQ / Kafka / RocketMQ
     - 事件驱动架构
   
   - **分布式系统**
     - 一致性 (Raft, Consensus)
     - 服务治理 (Nacos, Consul)
     - 链路追踪 (Jaeger, SkyWalking)

#### 1.2 ⚛️ 前端开发
   **目标用户**: 前端工程师、全栈开发者
   
   - **核心框架**
     - React
       - Hooks 深度解析
       - 状态管理 (Redux, Zustand, Jotai)
       - 性能优化 (Code Splitting, Memo, Lazy)
       - SSR / SSG 方案
     - Vue 3
       - Composition API 最佳实践
       - 响应性原理
       - Pinia 状态管理
   
   - **工程化**
     - 构建工具 (Webpack, Vite, Turbopack)
     - 包管理 (npm, pnpm, yarn)
     - CI/CD 流程
   
   - **性能与体验**
     - Web 性能指标 (LCP, FID, CLS)
     - 渲染优化
     - 网络优化 (CDN, 压缩)
   
   - **跨端开发**
     - React Native
     - Electron
     - 小程序 (微信、支付宝)

#### 1.3 🧠 算法与面试
   **目标用户**: 求职者、算法爱好者
   
   - **数据结构**
     - 数组、链表、栈、队列
     - 树 (二叉树、AVL、红黑树、B 树)
     - 图
     - 堆、优先队列
   
   - **经典算法**
     - 排序与查找
     - 动态规划
     - 贪心算法
     - 回溯与递归
   
   - **编程面试题**
     - 按类型分类 (String, Array, Tree, Graph, DP)
     - 按难度分级
     - 按公司出现频率分类
   
   - **系统设计**
     - 高并发架构设计
     - 分布式系统设计
     - 大数据处理

---

## 二级分类 - 导航示例

### 技术文档 > 后端技术
```
├── Spring 全家桶
│   ├── Spring Core (IoC, AOP)
│   ├── Spring MVC
│   ├── Spring Boot 实战
│   ├── Spring Cloud 微服务
│   └── Spring Data
├── JVM 与性能
│   ├── JVM 内存模型
│   ├── GC 调优
│   └── 性能分析工具
├── 并发编程
│   ├── 线程基础
│   ├── 锁与同步
│   ├── Concurrent 工具类
│   └── 实战案例
└── 数据库
    ├── MySQL 核心
    ├── 索引优化
    ├── 事务与隔离
    └── 分布式事务
```

### 技术文档 > 前端开发
```
├── React 进阶
│   ├── Hooks 深入
│   ├── 状态管理对比
│   ├── 性能优化
│   └── Next.js / Remix
├── 工程化实践
│   ├── 构建系统选型
│   ├── 测试体系
│   ├── 发布流程
│   └── 监控与错误追踪
└── 跨端方案
    ├── React Native
    ├── Electron
    └── 小程序开发
```

---

## 三级结构示例

每个主题采用标准化格式：

```
## 主题名称

### 📌 核心概念
- 定义与原理
- 为什么需要它

### 🔧 实践指南
- 快速开始
- 常见用法
- 最佳实践

### ⚡ 性能优化
- 性能指标
- 瓶颈分析
- 优化方案

### 🎯 面试必考
- 高频问题
- 答题思路
- 深度扩展

### 📚 参考资源
- 官方文档
- 推荐阅读
- 代码示例
```

---

## 2️⃣ 🛠️ 工具与资源（待扩展）

- **最佳实践**: 设计模式、代码规范、安全实践
- **常用链接**: 文档汇总、在线工具、社区论坛
- **推荐阅读**: 经典书籍、论文、博客精选

---

## 3️⃣ 📝 Blog
- 技术分享
- 学习笔记
- 行业资讯

---

## 内容组织策略

### 按学习路径分级
1. **快速入门** (⏱️ 5-10分钟)
   - 适合初学者快速上手
   
2. **深度学习** (⏱️ 30分钟-1小时)
   - 详细讲解原理与实践
   
3. **性能与优化** (⏱️ 1-2小时)
   - 高级技巧与优化方案
   
4. **面试突破** (⏱️ 灵活)
   - 高频问题与答题框架

### 搜索与过滤支持
- 按难度筛选
- 按学习时间筛选
- 按使用频率筛选
- 按技术栈筛选

---

## 实施优先级

### Phase 1 (当前)
- ✅ 首页设计升级（蓝色悬停动效）
- ✅ 多级菜单配置
- ✅ 内容分类框架

### Phase 2
- 迁移现有内容到新分类
- 补充 Spring 系列完整文档
- 补充 React 进阶指南

### Phase 3
- 补充算法与面试题库
- 添加交互式代码编辑器
- 性能与搜索优化

### Phase 4
- 用户反馈收集与迭代
- 内容深化与补充
- 社区建设

---

## 目标数据

| 指标 | 当前 | 目标 |
|-----|------|------|
| 文档页面数 | ~30 | 200+ |
| 一级分类 | 3 | 4+ |
| 二级分类 | ~6 | 15+ |
| 代码示例数 | ~10 | 100+ |
| 日均访问 | N/A | 1000+ |

---

## 参考标准

- 参考 Dyte Docs 的多级菜单、强大的搜索
- 参考 MDN 的结构化学习路径
- 参考 阿里技术文档 的工程最佳实践