网盘截图:

第1章 课堂介绍 试看1 节 | 7分钟
本章对课程总体做了介绍,包括:课程亮点,面向人群,课程的总大纲。

收起列表
视频:
1-1 课程导学 (06:40)
试看
第2章 数据类型容易忽略的细节6 节 | 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)
图文:
2-6 综合训练
第3章 对象认知升级9 节 | 110分钟
对象,大家可能都自认为很了解了,其实不然,比如普通属性,排序属性,隐藏类,JSON.parse可以自定义, 操作原型的8种方法等等,本章节会深入对象,用丰富的代码段,让我们进一步了解这熟悉而陌生的对象。

收起列表
视频:
3-1 通过普通属性,排序属性和隐藏类提升对象属性认知 (15:21)
视频:
3-2 必修知识:属性来源,属性访问控制,属性冻结等等 (11:34)
视频:
3-3 8+种姿势访问原型 (14:05)
视频:
3-4 对象的属性遍历,你真的会了吗 (08:45)
视频:
3-5 对象的隐式类型转换和注意事项 (16:29)
视频:
3-6 吃透JSON 和 toJSON,互相转换不再是问题 (16:20)
视频:
3-7 学习自检, 你能得几分 (09:39)
视频:
3-8 对象的多种克隆方式以及注意事项 (17:04)
图文:
3-9 综合训练
第4章 运算符的妙用以及部分机理解析6 节 | 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)
图文:
4-6 综合训练
第5章 玩转数组高级技法9 节 | 121分钟
数组和类数组有什么区别,怎么转换,两个数组如何高效的合并,用数组实现range功能,reduce的18般玩法等等, 数组没你想的那么简单。进入数组,搞定数组,掌握数组的高阶玩法。

收起列表
视频:
5-1 先看2个问题,再一起学习 (07:07)
视频:
5-2 深入浅出类数组 (10:16)
视频:
5-3 数组方法使用注意事项 (16:58)
视频:
5-4 数组高级用法(上) (11:51)
视频:
5-5 数组的高级用法(下) (18:17)
视频:
5-6 手写数组的多个方法-1 (19:41)
视频:
5-7 手写数组的多个方法-2 (14:06)
视频:
5-8 数据合并 (22:38)
图文:
5-9 综合训练
第6章 从函数到函数式编程之路12 节 | 151分钟
函数是一个复杂的东西,还具有函数式编程的概念,其有一些很特点的特性和编程理念,比如动态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:23)
视频:
6-10 深入了解动态解析和执行函数 (16:51)
视频:
6-11 手写call居然隐藏十大知识点 (18:06)
图文:
6-12 综合训练
第7章 如果不用vue,react框架,如何操作DOM?10 节 | 163分钟
虚拟DOM大行其道的今天,还能不能用原生代码操作原生DOM呢?DOM1,DOM2, DOM3, DOM4,事件监听函数添加和删除的小秘密,空白节点,图片空白间距,跨文档复制等等这些高级操作,你掌握了吗? 本章娓娓道来,一网打尽。

收起列表
视频:
7-1 玩转Node节点:不应被忽视的 nodeType (17:59)
视频:
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)
图文:
7-10 综合训练
第8章 被我们忽视的BOM7 节 | 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)
图文:
8-7 综合训练
第9章 深入探索网络请求9 节 | 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)
图文:
9-9 综合训练
第10章 爱上异步编程5 节 | 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)
图文:
10-5 综合训练
第11章 “永动机”- 事件循环4 节 | 54分钟
setTimeout的事件间隔真的最低是4ms吗? Promise不停的then会死循环吗?带着疑问,一起掌握事件循环机制。

收起列表
视频:
11-1 宏任务,微任务和事件循环 (22:48)
视频:
11-2 小试牛刀之宏任务和微任务 (13:50)
视频:
11-3 DOM事件小例子,巩固解事件循环 (17:08)
图文:
11-4 综合训练
第12章 玩转客户端存储5 节 | 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)
图文:
12-5 综合训练
第13章 动起来:计时器和JS动画6 节 | 94分钟
通过本文的学习,你会掌握前端动画的基础计时器相关知识,以及CSS 动画相对应的Transition API,Animation API。直接使用计时器又存在什么问题呢? 我们顺便一起用面向next编程的思想来改进。

收起列表
视频:
13-1 setTimeout与setInterval和新生代的requestAnimation与requestIdleCallback指南 (22:26)
视频:
13-2 CSS的动画实现 (20:25)
视频:
13-3 复杂动画也不用怕,Web Animation API (21:32)
视频:
13-4 其他动画方案 (10:28)
视频:
13-5 实战:计时器面向next编程 (18:55)
图文:
13-6 综合训练
第14章 亡羊补牢-异常处理4 节 | 32分钟
人无完人,代码也是,百密也有一疏,错了不可怕,怎么识别错误,怎么捕获错误,怎么上报错误,请君务必掌握。

收起列表
视频:
14-1 错误对象,不要只知道Error (09:06)
视频:
14-2 异常类型判断和自定义异常 (09:31)
视频:
14-3 异常们,跪下来唱征服,然后被我上报 (13:19)
图文:
14-4 综合训练
第15章 ES高级特性5 节 | 80分钟
ES6+给与了我们很多特性,其中装饰器和Proxy属于元编程的一部分,大大的增强了我们对对象的控制能力,今天我们就一起深入这两个特性并通过实战了解其魅力。

收起列表
视频:
15-1 能力增强:Decorator和装饰器模式 (20:43)
视频:
15-2 基于装饰器优雅的捕获异常 (16:42)
视频:
15-3 Proxy和代理模式(1) (23:59)
视频:
15-4 基于proxy的不可变数据 (18:28)
图文:
15-5 综合训练
第16章 绕不过坎,字符编码6 节 | 82分钟
还在为�乱码而烦恼吗,走过路过别错过,通过本文学习前端必备的编码知识,让你在编码的海洋中不在迷惑。

收起列表
视频:
16-1 不同字符表示方式背后编码知识 (14:15)
视频:
16-2 通过乱码�,理解UTF-16编码哲学 (19:39)
视频:
16-3 Base64编码知识,一文打尽,探索起源,追求真相 (上) (16:33)
视频:
16-4 Base64编码知识,一文打尽,探索起源,追求真相 (下) (13:49)
视频:
16-5 看破字符 %20 之谜,百分号编码以及其背后 (16:51)
图文:
16-6 综合训练
第17章 综合案例-事件分析库7 节 | 101分钟
工作中,我们会对window, DOM节点,WebSoket, 或者单纯的事件中心等注册事件监听函数。本章分析事件监听,并排查因此可能导致的内存泄漏。 本章节主要讨论和分析几个技术点: 1. 怎么准确知道某个对象或者函数是否被回收 2. 常见事件监听函数的本质 3. 拦截方法常见方式 4. 弱引用回收问题 5. 如何裁定事件监…

收起列表
视频:
17-1 事件分析库简介 (13:19)
视频:
17-2 事件监听函数泄漏分析 (上) (14:24)
视频:
17-3 事件监听函数泄漏分析 (下) (22:15)
视频:
17-4 事件分析库:平民版本 (17:42)
视频:
17-5 事件分析库:高可复用黄金版本(上) (15:10)
视频:
17-6 事件分析库:高可复用黄金版本(下) (17:33)
图文:
17-7 综合训练
第18章 课程回顾和总结2 节 | 30分钟
回顾课程,总结重点,并对进一步的远航提出一些建议。

收起列表
视频:
18-1 课程回顾:历史总结 (13:33)
视频:
18-2 学习探讨:远行起航 (16:19)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。