Learning Route
准备开始
已通关 0 / 43 关,整体学习进度 0%
Study Game
把文章路线变成一张一关关推进的学习地图,每关先读正文,再做选择题练习。
Learning Route
已通关 0 / 43 关,整体学习进度 0%
Next Step
大白话学习路线图
本关包含正文阅读 + 3 道选择题练习用同一个用户管理后台案例,建立 React、Vue 和横向对比的完整学习路线。
用 React 19、TypeScript、组件、JSX、Props 和 State 写用户管理页的第一版。
用 Hooks 管搜索、表单、请求、loading、error,把用户列表变成真实业务页面。
把 React 用户管理页放进后台项目,补齐路由、权限、全局状态和工程化目录。
用 Vue 3.5、script setup、模板、指令、组件和响应式写用户管理页的第一版。
用 Composition API 管搜索、表单、请求、loading、error,把用户列表变成真实业务页面。
把 Vue 用户管理页放进后台项目,补齐 Router、Pinia、权限、接口层和工程化目录。
从 render/commit、状态快照、Proxy 响应式、依赖追踪和调度更新理解 React 与 Vue 的底层差异。
按列表、搜索、弹窗、请求、路由权限、状态管理和工程化逐项横向对比。
理解 React 路由、状态、请求、表单、UI、样式、测试、Next.js 和 React Native 在项目中的分层职责。
理解 Vue Router、Pinia、Nuxt、请求封装、表单、组件库、测试和工程化如何组成稳定 Vue 项目。
从生态风格、架构分层、路由状态、请求表单、SSR、跨端、测试和团队维护角度横向比较 React 与 Vue。
把前端页面、FastAPI 接口、数据库、登录鉴权和权限控制串成一个完整小后台。
理解接口契约、请求地址、跨域、token、分页、表单提交、错误码和联调排查顺序。
理解用户、角色、权限、菜单、按钮权限、路由权限和后端接口权限如何组成权限闭环。
理解一对多、多对多、relationship、N+1 查询、selectinload、joinedload 和分页性能。
理解 .env、多环境配置、Docker Compose、Nginx、HTTPS、健康检查、日志和上线检查。
理解文档上传、切分、向量化、检索、Prompt、引用来源和 RAG 效果调试。
理解日志、指标、链路追踪、request_id、P95、慢查询和告警设计。
理解 CI 检查、CD 部署、固定制品、冒烟测试、发布观察和回滚流程。
理解密码 hash、token、权限校验、CORS、限流、SQL 注入、文件上传和密钥管理。
理解数据库备份、恢复演练、生产迁移、危险改表和数据回滚策略。
理解接口契约、OpenAPI、字段变更、版本管理、错误码和契约测试。
理解线上故障确认、影响范围、止血、定位、恢复、记录和复盘流程。