第1章 课堂介绍 试看1 节 | 7分钟

本章对课程总体做了介绍，包括：课程亮点，面向人群，课程的总大纲。

收起列表

• 视频：1-1 课程导学 (06:40)试看

第2章 数据类型容易忽略的细节5 节 | 56分钟

本章主要帮助大家巩固和升华一下数据类型的知识，重点介绍数据类型转换的陷阱以及6种数据类型判断方式，以及通过一个练习题衔接下一章的知识。

收起列表

• 视频：2-1 数据类型的陷阱，从表象看本质！ (14:51)
• 视频：2-2 综合评定，数据类型8种判断方式 (11:26)
• 视频：2-3 五分钟让你懂得透彻ES6增强的NaN (05:25)
• 视频：2-4 数值千分位6种方法& 性能大比拼！ (14:54)
• 视频：2-5 [] + [], [] + {}, {} + [], {} + {} (09:00)

第3章 对象认知升级8 节 | 115分钟

对象，大家可能都自认为很了解了，其实不然，比如普通属性，排序属性，隐藏类，JSON.parse可以自定义, 操作原型的8种方法等等，本章节会深入对象，用丰富的代码段，让我们进一步了解这熟悉而陌生的对象。

收起列表

• 视频：3-1 通过普通属性，排序属性和隐藏类提升对象属性认知 (15:21)
• 视频：3-2 必修知识：属性来源，属性访问控制，属性冻结等等 (11:34)
• 视频：3-3 8+种姿势访问原型 (16:03)
• 视频：3-4 对象的属性遍历，你真的会了吗 (10:13)
• 视频：3-5 对象的隐式类型转换和注意事项 (18:08)
• 视频：3-6 吃透JSON 和 toJSON，互相转换不再是问题 (16:20)
• 视频：3-7 学习自检, 你能得几分 (09:39)
• 视频：3-8 对象的多种克隆方式以及注意事项 (17:04)

第4章 运算符的妙用以及部分机理解析5 节 | 53分钟

位运算符最高效，一元运算符在很多场景下有奇效，通过本章的学习，可以收获大量运算符编程的小技巧，并彻底理解为什么不建议使用一元运算符delete，为什么0.1+0.2!=0.3等等知识以及其背后的原理。

收起列表

• 视频：4-1 运算符的诡异现象 (09:46)
• 视频：4-2 窥视delete语法的本质 (08:12)
• 视频：4-3 位运算符的妙用：奇偶数，色值换算，换值， 编码等 (13:17)
• 视频：4-4 计算机是怎样进行数字相加的 (12:02)
• 视频：4-5 why 0.1 + 0.2 !=0.3 揭秘！ (09:07)

第5章 玩转数组高级技法8 节 | 124分钟

数组和类数组有什么区别，怎么转换，两个数组如何高效的合并，用数组实现range功能，reduce的18般玩法等等， 数组没你想的那么简单。进入数组，搞定数组，掌握数组的高阶玩法。

收起列表

• 视频：5-1 先看2个问题，再一起学习 (07:57)
• 视频：5-2 深入浅出类数组 (10:16)
• 视频：5-3 数组方法使用注意事项 (16:58)
• 视频：5-4 数组高级用法（上） (13:35)
• 视频：5-5 数组的高级用法（下） (18:17)
• 视频：5-6 手写数组的多个方法-1 (19:41)
• 视频：5-7 手写数组的多个方法-2 (14:06)
• 视频：5-8 数据合并 (22:38)

第6章 从函数到函数式编程之路11 节 | 152分钟

函数是一个复杂的东西，还具有函数式编程的概念，其有一些很特点的特性和编程理念，比如动态this，高阶函数，柯里化，反柯里化，尾递归调用，链式调用，动态执行函数等等，本章节针对性各个突破，让您知其然并知其所以然。…

收起列表

• 视频：6-1 执行上下文， IIFE, 闭包，作用域，变量提升，暂时性死区重要概念一览 (13:40)
• 视频：6-2 name, length，caller等重要却少被关注的属性- (14:33)
• 视频：6-3 函数的this之全解析 (16:42)
• 视频：6-4 神奇的call.call, call.call.call (07:31)
• 视频：6-5 纯函数，副作用，高阶函数等函数式编程概念 (08:51)
• 视频：6-6 深入浅出原型链 (17:18)
• 视频：6-7 组合和继承，谁与争锋 (15:09)
• 视频：6-8 柯里化：整体到部分。反柯里化呢？ (12:31)
• 视频：6-9 链式调用的本质 (09:55)
• 视频：6-10 深入了解动态解析和执行函数 (16:51)
• 视频：6-11 手写call居然隐藏十大知识点 (18:06)

第7章 如果不用vue，react框架，如何操作DOM？9 节 | 165分钟

虚拟DOM大行其道的今天，还能不能用原生代码操作原生DOM呢？DOM1,DOM2, DOM3, DOM4，事件监听函数添加和删除的小秘密，空白节点，图片空白间距，跨文档复制等等这些高级操作，你掌握了吗？ 本章娓娓道来，一网打尽。

收起列表

