这门课适合谁，不适合谁
先说结论：如果你已经能写 HTML 和 CSS，也能照着教程拼出一些静态页面，但一碰到「点击按钮之后页面要变」这类需求就卡住，这套课值得花时间。它把 JavaScript 里最常用、也最容易学得稀里糊涂的几块内容单独拎出来讲，重点是让你能把代码写到真实的页面里，而不是停在语法练习。
但如果你连变量、循环、函数是什么都还没接触过，直接上这套课会有点吃力，它的定位是「深入浅出」而不是「零基础启蒙」。另外，指望学完就能独立做完整项目、或者马上拿去面试大厂的人，也不合适——它解决的是语言和浏览器交互的基础功底，不是工程化、框架和项目实战。
它主要解决哪些工作场景
日常前端开发里，有大量重复又琐碎的事情其实都落在 JavaScript 上：页面加载后动态改文字和样式、根据用户点击切换状态、批量处理一组数据、把表单里的内容取出来校验后再提交。这些场景背后对应的就是 DOM 操作、事件处理、数组和字符串方法。
这套课把这几个方向拆开讲，等于把「页面为什么会动起来」这件事讲清楚。学完之后，你再看到别人的代码，能大致判断出它在操作页面的哪一部分、触发条件是什么，而不是只能整体复制粘贴。
学完能独立做到什么程度
- 能自己写出一段脚本，选中页面上指定的元素，并动态修改它的内容、样式或属性。
- 能读懂并写出常见的事件绑定逻辑，处理点击、输入、提交等交互，知道事件冒泡和默认行为大概是怎么回事。
- 面对一组数据，能熟练用数组和字符串的常用方法做筛选、拼接、去重、格式化，而不是每次都写一堆 for 循环。
- 能看懂并开始使用 ES6 里那些高频特性，比如箭头函数、模板字符串、解构、let 和 const，把老写法逐步替换掉。
- 能独立完成诸如「待办列表」「标签切换」「简单的表单校验」这类小功能，不需要逐行照抄。
需要说明的是，这些是「能独立写出来」的程度，不是「能优化到生产级别」。真正的熟练还得靠你自己在项目里反复用。
资料结构和学习建议
资料以视频讲解为主，内容按知识模块组织，DOM 部分占了相当大的比重，分成了上下两块，其余是数组字符串方法和 ES6 相关的内容。整体节奏是先讲原理再配示例，单节体量不大，适合每天抽固定时间看一两节。
建议的用法是：看视频时不要只跟着点头，每看完一节就自己新建一个空白页面，把讲到的能力重新写一遍，哪怕只是改改选择器、换换数据。DOM 和事件这两块尤其要动手，光看很容易产生「我懂了」的错觉，真写的时候会发现选择器写错、事件绑不上之类的问题。
数组和字符串方法那部分，可以配合自己手头的真实数据来练，比如把一份名单做筛选排序、把一串文本做格式化，比对着示例敲一遍有用得多。
编辑的判断
这套课的价值在于把 JavaScript 里最基础、最高频、也最容易被跳过的那几块讲透了。它的内容是「地基型」的，不会让你立刻做出炫酷的效果，但能让你在往后学框架、看别人代码、排查页面问题时少走很多弯路。
如果你现在的状态是「能搭页面但不会让它动」，或者「写 JS 全靠搜和抄」，那它值得系统过一遍。如果你已经能熟练操作 DOM、事件和数据方法都门儿清，那这套课对你来说偏基础，可以直接跳过。
课程目录
📁 04章 DOM 04章 DOM必看.png [493.5 KB] DOM（上）-04.mp4 [23.6 MB] DOM（上）-06.mp4 [17.3 MB] DOM（上）-01.mp4 [45.2 MB] DOM（上）-07.mp4 [39.5 MB] DOM（上）-10.mp4 [21.1 MB] DOM（上）-03.mp4 [34.5 MB] DOM（下）-3.mp4 [27.9 MB] DOM（上）-02.mp4 [35.9 MB] DOM（下）-2.mp4 [44.5 MB] DOM（上）-09.mp4 [39.4 MB] DOM（上）-05.mp4 [58.5 MB] DOM（上）-08.mp4 [17.8 MB] DOM（下）-1.mp4 [40.7 MB] 📁 03章 数组与字符串常用方法 数组与字符串常用方法（下）-9.mp4 [31.4 MB] 数组与字符串常用方法（中）-06.mp4 [26.5 MB] 数组与字符串常用方法（上）-06.mp4 [38.7 MB] 数组与字符串常用方法（下）-8.mp4 [29.9 MB] 数组与字符串常用方法（下）-5.mp4 [22.5 MB] 数组与字符串常用方法（上）-02.mp4 [34.6 MB] 数组与字符串常用方法（上）-08.mp4 [32.2 MB] 数组与字符串常用方法（上）-01.mp4 [25.9 MB] 数组与字符串常用方法（上）-09.mp4 [29.5 MB] 数组与字符串常用方法（上）-07.mp4 [20.4 MB] 数组与字符串常用方法（下）-3.mp4 [43.5 MB] 数组与字符串常用方法（中）-01.mp4 [18.8 MB] 数组与字符串常用方法（中）-04.mp4 [34.0 MB] 数组与字符串常用方法（中）-10.mp4 [20.7 MB] 数组与字符串常用方法（中）-05.mp4 [20.6 MB] 数组与字符串常用方法（下）-1.mp4 [19.8 MB] 数组与字符串常用方法（中）-07.mp4 [32.2 MB] 数组与字符串常用方法（下）-7.mp4 [32.7 MB] 数组与字符串常用方法（上）-03.mp4 [33.9 MB] 数组与字符串常用方法（上）-04.mp4 [27.9 MB] 数组与字符串常用方法（中）-08.mp4 [44.7 MB] 数组与字符串常用方法（下）-4.mp4 [35.1 MB] 数组与字符串常用方法（上）-10.mp4 [25.7 MB] 数组与字符串常用方法（上）-05.mp4 [18.5 MB] 数组与字符串常用方法（下）-6.mp4 [27.1 MB] 数组与字符串常用方法（中）-02.mp4 [14.1 MB] 数组与字符串常用方法（中）-03.mp4 [36.0 MB] 数组与字符串常用方法（中）-09.mp4 [26.4 MB] 数组与字符串常用方法（下）-2.mp4 [25.7 MB] 📁 06章 Event 06章 Event必看.png [493.5 KB] 事件对象Event（上）-08.mp4 [29.9 MB] 事件对象Event（上）-03.mp4 [32.6 MB] 事件对象Event（下）-02.mp4 [25.4 MB] 事件对象Event（上）-09.mp4 [34.1 MB] 事件对象Event（下）-04.mp4 [27.9 MB] 事件对象Event（上）-02.mp4 [27.3 MB] 事件对象Event（下）-07.mp4 [23.5 MB] 事件对象Event（下）-06.mp4 [34.4 MB] 事件对象Event（上）-10.mp4 [18.9 MB] 事件对象Event（上）-04.mp4 [30.4 MB] 事件对象Event（下）-05.mp4 [31.2 MB] 事件对象Event（下）-03.mp4 [38.6 MB] 事件对象Event（上）-05.mp4 [26.4 MB] 事件对象Event（上）-07.mp4 [29.4 MB] 事件对象Event（下）-08.mp4 [30.5 MB] 事件对象Event（上）-06.mp4 [45.3 MB] 事件对象Event（下）-01.mp4 [25.6 MB] 事件对象Event（上）-01.mp4 [33.6 MB] 📁 07章 ECMAScript 6 基础 07章 ECMAScript 6 基础说明.zip [1.8 MB] ECMAScript6基础（下）-4.mp4 [22.1 MB] ECMAScript6基础（下）-1.mp4 [23.5 MB] ECMAScript6基础（上）-01.mp4 [49.4 MB] ECMAScript6基础（上）-08.mp4 [43.5 MB] ECMAScript6基础（上）-06.mp4 [28.5 MB] ECMAScript6基础（上）-03.mp4 [25.9 MB] ECMAScript6基础（上）-04.mp4 [19.7 MB] ECMAScript6基础（上）-09.mp4 [18.9 MB] ECMAScript6基础（下）-2.mp4 [33.3 MB] ECMAScript6基础（上）-02.mp4 [14.9 MB] ECMAScript6基础（上）-05.mp4 [43.3 MB] ECMAScript6基础（上）-07.mp4 [48.1 MB] ECMAScript6基础（下）-3.mp4 [43.8 MB] ECMAScript6基础（上）-10.mp4 [42.8 MB] 📁 09章 移动端适配 09章 移动端适配资料.zip [1.8 MB] 移动端适配（中）-09.mp4 [30.6 MB] 移动端适配（上）-07.mp4 [33.1 MB] 移动端适配（中）-02.mp4 [43.7 MB] 移动端适配（上）-09.mp4 [32.3 MB] 移动端适配（上）-10.mp4 [27.8 MB] 移动端适配（中）-07.mp4 [38.6 MB] 移动端适配（中）-03.mp4 [37.2 MB] 移动端适配（上）-05.mp4 [32.7 MB] 移动端适配（中）-08.mp4 [26.1 MB] 移动端适配（下）-3.mp4 [45.0 MB] 移动端适配（上）-08.mp4 [31.7 MB] 移动端适配（上）-01.mp4 [29.5 MB] 移动端适配（中）-06.mp4 [25.6 MB] 移动端适配（中）-10.mp4 [44.4 MB] 移动端适配（上）-04.mp4 [28.0 MB] 移动端适配（上）-02.mp4 [33.1 MB] 移动端适配（中）-01.mp4 [36.4 MB] 移动端适配（中）-04.mp4 [29.6 MB] 移动端适配（下）-5.mp4 [22.4 MB] 移动端适配（上）-06.mp4 [39.8 MB] 移动端适配（中）-05.mp4 [36.1 MB] 移动端适配（上）-03.mp4 [38.9 MB] 移动端适配（下）-1.mp4 [50.8 MB] 移动端适配（下）-4.mp4 [48.2 MB] 移动端适配（下）-2.mp4 [46.3 MB] 📁 08章《云盘》 《云盘》（上）-08.mp4 [23.3 MB] 《云盘》（中）-07.mp4 [21.7 MB] 《云盘》（上）-04.mp4 [40.3 MB] 《云盘》（上）-01.mp4 [15.7 MB] 《云盘》（下）-02.mp4 [51.3 MB] 《云盘》（上）-05.mp4 [32.1 MB] 《云盘》（中）-08.mp4 [46.9 MB] 《云盘》（下）-04.mp4 [27.5 MB] 《云盘》（中）-01.mp4 [21.9 MB] 《云盘》（上）-10.mp4 [52.5 MB] 《云盘》（上）-07.mp4 [26.4 MB] 《云盘》（下）-05.mp4 [40.9 MB] 《云盘》（中）-09.mp4 [39.2 MB] 《云盘》（上）-03.mp4 [24.0 MB] 《云盘》（下）-03.mp4 [49.9 MB] 《云盘》（下）-01.mp4 [50.4 MB] 《云盘》（上）-09.mp4 [55.6 MB] 《云盘》（中）-02.mp4 [35.2 MB] 《云盘》（上）-02.mp4 [23.4 MB] 《云盘》（中）-03.mp4 [18.7 MB] 《云盘》（中）-05.mp4 [55.0 MB] 《云盘》（中）-04.mp4 [25.9 MB] 《云盘》（中）-06.mp4 [64.6 MB] 《云盘》（上）-06.mp4 [20.3 MB] 《云盘》（中）-10.mp4 [49.8 MB] 📁 01章 常用运算符 01章 常用运算符必看.zip [1.8 MB] 常用运算符（上）-01.mp4 [28.1 MB] 常用运算符（下）-6.mp4 [18.5 MB] 常用运算符（上）-03.mp4 [29.0 MB] 常用运算符（上）-06.mp4 [12.6 MB] 常用运算符（上）-08.mp4 [17.0 MB] 常用运算符（下）-4.mp4 [19.1 MB] 常用运算符（上）-04.mp4 [30.5 MB] 常用运算符（下）-2.mp4 [37.0 MB] 常用运算符（上）-07.mp4 [28.2 MB] 常用运算符（下）-5.mp4 [32.2 MB] 常用运算符（上）-05.mp4 [37.5 MB] 常用运算符（上）-09.mp4 [25.7 MB] 常用运算符（下）-1.mp4 [20.2 MB] 常用运算符（下）-3.mp4 [19.8 MB] 常用运算符（上）-02.mp4 [18.4 MB] 常用运算符（上）-10.mp4 [25.4 MB] 📁 02章 流程控制语句 流程控制语句-5.mp4 [28.0 MB] 流程控制语句-1.mp4 [21.7 MB] 流程控制语句-3.mp4 [24.6 MB] 流程控制语句-8.mp4 [30.6 MB] 流程控制语句-6.mp4 [27.7 MB] 流程控制语句-7.mp4 [29.4 MB] 流程控制语句-2.mp4 [29.0 MB] 流程控制语句-4.mp4 [23.7 MB] 📁 10章 移动端布局实践 10章 移动端布局实践文档.zip [1.8 MB] 移动端布局实战（二）-10.mp4 [39.7 MB] 移动端布局实战（二）-02.mp4 [48.3 MB] 移动端布局实战（二）-09.mp4 [48.6 MB] 移动端布局实战（四）-1.mp4 [40.0 MB] 移动端布局实战（二）-04.mp4 [48.2 MB] 移动端布局实战（二）-03.mp4 [35.8 MB] 移动端布局实战（三）-02.mp4 [43.3 MB] 移动端布局实战（三）-04.mp4 [66.6 MB] 移动端布局实战（一）-09.mp4 [50.3 MB] 移动端布局实战（三）-05.mp4 [80.9 MB] 移动端布局实战（二）-08.mp4 [43.4 MB] 移动端布局实战（一）-01.mp4 [12.4 MB] 移动端布局实战（三）-09.mp4 [72.1 MB] 移动端布局实战（一）-06.mp4 [33.3 MB] 移动端布局实战（二）-05.mp4 [62.6 MB] 移动端布局实战（二）-07.mp4 [37.9 MB] 移动端布局实战（一）-05.mp4 [40.8 MB] 移动端布局实战（四）-4.mp4 [20.0 MB] 移动端布局实战（三）-01.mp4 [58.5 MB] 移动端布局实战（二）-01.mp4 [55.5 MB] 移动端布局实战（一）-08.mp4 [44.2 MB] 移动端布局实战（四）-3.mp4 [50.6 MB] 移动端布局实战（四）-2.mp4 [85.2 MB] 移动端布局实战（三）-07.mp4 [66.7 MB] 移动端布局实战（三）-10.mp4 [37.3 MB] 移动端布局实战（一）-02.mp4 [29.3 MB] 移动端布局实战（三）-03.mp4 [48.2 MB] 移动端布局实战（一）-04.mp4 [21.3 MB] 移动端布局实战（三）-08.mp4 [71.8 MB] 移动端布局实战（二）-06.mp4 [24.2 MB] 移动端布局实战（一）-03.mp4 [24.1 MB] 移动端布局实战（一）-10.mp4 [54.9 MB] 移动端布局实战（三）-06.mp4 [36.1 MB] 移动端布局实战（一）-07.mp4 [36.0 MB] 📁 05章 BOM 05章 BOM资料.png [493.5 KB] bom-6.mp4 [34.2 MB] bom-1.mp4 [66.4 MB] bom-7.mp4 [17.8 MB] bom-8.mp4 [35.0 MB] bom-2.mp4 [37.4 MB] bom-4.mp4 [39.0 MB] bom-5.mp4 [22.6 MB] bom-3.mp4 [46.8 MB] 适合人群 前端开发者 JavaScript初学者 希望提升JavaScript技能的开发者 学习收获 掌握JavaScript核心概念 精通DOM操作和事件处理 熟悉ES6新特性 祝您学习愉快！ 学有所成，前程似锦！
