这门课解决什么问题，适合什么基础

很多上班族在转行做前端时，往往卡在 JavaScript 的底层细节上。照着网上的教程能抄出一个轮播图，但一旦遇到分号规范、数据类型转换或日期格式化等基础问题，代码就会报出各种莫名其妙的错误。这门课解决的就是“知其然而不知其所以然”的场景，它没有把篇幅浪费在如何快速搭建华丽页面上，而是把重心放在语言底层的运行逻辑和易错点上。它适合已经接触过 HTML 和 CSS、能看懂基本标签的零基础转行者，也适合写过几行脚本但总觉得代码写得不够严谨的业务人员。如果你完全没有前端概念，建议先自行了解网页基本结构；如果你已经有了初步的编程经验，这门课能帮你把模糊的概念彻底理清。

建议先看哪几块，资料怎么配合练习

拿到资料后，不要按顺序一口气看完，建议优先切入基础语法和类型处理这两个板块。基础部分关于语句分号的使用、标识符规范的章节，看似枯燥，却能帮你避开日后协作开发时的低级冲突。类型部分是重中之重，尤其是数值异常、字符串处理和时间日期的章节，直接对应日常开发中高频的数据渲染需求。看视频时，不要只用眼睛过一遍，必须打开编辑器跟着敲。每看完一个知识点，自己改动几行代码去触发报错，观察浏览器的控制台反馈。这套资料没有附带现成的项目源码，你需要自己建一个本地文件，把视频里的演示片段逐个写成独立的小脚本去运行验证。

学完能独立做什么

学完这套内容，你不会立刻成为一个全栈工程师，但能独立完成网页上的基础交互逻辑。比如在表单提交时，你可以自己写代码校验用户输入的手机号格式是否正确，处理日期数据的计算与格式化，或者对后台返回的字符串进行截取与转义渲染。遇到控制台报出的类型错误，你能准确判断是哪里出了问题并修正，而不是盲目去搜索引擎找答案。这种扎实的基本功，是后续去学 Vue 或 React 等框架的必要前提，也是你在实际工作中不踩坑的底气。


让学员充分了解JavaScript的各种细节，以便可以达到游刃有余的程度。

课程目录

*   01 JavaScript基础/

  *   01 Javascript简介.mp4 14:48

  *   02 选择JavaScript开发工具.mp4 08:21

  *   03 在哪里编写JavaScript代码.mp4 10:52

  *   04 标识符和保留字.mp4 04:45

  *   05 语句后面到底加不加分号（;）呢？.mp4 07:59

*   02 JavaScript类型/

  *   01 JavaScript数据类型概述.mp4 03:54

  *   02 数值类型.mp4 12:16

  *   03 数学函数.mp4 18:48

  *   04 JavaScript的异常值.mp4 12:32

  *   05 日期和时间.mp4 22:06

  *   06 字符串的基本使用方法.mp4 03:28

  *   07 转义字符.mp4 07:45

  *   08 字符串操作.mp4 17:37

  *   09 布尔类型.mp4 09:08

  *   10 null和undefined.mp4 09:52

  *   11 全局对象.mp4 05:15

  *   12 值与对象的关系.mp4 10:57

  *   13 值与对象的比较.mp4 07:58

  *   14 值和对象的复制和可变性.mp4 09:39

  *   15 隐式类型转换.mp4 08:23

  *   16 类型转换与值的相等性.mp4 04:06

  *   17 显式类型转换.mp4 04:46

  *   18 数值和字符串之间的转换.mp4 19:56

  *   19 对象转换为原始值.mp4 10:50

  *   20 变量声明.mp4 05:18

  *   21 变量作用域.mp4 04:40

  *   22 函数作用域和声明提前.mp4 05:17

  *   23 删除全局变量.mp4 02:59

*   03 高级运算符/

  *   01 in运算符.mp4 05:49

  *   02 instanceof运算符.mp4 05:46

  *   03 eval与动态执行JavaScript代码.mp4 04:38

  *   04 typeof运算符.mp4 04:31

  *   05 delete运算符.mp4 08:40

*   04 语句/

  *   01 条件语句（switch）.mp4 05:40

  *   02 条件语句（if）.mp4 04:51

  *   03 循环语句（while）.mp4 02:01

  *   04 循环语句（do...while）.mp4 02:01

  *   05 循环语句（for）.mp4 11:16

  *   06 异常处理语句（throw、try、catch、finally）.mp4 06:15

  *   07 with语句.mp4 04:50

  *   08 调试语句（debugger）.mp4 02:05

  *   09 严格模式（use strict）.mp4 04:13

