一、 核心基础（必须掌握）
这是地基，无论技术栈如何演变，这些都不会过时。
-
JavaScript (ES6+)
-
变量和作用域：
let,const, 块级作用域。 -
函数： 箭头函数、默认参数、剩余参数。
-
对象和数组： 解构赋值、扩展运算符、现代数组方法（
map,filter,reduce,find等）。 -
异步编程： Promise、async/await、事件循环。这是 Node.js 和现代前端开发的灵魂。
-
模块系统： ES Modules (
import/export)。
-
-
TypeScript (核心)
-
类型系统： 基本类型、接口、泛型、类型别名、联合/交叉类型。
-
类型推断和断言。
-
配置：
tsconfig.json文件的详细理解。 -
工具类型： 如
Partial,Pick,Omit等，能极大提高开发效率。 -
在 React 中的应用： 如何为组件、Props、Hooks、事件等定义类型。
-
-
Node.js (运行时)
-
核心模块：
fs,path,http,events,stream等。 -
CommonJS vs ES Modules： 理解它们的区别和混用问题。
-
包管理： npm 或 yarn 的熟练使用，理解
package.json脚本、依赖管理。 -
Nodemon： 开发时自动重启工具。
-
二、 后端技术栈（Node.js + TypeScript）
-
Web 框架
-
Express.js： 最流行、最基础的框架。必须掌握其中间件机制、路由、错误处理。
-
Nest.js (强烈推荐)： 一个基于 TypeScript 构建的、面向 AOP、依赖注入的企业级框架。它提供了开箱即用的架构，非常适合构建大型、可维护的后端应用。学习它的模块、控制器、服务、管道、守卫等概念。
-
-
数据库与 ORM/ODM
-
SQL (关系型数据库)：
-
PostgreSQL 或 MySQL： 任选其一精通。
-
ORM： Prisma (强烈推荐) 或 TypeORM。它们能让你用 TypeScript 的类型安全方式来操作数据库。
-
-
NoSQL (非关系型数据库)：
-
MongoDB： 最流行的文档数据库。
-
ODM： Mongoose，配合
@typegoose/typegoose可以获得更好的 TypeScript 体验。
-
-
-
API 与 认证
-
RESTful API 设计原则。
-
GraphQL (进阶)： 了解其概念，并学习使用 Apollo Server 或 Nexus 来构建 GraphQL API。
-
认证与授权：
-
JWT： 无状态认证的标准。
-
OAuth 2.0 / OpenID Connect： 第三方登录（如 GitHub, Google 登录）。
-
-
-
测试
-
单元测试： Jest (事实标准)，学习 mocking。
-
集成测试： 使用 Supertest 来测试 API 端点。
-
-
开发与部署
-
环境变量管理：
dotenv。 -
代码质量： ESLint、Prettier。
-
容器化： Docker。学习编写
Dockerfile和docker-compose.yml。 -
部署：
-
了解如何在 Linux 服务器上部署（使用 PM2 等进程管理器）。
-
了解云服务部署：AWS, Google Cloud, Vercel, Railway 等。
-
-
三、 前端技术栈（React + TypeScript）
-
React 核心概念
-
组件： 函数组件（现在是主流）。
-
Hooks：
useState,useEffect,useContext,useReducer,useMemo,useCallback。必须理解它们的依赖数组和闭包陷阱。 -
状态管理：
-
本地状态：
useState。 -
全局状态： Context API 用于简单场景。复杂场景可使用 Zustand (轻量且推荐) 或 Redux Toolkit (经典，但学习曲线稍陡)。
-
-
Props 和组件通信。
-
-
路由
-
React Router： 单页面应用路由的标准库。
-
-
构建工具和开发环境
-
Vite (强烈推荐)： 极速的构建工具，开发体验远超 Create React App。
-
Create React App： 经典，但正在被 Vite 等替代。
-
-
样式方案
-
CSS Modules： 局部作用域的 CSS，与 TypeScript 和 React 集成良好。
-
Styled-components 或 Emotion： CSS-in-JS 方案。
-
Tailwind CSS： 实用优先的原子化 CSS 框架，非常流行。
-
UI 组件库： MUI (Material-UI), Ant Design, Chakra UI 等，可以快速搭建美观的界面。
-
-
状态获取与缓存
-
数据获取库： TanStack Query (原 React Query)。它处理服务器状态、缓存、同步、分页等，能极大简化数据获取逻辑。SWR 是另一个类似选择。
-
传统方式：
fetchAPI 或 Axios。
-
-
前端测试
-
Jest + React Testing Library： 测试 React 组件的最佳实践。
-
-
前端部署
-
Vercel 或 Netlify： 对前端项目部署有极佳的体验和免费套餐。
-
四、 全栈整合与进阶
-
前后端通信
-
使用 Axios 或
fetch从 React 前端调用 Node.js API。 -
处理 CORS 问题（在后端使用
cors中间件）。
-
-
项目初始化与 Monorepo
-
模板： 学会创建自己的项目模板或使用社区模板。
-
Monorepo： 使用 Turborepo 或 Nx 来管理包含前后端的单一代码库，共享代码（如 TypeScript 类型定义）非常方便。
-
-
性能与优化
-
后端： 数据库查询优化、索引、缓存（Redis）。
-
前端： 代码分割、懒加载、图片优化、Bundle 分析。
-
-
安全
-
后端： Helmet.js (设置安全 HTTP 头)、SQL 注入防护、XSS、CSRF 防护、输入验证与清理。
-
前端： XSS 防护。
-
-
DevOps / CI-CD
-
GitHub Actions 或 GitLab CI： 学习设置自动化测试和部署流程。
-
发表评论
所有评论(0)