前端开发是构建用户界面的技术栈，随着 Web 应用复杂度的提升，前端领域发展迅速。本文整理了个人学习前端过程中的路线规划和关键知识点，供同样在路上的同学参考。
一、基础入门（必学）
- HTML5：语义化标签、表单增强、多媒体元素（video/audio）、Canvas 基础。
- CSS3：选择器、盒模型、Flex 布局、Grid 布局、过渡动画、响应式设计（媒体查询）。
- JavaScript 核心：变量提升、作用域闭包、原型链、异步编程（Promise/async-await）、事件循环、DOM 操作。
二、工程化与工具
- 版本控制：Git 基本命令、分支管理、GitHub/GitLab 协作。
- 包管理器：npm / yarn / pnpm 的使用。
- 构建工具：Webpack 核心概念（entry/output/loader/plugins）、Vite 快速入门。
- 代码规范：ESLint + Prettier 配置。
三、主流框架（至少精通一个）
- React：JSX、组件生命周期（或 Hooks）、状态管理（Redux/Zustand）、React Router。
- Vue.js：响应式原理、模板语法、Vue Router、Pinia/Vuex。
- Angular：TypeScript 基础、依赖注入、RxJS（可选）。
个人目前主要学习 React 和 Vue，并尝试用它们搭建小型项目。
四、进阶与周边
- TypeScript：静态类型系统、接口、泛型，提高代码可维护性。
- HTTP 协议：常见状态码、请求方法、缓存策略、跨域处理（CORS）。
- 性能优化：懒加载、代码分割、浏览器渲染原理、内存泄漏排查。
- 测试：单元测试（Jest/Vitest）、组件测试（Testing Library）。
- 服务端基础：Node.js 简单 API 开发、Express 框架。
五、学习资源推荐
- MDN Web Docs：最权威的文档。
- JavaScript.info：详细的 JS 教程。
前端技术日新月异，但基础扎实才能走得更远。本文仅是个人学习总结，希望对你有帮助。