自学框架与基础，该从何学起？

99ANYc3cd6 自学报考 2026-04-22 1

第一部分：道 - 自学心法与核心原则

在开始具体学习之前,建立正确的“自学观”至关重要，这能让你在遇到困难时不轻易放弃。

目标驱动，而非技术驱动
- 错误心态：“我想学 React”、“我想学 Spring Boot”。（目标模糊，容易迷失）
- 正确心态：“我想做一个个人博客网站，需要用到前端框架”、“我想做一个后端 API 服务，需要用到后端框架”。（目标清晰，技术是为目标服务的工具）
先“术”后“道”，但要“知其所以然”
- 术：框架的 API、语法、最佳实践，这是快速上手、做出东西的部分。
- 道：框架背后的设计思想（如 React 的 Virtual DOM、Vue 的响应式原理、Spring 的 IoC/AOP），这是让你从“会用”到“精通”的关键。
- 策略：初期以“术”为主，先快速做出项目，在项目实践中，遇到瓶颈或性能问题时，再回头深挖“道”。
以项目为中心，而非以教程为中心
- 不要无休止地看视频、读文档。学习最好的方式是“做”。
- 找一个你感兴趣的小项目（如待办事项应用、天气App、电商网站首页），然后带着问题去查文档、看教程，这叫“问题驱动学习”。
拥抱“T型人才”模型
- “|”（深度）：在你选择的框架领域深耕，成为专家。
- “—”（广度）：广泛了解相关的基础知识（如 HTTP 协议、数据库、操作系统、网络），广度决定了你的技术天花板有多高。自学基础，就是拓展你的“—”。

我们将学习分为三个阶段：筑基期、框架期、实践期。

这个阶段不学任何具体框架，而是学习所有技术都通用的底层知识，这是你未来学习任何新框架、新语言都能快速上手的基石。

编程语言基础 (选一门，学扎实)

JavaScript/TypeScript (前端必学):
- 核心: 变量、数据类型、运算符、流程控制、函数、作用域、闭包、this、原型链、异步编程。
- ES6+: let/const、箭头函数、Promise/async/await、解构赋值、模块化。
- TypeScript: 类型系统、接口、泛型。强烈建议学！ 现代前端开发必备，能极大提升代码质量和开发效率。
Python (后端/数据分析/AI必学):
- 核心: 语法、数据结构、函数、面向对象、文件操作、异常处理。
- 进阶: 装饰器、生成器、并发/多线程。
Java (企业级后端必学):
- 核心: 语法、面向对象、集合、泛型、I/O、多线程。
- 进阶: JVM、并发编程、网络编程。

计算机科学基础 (硬核，但决定你的上限)

数据结构与算法: 数组、链表、栈、队列、哈希表、树、图，排序、查找、递归、动态规划。LeetCode 刷题是很好的练习方式。
计算机网络: HTTP/HTTPS 协议、TCP/IP 模型、DNS、RESTful API 设计原则。
操作系统: 进程与线程、内存管理、文件系统。
数据库:
- SQL: 熟练掌握 SELECT, JOIN, GROUP BY, INDEX 等。
- 数据库设计: 范式、ER 图。

开发工具与环境

Git & GitHub: 版本控制是现代开发的必备技能，学会 clone, commit, push, branch, merge。
命令行/终端: 熟悉常用命令（cd, ls, mkdir, rm, grep）。
代码编辑器: VS Code 是目前的主流，安装必要的插件（如 Prettier, ESLint）。

在打好基础后,根据你的兴趣选择一个方向，并学习该领域的核心框架。

前端开发

核心三剑客:
- HTML/CSS: 语义化标签、Flexbox/Grid 布局、CSS 动画、响应式设计。
- JavaScript/TypeScript: 见阶段一。
框架选择 (三选一，精通一个，了解其他):
- React: 目前最流行，生态最庞大，社区活跃，学习 JSX、Component、Props、State、Hooks、Redux/Zustand 状态管理、React Router 路由。
- Vue: 对新手友好，文档清晰，学习曲线平缓，学习模板语法、Options API/Composition API、Vuex/Pinia 状态管理、Vue Router 路由。
- Angular: 由 Google 背书，适合大型企业级应用，功能全面，但学习曲线较陡。
工程化工具:
- 构建工具: Vite (现代、快速) 或 Webpack (经典、强大)。
- 包管理器: npm 或 yarn 或 pnpm。

后端开发

核心基础:
- API 设计: RESTful API 设计规范。
- 数据库: SQL (MySQL, PostgreSQL) 或 NoSQL (MongoDB, Redis)。
- 身份认证: JWT (JSON Web Tokens)。
框架选择 (选一门语言，学其主流框架):
- Java: Spring Boot，简化了 Spring 的配置，是目前 Java 后端的事实标准，学习 IoC、AOP、自动配置、数据访问、Web 开发。
- Python: Django (大而全，自带 ORM、Admin) 或 Flask (小而美，灵活，适合微服务)，推荐从 Flask 开始，感受更“原生”的 Web 开发。
- Node.js: Express.js (轻量、灵活) 或 Nest.js (基于 TypeScript，结构化，类似 Spring Boot)。

这是检验学习成果、提升综合能力的最重要阶段。

个人项目

从简到繁:
1. 待办事项应用: 练习 CRUD (增删改查)、状态管理、本地存储。
2. 天气查询应用: 调用第三方 API (如 OpenWeatherMap)、处理异步请求、数据可视化。
3. 个人博客/作品集: 包含文章列表、详情、标签分类、评论系统，这会涉及到后端 API、数据库、身份认证等。
要求:
- 代码规范: 使用 ESLint, Prettier 等工具。
- 版本控制: 将代码托管到 GitHub，并编写清晰的 README.md 文件。
- 部署上线: 将项目部署到线上，如 Vercel (前端)、Netlify (前端)、Heroku (后端)、阿里云/腾讯云等，让别人能访问到你的作品，这是巨大的激励。

阅读源码与优秀开源项目

参与社区