第1章 课程介绍与环境搭建 试看 6 节 | 26分钟

JS作为前端的立身之本，让大家了解学习这门课的必要性。考虑到很多同学刚刚接触前端或者对工程化方法不太了解，为了快速进入到学习状态，我们提供了极其简单的方式帮大家准备好学习环境。

收起列表

• 视频： 1-1 课程导学 (11:30) 试看
• 视频： 1-2 电子书位置 (00:55)
• 视频： 1-3 环境准备 (13:11)
• 图文： 1-4 Node 安装
• 图文： 1-5 初始化项目
• 图文： 1-6 编辑器配置

第2章 ES6基础知识 66 节 | 701分钟

ES6语法相对于ES5有了非常大的改变，让原生 JavaScript 能力再上一个台阶，这个章节会分门别类进行讲述，单纯讲语法既乏味也不利于记忆更不知道如何运用，我们以应用场景开场分别给出ES5和ES6两种不同的解决方案，循序渐进剖析语法...

收起列表

• 视频： 2-1 作用域（1） (17:01)
• 视频： 2-2 作用域（2） (16:32)
• 图文： 2-3 什么是作用域
• 视频： 2-4 let&const (07:10)
• 图文： 2-5 Let & Const
• 视频： 2-6 ES5中数组有多少种遍历的方法？ (21:18)
• 视频： 2-7 ES6中数组有多少种遍历的方法？ (09:52)
• 视频： 2-8 Array.from（如何将伪数组转换成数组？） (18:02) 试看
• 视频： 2-9 Array.of-fill（如何生成新数组？） (11:18)
• 视频： 2-10 Find&FindIndex（如何查找数组？） (13:17)
• 图文： 2-11 数组 - Array
• 视频： 2-12 Class基础语法（怎么声明一个类？） (25:29)
• 视频： 2-13 Setter&Getter（如何读写属性？） (14:35)
• 视频： 2-14 Static Methods（如何操作方法？） (14:05)
• 视频： 2-15 Sub Classes（如何继承一个类？） (19:23)
• 图文： 2-16 Class
• 视频： 2-17 Default Parameters（函数参数的默认值） (20:39)
• 视频： 2-18 Rest Parameter（怎么处理不确定参数？） (09:58) 试看
• 视频： 2-19 Spread Operator（rest参数的逆运算） (05:58)
• 视频： 2-20 Arrow Functions（箭头函数） (17:17)
• 图文： 2-21 Function Update
• 视频： 2-22 Object Property (10:12)
• 视频： 2-23 Set数据结构 (12:39)
• 视频： 2-24 Map数据结构 (19:39)
• 视频： 2-25 Object.assign（对象拷贝） (12:12)
• 图文： 2-26 Object Update
• 视频： 2-27 Regexp Sticky（y修饰符） (09:24)
• 视频： 2-28 Regexp Unicode（u修饰符） (22:01)
• 图文： 2-29 RegExp Updates
• 视频： 2-30 String（字符串拼接问题） (20:45)
• 图文： 2-31 Template
• 视频： 2-32 Array Destructure（解构赋值） (17:08)
• 视频： 2-33 Array Destructure（解构赋值） (15:52)
• 视频： 2-34 Object Destructrue（解构赋值） (17:55)
• 图文： 2-35 Desctructuring
• 视频： 2-36 Callback（异步操作） (19:11)
• 视频： 2-37 Promise（异步操作） (11:58)
• 视频： 2-38 Then（异步操作） (16:15)
• 视频： 2-39 Resolve & Reject（异步操作） (05:55)
• 视频： 2-40 Catch（异步操作） (05:08)
• 视频： 2-41 All（异步操作） (06:29)
• 视频： 2-42 Race（异步操作） (10:13)
• 图文： 2-43 Promise
• 视频： 2-44 Reflect.apply（反射机制） (10:51)
• 视频： 2-45 Reflect.construct（反射机制） (10:58)
• 视频： 2-46 Reflect.getOwnPropertyDescriptor（反射机制） (18:27)
• 图文： 2-47 Reflect
• 视频： 2-48 proxy basic syntax（该怎样使用代理功能） (07:20)
• 视频： 2-49 Schema Validation（1） (10:26)
• 视频： 2-50 Schema Validation（2） (10:50)
• 视频： 2-51 Schema Validation（3） (15:52)
• 视频： 2-52 Revocable Proxy (08:39)
• 图文： 2-53 Proxy
• 视频： 2-54 Generator（如何让遍历“停”下来） (10:05)
• 视频： 2-55 Syntax（1） (18:02)
• 视频： 2-56 Syntax（2） (08:25)
• 视频： 2-57 Scene Pratice (20:15)
• 图文： 2-58 Generator
• 视频： 2-59 Iterator（如何让不支持遍历的数据结构“可遍历”） (08:44)
• 视频： 2-60 Iterator (14:42)
• 视频： 2-61 Generator (17:16)
• 图文： 2-62 Iterator
• 视频： 2-63 Export Import（如何把代码进行模块化设计） (12:22)
• 视频： 2-64 Export Import（2） (12:38)
• 视频： 2-65 Export Import（3） (09:25)
• 图文： 2-66 module

