基础三件套(必学)
| 技术 | 说明 |
|---|---|
| HTML5 | 页面结构,语义化标签 |
| CSS3 | 样式布局,重点学 Flexbox 和 Grid |
| JavaScript | 核心语言,原生 JS 至少要熟练 |
核心框架(选一深入)
| 框架 | 特点 |
|---|---|
| React | 生态最广,组件化成熟 |
| Vue | 上手快,中文文档友好 |
| Angular | 大型企业项目用得多 |
工程化工具(必备)
- Node.js --- 前端工程化的基础
- npm / pnpm / yarn --- 包管理
- Vite / Webpack --- 构建工具
- Git --- 版本控制
进阶技能
- TypeScript --- typed JS,大项目必备
- CSS 预处理器 --- Sass/Less
- 状态管理 --- Redux/Zustand/Pinia
- CSS 框架 --- Tailwind CSS / Ant Design / Element Plus
软技能
- 浏览器 DevTools --- 调试、性能分析
- HTTP / REST API --- 前后端交互
- 浏览器兼容性 --- 了解主流浏览器差异
- 响应式设计 --- 移动端适配
建议路径:HTML/CSS/JS → 一个主流框架(Vue 或 React)→ 工程化工具 → TypeScript → 深入进阶。