• 视频：7-1 玩转Node节点：不应被忽视的 nodeType (20:11)
• 视频：7-2 玩转Node节点：查询和遍历，5种方式无敌手 (18:50)
• 视频：7-3 玩转Node节点：增加，删除，克隆以及如何避免内存泄漏 (21:32)
• 视频：7-4 慧眼区分几个近亲属性 (19:36)
• 视频：7-5 自定义元素：web component, 任性的开始 (24:17)
• 视频：7-6 DOM事件原理和避坑指南 (22:50)
• 视频：7-7 自定义事件，满足个性化需求，增加代码灵活度 (11:02)
• 视频：7-8 JS操作样式，也可以非常丝滑 (17:48)
• 视频：7-9 3行，6行，8行代码实现订阅发布中心 (08:47)

第8章 被我们忽视的BOM6 节 | 94分钟

BOM全称(Browser Object Mode) 浏览器对象模型，是非常重要而又容易被忽视的一个系列，查漏补缺，非你莫属。我们一起学习常见的五个对象，并通过一个手写案例来巩固。

收起列表

• 视频：8-1 window？你还有多少不知道 (24:40)
• 视频：8-2 窗口间如何进行亲密接触 (17:23)
• 视频：8-3 location对象几个重要的知识点- (13:09)
• 视频：8-4 navigator， 可不止步于设备识别 (12:18)
• 视频：8-5 history，网页端的方向盘 (10:17)
• 视频：8-6 实战：从0到1手写一个简易Router (15:47)

第9章 深入探索网络请求8 节 | 141分钟

本章节一起深入了解ajax和fetch，了解各自的优缺点。并掌握前端最常见的跨域，大文件上传，网络请求取消等等问题，并一起实现一个资源加载器。

收起列表

• 视频：9-1 HTTP必备知识- (23:54)
• 视频：9-2 ajax and fetch，都没你想得那么美- (16:21)
• 视频：9-3 同源策略和跨域请求不烦恼 (17:12)
• 视频：9-4 文件上传 & 后悔药：网络请求的取消-1 (13:50)
• 视频：9-5 文件上传 & 后悔药：网络请求的取消-2 (16:19)
• 视频：9-6 资源加载知多少-1 (14:19)
• 视频：9-7 资源加载知多少-2 (14:16)
• 视频：9-8 实战： 资源加载器的设计和实现 (23:58)

第10章 爱上异步编程4 节 | 89分钟

现在写代码，谁还不写一个await和Promise。一处await，处处await， await解决了所有问题了么？ await的本质是什么？你还在用switch判断页面通讯的消息类型吗？ 带着这些思考，我们一起深入异步编程，让真相大白于你我。

收起列表

• 视频：10-1 异步编程有哪些问题以及方案 (13:00)
• 视频：10-2 理解现代异步编程的核心Promise (24:55)
• 视频：10-3 async的本质和注意事项 (22:14)
• 视频：10-4 基于Promise的通用异步方案 (28:36)

第11章 “永动机”- 事件循环3 节 | 54分钟

setTimeout的事件间隔真的最低是4ms吗? Promise不停的then会死循环吗？带着疑问，一起掌握事件循环机制。

收起列表

• 视频：11-1 宏任务，微任务和事件循环 (22:48)
• 视频：11-2 小试牛刀之宏任务和微任务 (13:50)
• 视频：11-3 DOM事件小例子，巩固解事件循环 (17:08)

第12章 玩转客户端存储4 节 | 76分钟

本文一起学习cookie, storage，indexedDB等常见的客户端缓存，了解其适用场景，并封装一些适用的工具库。 这当然不够，还有很多进阶知识点，比如你不知道的storage，storage扩容，sessionStorage的盲区等等

收起列表

• 视频：12-1 cookie高级使用和注意事项 (19:49)
• 视频：12-2 吃定 Web Storage (20:40)
• 视频：12-3 indexedDB的精华和使用 (19:21)
• 视频：12-4 客户端存储 大比拼 (15:19)

第13章 动起来：计时器和JS动画

通过本文的学习，你会掌握前端动画的基础计时器相关知识，以及CSS 动画相对应的Transition API,Animation API。直接使用计时器又存在什么问题呢？ 我们顺便一起用面向next编程的思想来改进。

第14章 亡羊补牢-异常处理

人无完人，代码也是，百密也有一疏，错了不可怕，怎么识别错误，怎么捕获错误，怎么上报错误，请君务必掌握。

第15章 ES高级特性

ES6+给与了我们很多特性，其中装饰器和Proxy属于元编程的一部分，大大的增强了我们对对象的控制能力，今天我们就一起深入这两个特性并通过实战了解其魅力。

第16章 绕不过坎，字符编码

还在为�乱码而烦恼吗，走过路过别错过，通过本文学习前端必备的编码知识，让你在编码的海洋中不在迷惑。

第17章 综合案例-事件分析库

工作中，我们会对window, DOM节点，WebSoket, 或者单纯的事件中心等注册事件监听函数。本章分析事件监听，并排查因此可能导致的内存泄漏。 本章节主要讨论和分析几个技术点： 1. 怎么准确知道某个对象或者函数是否被回收 2. 常见事件监听函数的本质 3. 拦截方法常见方式 4. 弱引用回收问题 5. 如何裁定事件监…

第18章 课程回顾和总结

回顾课程，总结重点，并对进一步的远航提出一些建议。