学习路线

这条路线适合持续积累工程能力：先把基础打稳，再通过项目和源码形成体系，最后把经验转化成可表达的面试材料。

阶段一：基础能力

方向	重点	产出
JavaScript	作用域、原型、异步、模块化、内存模型	20 篇核心概念笔记
浏览器	渲染流程、事件循环、缓存、跨域、安全	浏览器专题图谱
CSS	布局、响应式、动画、工程化规范	组件布局案例集
TypeScript	类型建模、泛型、工具类型、工程实践	类型体操与业务示例

阶段二：框架与工程化

方向	重点	产出
Vue	响应式、组件通信、路由、状态管理	源码阅读笔记
构建	Vite、Rollup、插件机制、产物优化	构建流程图
测试	单测、组件测试、端到端测试	项目测试清单
质量	ESLint、格式化、提交规范、CI	工程规范模板

阶段三：项目沉淀

1. 选择一个真实业务场景，例如后台管理、笔记系统、数据看板或低代码工具。
2. 记录需求拆解、技术选型、核心难点和权衡。
3. 每个难点至少保留一篇“问题 -> 方案 -> 结果”的复盘。
4. 将可复用能力抽成组件、Hooks、工具函数或脚手架能力。

阶段四：面试转化

材料	要求
项目简介	30 秒讲清业务背景、角色和结果
技术亮点	用数据、复杂度或体验收益说明价值
STAR 故事	每个项目准备 3 个可追问场景
高频题	用定义、原理、场景、边界、代码五段式回答

每周复盘

• 本周新增了哪些可复用笔记？
• 哪个问题花费时间最多，根因是什么？
• 哪些内容还停留在“看过”，没有实践证据？
• 下周最值得推进的一个主题是什么？