如果你正在准备前端面试，或者写了两三年业务代码却总觉得 JavaScript 底子发虚，这套《JavaScript 深入浅出系列教程》值得放进你的学习清单。它不是一份「照着敲就能跑」的 Demo 合集，而是把 DOM、数组与字符串方法、事件机制、ES6 新特性这几块最容易被「用个大概」的知识，拆开来讲清楚。
先看自己缺在哪一块
JavaScript 的问题往往不在「会不会写」，而在「说得清说不清」。下面这些场景，如果你有一半以上答不完整，说明这门课正对上你的缺口：
- 能绑定事件，但说不清捕获、冒泡、事件委托三者的关系和适用场景；
- 用惯了
map、filter，遇到reduce或改变原数组的方法就含糊； - 操作 DOM 靠记忆和搜索，不清楚节点查找、创建、插入、删除的完整链路；
- ES6 的
let/const、解构、箭头函数天天用，但被追问「为什么箭头函数不能当构造函数」「暂时性死区是什么」时答不上来； - 写过的代码能跑，但换个需求就要重新查文档，缺少一套可复用的判断依据。
这些都不是偏题怪题，而是日常开发里反复出现、面试里高频出现的基本盘。课程按「DOM 上/下」「数组与字符串方法」「事件处理」「ES6 新特性」这几条主线依次展开，顺序上先解决你天天在用的 API，再补语言层面的新语法，符合查漏补缺的节奏。
这门课讲什么，怎么讲
四大块内容各有侧重。DOM 部分覆盖元素查找、属性与样式的读写、节点的增删改，重点不在背方法名，而在于理解浏览器把页面解析成一棵树之后，你的每行代码到底动了树的哪个位置。数组与字符串方法这一块，把常用方法按「是否改变原数组」「返回值是什么」归类，这类分类思维比单个方法的记忆更有用。
事件处理是很多人真正的薄弱环节。绑定方式有几种、事件对象上哪些属性值得关注、事件流是怎么走的、为什么事件委托能提升性能，这些问题串起来才能算真正掌握。ES6 部分则是把分散在各处的语法点收拢：变量声明、解构赋值、模板字符串、箭头函数、扩展运算符等，理解它们解决了 ES5 时代的什么痛点。
讲法上属于「先现象、后原理、再落地」的类型，适合边看边在旁边开一个空白页写测试代码。看视频不等于学会，动手验证才是。
配套怎么练
光看不动手，这类基础课等于白看。建议按下面的方式配合练习：
- 每学完一种 DOM 操作，自己用原生 JS 写一个小的待办列表或标签切换，禁用任何框架；
- 把项目里现有的循环、条件判断换成对应的数组方法，对比可读性；
- 针对事件部分，手动实现一次事件委托，并解释为什么在列表项很多时它更划算；
- 把 ES6 语法点逐个改写成 ES5 写法，反向理解它们带来的便利。
每完成一块，合上视频，用白纸把关键概念和常用方法默写一遍。写不出来的，就是还需要回看的地方。
看完应该能回答这些问题
把这套教程当作一次自测，结束时你应该能顺畅回答：DOM 节点的查找和修改分别有哪些方式，各自的开销和场景是什么；哪些数组方法会改变原数组，哪些不会；事件从触发到响应经过了什么流程，事件委托为什么省内存；var 和 let 在作用域与提升上的差异到底出在哪一段代码上。
资料适用人群：有基础语法经验、准备前端岗位面试的人；写业务代码一到三年、想系统补齐原生 JS 底子的人；从其他方向转前端、DOM 与事件机制靠搜索拼凑的人。如果你完全没接触过 JavaScript，建议先补一门入门课再回来看，否则节奏会偏快。
开课吧 | JavaScript 深入浅出系列教程
JavaScript核心知识精讲
编辑点评
系统讲解DOM操作、数组字符串方法、事件处理、ES6新特性，适合前端开发者深入理解JavaScript。
⭐ 编辑推荐
深入浅出系列教程，全面解析JavaScript核心知识，助你成为前端高手。
课程亮点
• 系统讲解JavaScript核心知识
• 涵盖DOM操作、数组字符串方法、事件处理等
• 涵盖ES6新特性
课程目录
📁 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新特性
祝您学习愉快！
学有所成，前程似锦！
