Study Game

学习小游戏

把文章路线变成一张一关关推进的学习地图,每关先读正文,再做选择题练习。

Learning Route

准备开始

已通关 0 / 43 关,整体学习进度 0%

地图关卡43
已开始0
已通关0
需复习0

Next Step

从第一关出发

大白话学习路线图

本关包含正文阅读 + 3 道选择题练习
开始第一关
可进入练习中已通关需复习后续关卡
区域 2前端框架
02
后续关卡0%

前端框架学习路线图

用同一个用户管理后台案例,建立 React、Vue 和横向对比的完整学习路线。

正文阅读3 道练习题
预览内容
03
后续关卡0%

React 入门篇:组件 JSX Props State

用 React 19、TypeScript、组件、JSX、Props 和 State 写用户管理页的第一版。

正文阅读3 道练习题
预览内容
04
后续关卡0%

React 核心篇:Hooks 表单 请求 用户列表

用 Hooks 管搜索、表单、请求、loading、error,把用户列表变成真实业务页面。

正文阅读3 道练习题
预览内容
05
后续关卡0%

React 进阶篇:路由 状态管理 权限 工程化

把 React 用户管理页放进后台项目,补齐路由、权限、全局状态和工程化目录。

正文阅读3 道练习题
预览内容
06
后续关卡0%

Vue 入门篇:模板 指令 组件 响应式

用 Vue 3.5、script setup、模板、指令、组件和响应式写用户管理页的第一版。

正文阅读3 道练习题
预览内容
07
后续关卡0%

Vue 核心篇:Composition API 表单 请求 用户列表

用 Composition API 管搜索、表单、请求、loading、error,把用户列表变成真实业务页面。

正文阅读3 道练习题
预览内容
08
后续关卡0%

Vue 进阶篇:Router Pinia 权限 工程化

把 Vue 用户管理页放进后台项目,补齐 Router、Pinia、权限、接口层和工程化目录。

正文阅读3 道练习题
预览内容
09
后续关卡0%

React vs Vue 心智模型对比

从 render/commit、状态快照、Proxy 响应式、依赖追踪和调度更新理解 React 与 Vue 的底层差异。

正文阅读3 道练习题
预览内容
10
后续关卡0%

React vs Vue 真实开发任务对比

按列表、搜索、弹窗、请求、路由权限、状态管理和工程化逐项横向对比。

正文阅读3 道练习题
预览内容
11
后续关卡0%

React 生态全景与项目架构

理解 React 路由、状态、请求、表单、UI、样式、测试、Next.js 和 React Native 在项目中的分层职责。

正文阅读3 道练习题
预览内容
12
后续关卡0%

Vue 生态全景与项目架构

理解 Vue Router、Pinia、Nuxt、请求封装、表单、组件库、测试和工程化如何组成稳定 Vue 项目。

正文阅读3 道练习题
预览内容
13
后续关卡0%

React vs Vue 生态架构横向对比

从生态风格、架构分层、路由状态、请求表单、SSR、跨端、测试和团队维护角度横向比较 React 与 Vue。

正文阅读3 道练习题
预览内容