前端学习资料

作为一个 Java 后端，平时免不了要自己写点页面、调调样式，这里整理的是自己学前端过程中收藏的资料，以能快速上手 Vue 生态、看懂前端工程为目标，同样是视频和网站为主，持续更新。

推荐学习路线：

HTML / CSS / JavaScript 三件套 → ES6+ 语法 → Vue（或 React 二选一先深入）→ 组件库（Element Plus）→ 工程化工具（Vite / Webpack、npm）→ TypeScript → Node.js 基础

后端学前端不用太纠结 CSS 的奇技淫巧，重点是看懂页面结构、能写交互、能和后端接口联调，框架用熟之后再回头补基础会更有感觉。

B站视频推荐：

1. 黑马程序员《Web前端入门》，HTML、CSS、JavaScript 从零讲起，适合零基础 观看地址
2. 尚硅谷《JavaScript基础》，js 的闭包、原型链、异步这些难点讲得比较透 观看地址
3. 黑马《Vue2+Vue3全套》，一套课把两个版本都覆盖，options api 和 composition api 对比着学 观看地址
4. 技术胖，Vue、React 相关的免费视频很多，更新也勤，适合快速过新版本特性 观看地址
5. 黑马《TypeScript》，有 js 基础之后直接上 ts，类型系统讲得清楚 观看地址

学习网站推荐：

基础三件套 / 语言核心：

1. MDN Web Docs，前端领域的权威文档，HTML、CSS、JS 的属性和 API 优先查这里
2. 现代 JavaScript 教程 —— 免费开源的 js 进阶教程，闭包、原型、事件循环讲得很成体系
3. 阮一峰 ES6 入门教程，ES6 语法的查询手册，let/const、Promise、解构都来自这里

框架与工程化：

1. Vue 官方文档，中文文档质量极高，深度指南值得完整读，本人主要在用
2. React 官方中文文档 —— 新版文档交互式示例很多，想学 React 从这里开始
3. TypeScript 官方文档，官方中文手册，配合 TS Playground 练习
4. Vite 官方文档，新建项目、配置代理解决跨域都会用到
5. Webpack 中文文档，老项目维护绕不开，概念部分（loader、plugin）重点看