Articles
文章积累
按主题整理大白话技术文章，适合安静阅读、回看和长期补充。
前端框架学习路线图
用同一个用户管理后台案例，建立 React、Vue 和横向对比的完整学习路线。
已完成 / 前端路线第 2 篇React 入门篇：组件 JSX Props State
用 React 19、TypeScript、组件、JSX、Props 和 State 写用户管理页的第一版。
已完成 / React第 3 篇React 核心篇：Hooks 表单 请求 用户列表
用 Hooks 管搜索、表单、请求、loading、error，把用户列表变成真实业务页面。
已完成 / React第 4 篇React 进阶篇：路由 状态管理 权限 工程化
把 React 用户管理页放进后台项目，补齐路由、权限、全局状态和工程化目录。
已完成 / React第 5 篇Vue 入门篇：模板 指令 组件 响应式
用 Vue 3.5、script setup、模板、指令、组件和响应式写用户管理页的第一版。
已完成 / Vue第 6 篇Vue 核心篇：Composition API 表单 请求 用户列表
用 Composition API 管搜索、表单、请求、loading、error，把用户列表变成真实业务页面。
已完成 / Vue第 7 篇Vue 进阶篇：Router Pinia 权限 工程化
把 Vue 用户管理页放进后台项目，补齐 Router、Pinia、权限、接口层和工程化目录。
已完成 / Vue第 8 篇React vs Vue 心智模型对比
从 render/commit、状态快照、Proxy 响应式、依赖追踪和调度更新理解 React 与 Vue 的底层差异。
已完成 / 横向对比第 9 篇React vs Vue 真实开发任务对比
按列表、搜索、弹窗、请求、路由权限、状态管理和工程化逐项横向对比。
已完成 / 横向对比第 10 篇React 生态全景与项目架构
理解 React 路由、状态、请求、表单、UI、样式、测试、Next.js 和 React Native 在项目中的分层职责。
已完成 / React第 11 篇Vue 生态全景与项目架构
理解 Vue Router、Pinia、Nuxt、请求封装、表单、组件库、测试和工程化如何组成稳定 Vue 项目。
已完成 / Vue第 12 篇React vs Vue 生态架构横向对比
从生态风格、架构分层、路由状态、请求表单、SSR、跨端、测试和团队维护角度横向比较 React 与 Vue。
已完成 / 横向对比从 0 到 1 做一个用户管理系统
把前端页面、FastAPI 接口、数据库、登录鉴权和权限控制串成一个完整小后台。
已完成 / 综合实战第 2 篇前后端接口联调
理解接口契约、请求地址、跨域、token、分页、表单提交、错误码和联调排查顺序。
已完成 / 接口联调第 3 篇后台权限系统设计
理解用户、角色、权限、菜单、按钮权限、路由权限和后端接口权限如何组成权限闭环。
已完成 / 权限系统第 4 篇SQLAlchemy 关系查询和性能优化
理解一对多、多对多、relationship、N+1 查询、selectinload、joinedload 和分页性能。
已完成 / 数据库进阶第 5 篇FastAPI 项目配置、多环境和部署上线
理解 .env、多环境配置、Docker Compose、Nginx、HTTPS、健康检查、日志和上线检查。
已完成 / 部署实战第 6 篇AI 应用里的 RAG 知识库实战
理解文档上传、切分、向量化、检索、Prompt、引用来源和 RAG 效果调试。
已完成 / AI 实战生产环境日志、监控和告警
理解日志、指标、链路追踪、request_id、P95、慢查询和告警设计。
已完成 / 可观测性第 2 篇CI/CD、发布和回滚
理解 CI 检查、CD 部署、固定制品、冒烟测试、发布观察和回滚流程。
已完成 / 发布流程第 3 篇后端安全加固实战
理解密码 hash、token、权限校验、CORS、限流、SQL 注入、文件上传和密钥管理。
已完成 / 安全第 4 篇数据库备份、迁移和恢复
理解数据库备份、恢复演练、生产迁移、危险改表和数据回滚策略。
已完成 / 数据安全第 5 篇接口契约、版本管理和文档
理解接口契约、OpenAPI、字段变更、版本管理、错误码和契约测试。
已完成 / 接口治理第 6 篇生产问题排查 Runbook
理解线上故障确认、影响范围、止血、定位、恢复、记录和复盘流程。
已完成 / 故障处理