*   05 对象/

  *   01 对象概述.mp4 05:03

  *   02 直接创建对象.mp4 05:16

  *   03 使用new运算符创建对象.mp4 01:27

  *   04 使用Object.create方法从原型（prototype)创建对象.mp4 09:52

  *   05 属性的查询和设置（添加和删除）.mp4 08:08

  *   06 检测对象属性是否存在的4种方法.mp4 09:05

  *   07 枚举对象中的属性.mp4 06:08

  *   08 读写属性（getter和setter）.mp4 09:02

  *   09 属性描述符.mp4 16:07

  *   10 对象的可扩展性.mp4 07:44

  *   11 对象的序列化和反序列化.mp4 02:58

*   06 数组/

  *   01 创建数组.mp4 14:48

  *   02 数组的读和写.mp4 07:59

  *   03 数组长度.mp4 04:09

  *   04 稀疏数组.mp4 03:16

  *   05 多维数组.mp4 04:18

  *   06 添加和删除数组元素.mp4 03:54

  *   07 遍历数组.mp4 13:44

  *   08 用于连接数组元素的join方法.mp4 05:47

  *   09 用于倒序排序数组元素的reverse方法.mp4 01:13

  *   10 用于排序数组元素的sort方法.mp4 08:22

  *   11 连接数组元素的concat方法.mp4 07:00

  *   12 用于复制数组的slice方法.mp4 09:41

  *   13 插入和删除数组元素的splice方法：.mp4 10:04

  *   14 将数组变成栈的push和pop方法.mp4 02:49

  *   15 在数组开头压栈出栈的unshift和shift方法.mp4 07:00

  *   16 用于遍历数组的forEach方法.mp4 05:09

  *   17 返回一个新数组的map方法.mp4 03:10

  *   18 可以压缩稀疏数组的filter方法.mp4 07:36

  *   19 可以对数组元素进行判定的every和some方法.mp4 06:02

  *   20 用于简化数组的reduce和reduceRight方法.mp4 10:19

  *   21 用于搜素数组元素的indexOf和lastIndexOf方法.mp4 10:06

  *   22 用于判定对象是否为数组的isArray方法.mp4 02:25

  *   23 将字符串作为数组使用.mp4 03:05

*   07 函数/

  *   01 函数定义.mp4 06:17

  *   02 嵌套函数.mp4 02:45

  *   03 函数和方法调用.mp4 04:52

  *   04 可选形参.mp4 07:57

  *   05 值参对象（Arguments）.mp4 09:18

  *   06 callee属性.mp4 05:01

  *   07 值参校验.mp4 09:18

  *   08 将函数作为值使用.mp4 04:36

  *   09 函数属性.mp4 08:59

  *   10 函数属性：length.mp4 05:22

  *   11 函数方法：call和apply.mp4 12:10

  *   12 函数方法：bind.mp4 08:23

  *   13 使用Function构造函数定义匿名函数.mp4 05:26

  *   14 检测对象是否可调用.mp4 02:49

  *   15 函数式编程.mp4 05:48

*   08 类/

  *   01 定义构造函数.mp4 07:59

  *   02 模拟Java类的定义1.mp4 24:21

  *   03 模拟Java类的定义2.mp4 07:50

  *   04 类的扩展.mp4 04:29

  *   05 类和Instanceof运算符.mp4 06:20

  *   06 constructor属性.mp4 04:23

  *   07 使用构造函数名称进行校验.mp4 03:42

  *   08 定义枚举类型.mp4 10:05

  *   09 对象比较.mp4 08:17

  *   10 对象的只读属性.mp4 04:09

  *   11 对象的工厂方法.mp4 08:43

  *   12 定义子类.mp4 13:51

  *   13 子类调用父类构造函数和方法.mp4 08:14

  *   14 为对象属性添加读取器.mp4 06:46

  *   15 为对象属性添加存值器.mp4 04:10

  *   16 设置对象属性为不可枚举.mp4 02:57

  *   17 设置对象属性的为只读.mp4 03:28

  *   18 封装对象状态.mp4 05:53

  *   19 禁止类的扩展.mp4 04:56

*   09 正则表达式/

  *   01 定义正则表达式.mp4 06:29

  *   02 匹配字符串的正则表达式.mp4 12:22

  *   03 用于重复匹配的正则表达式.mp4 13:04

  *   04 正则表达式的选择和分组.mp4 05:54

  *   05 正则表达式修饰符.mp4 06:25

  *   06 用于模式匹配的String方法：search.mp4 03:01

  *   07 用于模式匹配的String方法：replace.mp4 05:06

  *   08 用于模式匹配的String方法：match.mp4 04:06

  *   09 用于模式匹配的String方法：split.mp4 03:52

  *   10 RegExp对象的test和exec方法.mp4 07:29

  *   11 微信小程序第二阶段