一、B站前端UP主推荐（按学习阶段分类）
基础阶段（HTML/CSS/JavaScript）
-
Coderwhy
- 特点：零基础友好，课程涵盖HTML/CSS/JavaScript核心语法，搭配实战项目（如个人博客、购物车）。
- 推荐课程：《零基础入门前端开发》系列。
-
前端小课
- 特点：系统化讲解基础标签、选择器、DOM操作，案例简洁清晰，适合建立知识框架。
-
山地人
- 特点：以“手写源码”著称，通过复现Element UI组件深入理解CSS/JS设计模式。
框架与工程化阶段
-
尚硅谷官方
- 特点：体系完整，覆盖Vue/React全栈开发，配套Webpack/Vite工程化工具详解。
- 推荐课程：《前端全栈开发教程》。
-
若川视野
- 特点：专注源码解析（如Vue3、React Hooks）和性能优化，适合进阶。
-
CodePan
- 特点：生动讲解框架对比（Vue vs React）及实战技巧，项目驱动学习。
专项提升
- 锋利的西瓜：前端性能优化、浏览器原理。
- 技术胖：趣味项目实战（如仿抖音小程序）。
- 阮一峰：深入ES6、HTTP协议等底层知识
二、分阶段学习计划（4个月，每日2-3小时）
以下为系统学习路线，分为三个阶段：
三、关键学习建议
- 项目驱动：每个阶段完成1-2个实战项目（如基础阶段：电商静态页；框架阶段：TodoList+后台管理系统）。
- 源码学习：跟随山地人、若川视野分析开源库源码，理解设计模式。
- 技术迭代：关注新兴工具（如Tailwind CSS、Vite），通过“十天入门前端”等速成课快速上手。
四、资源整合
- 免费工具：利用Cursor（AI编程助手）加速项目开发9。
💡 提示：自学前端需保持“先深度后广度”原则，避免框架跳学。建议每阶段完成后通过复现UP主项目代码（如Element组件库、Vue3源码）巩固知识。
开始面试阶段
以上内容都有对应的源码笔记解析，方便大家从0了解每一步，深入学习！！！ 更多内容包括（工程化、低代码、算法、八股面试题、场景面试题等），都有对应整理，觉得不错可以点击，不收米啊啊啊啊！！！！