第3章 ES7基础知识 2 节 | 5分钟

ES7在ES6基础上新增了两项功能，一个是数组的 include 方法、一个是 Math.pow 的简写语法

收起列表

• 视频： 3-1 includes+pow（数组中如何判断元素是否存在） (04:27)
• 图文： 3-2 Array.prototype.includes & Math.pow

第4章 ES8基础知识 5 节 | 52分钟

ES8在异步操作、Object、String能力上做了进一步增强，让代码编写更加效率

收起列表

• 视频： 4-1 Async\Await（有没有比Promise更优雅的异步方式） (20:23)
• 视频： 4-2 Object keys.values.entries(新增对Object快速遍历的方法,了解下？) (10:21)
• 视频： 4-3 String Padding（对String补白的方式） (07:55)
• 视频： 4-4 Object.getOwnDescriptor（如何获取Object数据的描述符） (12:38)
• 图文： 4-5 Aysnc/Await & Object.values ……

第5章 ES9基础知识 8 节 | 64分钟

ES9主要解决了遍历中异步、异步的归一操作等问题、也提供了对象的拷贝、筛选功能并且提升了正则的处理能力

收起列表

• 视频： 5-1 For await of（异步操作集合是如何遍历的） (11:49)
• 视频： 5-2 For await of(2) (11:05)
• 视频： 5-3 Promise.finally（Promise是如何“兜底”操作的） (07:32)
• 视频： 5-4 Object.rest.spread（新增Object的Rest和Spread方法） (08:49)
• 视频： 5-5 RegExp-dotAll (06:59)
• 视频： 5-6 RegExp-named captured groups(命名分组捕获) (07:32)
• 视频： 5-7 RegExp-lookbehind assert(后行断言) (09:51)
• 图文： 5-8 For await of ……

第6章 ES10基础知识 4 节 | 47分钟

ES10虽然没有大幅的改动，JSON问题修复，数组、字符串、对象、函数等能力进一步增强，同时新增的 BigInt 数据类型也格外引人注目

收起列表

• 视频： 6-1 ES10新增知识点（1） (18:13)
• 视频： 6-2 ES10新增知识点（2） (12:48)
• 视频： 6-3 ES10新增知识点（3） (15:10)
• 图文： 6-4 JSON.stringify ……

第7章 ES新语法配合Vue实战 10 节 | 110分钟

Vue是很多前端同学必用的框架，如何把原生语法在Vue项目里运用的活灵活现至关重要，心动不如行动，通过实例演示是最接地气的讲义

收起列表

• 视频： 7-1 vue项目安装 (17:40)
• 视频： 7-2 vue 指令 (08:15)
• 视频： 7-3 异步操作 Promise (22:47)
• 视频： 7-4 desctructing解构赋值 (09:44)
• 视频： 7-5 字符串应用 (08:52)
• 视频： 7-6 代理 Proxy (19:12)
• 视频： 7-7 自定义遍历 (23:30)
• 图文： 7-8 setup
• 图文： 7-9 Directive
• 图文： 7-10 ES6+

第8章 构建环境 6 节 | 49分钟

浏览器没有全部兼容新语法，需要通过构建的方式把代码转换成浏览器兼容的代码，学会构建也是前端工程师能力提升的另一个标志

收起列表

• 视频： 8-1 webpack (24:36)
• 视频： 8-2 babel (07:41)
• 视频： 8-3 eslint (16:31)
• 图文： 8-4 Webpack
• 图文： 8-5 Babel
• 图文： 8-6 ESlint

第9章 课程总结 1 节 | 5分钟

对课程进行整体的回顾与总结。

收起列表

• 视频： 9-1 课程总结 (04:34)