汤小洋-JavaScript零基础入门到进阶

这套资料的实际形态

汤小洋这套 JavaScript 课程在结构上分两块：一块是随课程走的源码与可执行示例，另一块是成体系的笔记文档。笔记以 Markdown 和 PDF 双份存在，内容按「基础」和「进阶」两个阶段拆开，基础部分围绕语法、类型、函数、对象、数组这些语言内核展开，进阶部分则往原型链、闭包、异步、DOM 与 BOM 操作、事件机制这些方向走。源码目录里放的是可以直接跑起来的示例代码，不是只供观看的片段。这意味着你在看某个知识点时，可以立刻把对应文件拉下来改一改、打断点跟一遍执行流程，而不是对着视频里的代码截图干瞪眼。

技术栈与知识组织方式

课程选的是原生 JavaScript 这条线，没有一上来就绑框架。这个选择对零基础的人是合适的：先把语言本身的行为搞明白，后面再学 Vue、React 时才知道哪些是框架给的、哪些是语言本来就有的。笔记文档承担的是「结构化索引」的角色——把散落在示例里的知识点收拢成条目，方便你回头查。源码承担的是「可验证」的角色——每一段语法现象都有对应的可运行文件。两者配合，形成的是「读一遍、跑一遍、改一遍」的循环，而不是单向的信息输入。

可复用的部分在哪里

从工程视角看，这套资料里真正能沉淀下来带走的东西有三类。第一类是示例代码的组织方式，比如函数封装、模块拆分、事件绑定的写法，这些可以直接搬到自己的小项目里当骨架。第二类是笔记里的知识条目，尤其是进阶部分对原型、作用域、this 指向、事件循环这些容易混淆概念的梳理，适合当速查手册。第三类是练习题的思路——很多示例本身就是一个小场景，把它改造成自己的功能，比从空白文件开始写要快得多。需要提醒的是，源码目录里包含一个打包后的可执行文件，这类文件通常只作演示用，重点还是放在可读的脚本和笔记上。

怎么用它自学

• 先通读基础笔记，遇到不确定的语法点立刻打开对应源码文件跑一遍，确认输出结果和你的预期是否一致。
• 每学完一个模块，不看示例，自己从零写一个等价的小功能，写完再对照源码找差异，差异点往往就是你没吃透的地方。
• 进阶部分不要跳。原型链、闭包、异步这几块是后面所有前端工作的地基，跳过之后学框架只会更痛苦。
• 把笔记当索引用，不要当教材从头背到尾。遇到问题先查笔记定位，再回到源码验证。
• 给自己定一个输出目标，比如用原生 JS 写一个待办清单或轮播图，把学到的 DOM 操作、事件处理、数据存储串起来。

适合谁，不适合谁

如果你完全没有编程经验，或者写过一点 HTML/CSS 但没系统碰过 JS，这套资料的门槛是合适的，因为它从语法开始讲，且每个点都有可运行代码兜底。如果你已经有 JS 基础、想直接学工程化或框架，那这套内容对你偏基础，价值主要在于查漏补缺和把模糊概念重新捋清楚。总体上，它是一份适合对照实践的入门资料，重点不在「看完」，而在「跑通、改对、写出来」。