9W字｜值得研读的前端进阶资料

2020 年 08 月 03 号 <<前端进阶篇>> 1.0 版本正式发布了，首发一周的下载量突破 2K，截止目前的下载量 2864，浏览量为 1290。

这里还得感谢一位读者 sunshine 的鼓励，以下是 2020 年 8 月 16 日晚的对话：

第一次看到以上的内容，阿宝哥内心还是很激动的，很欣慰、也很感动。这个举动让我再次燃起了斗志，打算将之前已写的 40 几篇重学 TS 系列文章整理成 PDF 书籍免费 ?  提供给需要的小伙伴们。

好的，下面我们开始步入正题，首先阿宝哥先来个自我介绍。

一、前言

大家好，我是阿宝哥。首先简单介绍下我自己，2017 年 3 月份开始在思否写 Angular 修仙之路专栏，目前已输出 142 篇原创文章。曾获得思否年度优秀文章作者及两季 Top Writer。

2020 年开始专注系列教程写作，包含以下专题：

• 重学 TS 专题（40+篇）
• 玩转前端专题（5 篇）
• 你不知道的 XXX（5 篇）
• 了不起的 XXX 专题（5 篇）

平常活跃在各个开发社区，这里分享主要的社区地址：

• 掘金（LV5）：https://juejin.im/user/764915822103079

• 思否（11.5K）：https://segmentfault.com/a/1190000008754631

• 个人博客：https://www.semlinker.com/

接着给大家分享，本人精心准备的 “重学TS” 系列教程及本人 Github 上的 Awesome TypeScript 项目：

• 重学 TS 系列教程：https://mp.weixin.qq.com/s/y6C4R04mpvBmyV80p5WOug

• Awesome TypeScript（1.8K）：https://github.com/semlinker/awesome-typescript

二、简介

欢迎你阅读 <<前端进阶篇>> 这本书，该书由 “玩转前端”、 “你不知道的 XXX”、 “一文读懂 XXX（新增）” 和 “软件架构（新增）” 4 大专题组成，共 15 个章节。4 大专题所包含的内容如下：

• “玩转前端专题”：包含玩转 Video 播放器、玩转图片处理、玩转 Word 文档、玩转混合加密和玩转网络 5 大章节的内容。
• “你不知道的 XXX 专题”：包含你不知道的 Web Workers、你不知道的 WebSocket、你不知道的 Blob 及你不知道的 WeakMap、你不知道的 MutationObserver（新增） 5 大章节的内容。
• “一文读懂 XXX 专题”：包含一文读懂 IoC 与 DI、一文读懂 Base64 编码、一文读懂原码、反码与补码、一文读懂 MD5 4 大章节内容。
• “软件架构专题”： 包含微内核架构之西瓜视频播放器。

此外，你也可以在 ”PDF 下载“ 章节了解一下，阿宝哥另一本 85 页的 <<了不起的 TS 和 Deno>> 电子书，该书包含 5 大章节的内容，内容丰富不要错过哟。

2.1 本书适合人群

① 具有一定的编程基础的 Web 开发者

② 希望深入学习与掌握 Web API 的 Web 开发者

③ 对前端二进制处理、音视频感兴趣的开发者

④ 对网络安全、信息安全和软件架构感兴趣的开发者

2.2 我能学到什么

① 在前端如何处理音视频、图片和 Word 文档等

② 了解如何保障数据的安全及网络状态的检测与网络测速等

③ 掌握 Web Workers、WebSocket、Blob、WeakMap 和 MutationObserver API

④ 掌握 Base64、MD5 和原码、反码和补码等知识

⑤ 了解如何利用 Chrome 开发者工具、WireShark 分析 HTTP 报文和 WebSocket 数据帧

2.3 本书阅读建议

本书阿宝哥为了让大家能更好地学习每个章节的知识点，精心准备了大量的配图及示例。在学习的新知识的过程中，建议小伙伴们尽量亲自动手试一下，在学完相关的知识点可以考虑对所学的知识点进行总结和输出，可以写学习笔记、博文或跟团队内的成员分享。

当然，在写作过程中，如果遇到问题，欢迎跟阿宝哥一起交流技术问题或写作技巧。

2.4 PDF 下载

原创不易，下载前，阿宝哥希望能得到你的一点鼓励，点赞、在看、分享或留言都可以。你们的认可与鼓励，是我不断前进的动力。

2.4.1 获取方式

① 扫描下方二维码加 “前端进阶” 学习群，凡进群者都送书籍一本。另外，对于入群的小伙伴，阿宝哥还会额外赠送包含了 “了不起 TypeScript 入门教程（掘金 - 1505 个?）” 和 “了不起的 Deno 入门教程（12 个号主转载）” 的 <<了不起的 TS 和 Deno>> 85 页的 PDF 电子书，该电子书包含 五大章节 的内容，感兴趣的小伙伴不要错过哟。

② 扫描下方二维码，添加阿宝哥微信（semlinker）获取 PDF 书籍并获取抽奖二维码，3 个 8.88 红包，3 个 6.66 红包。

③ 全栈修仙之路公众号内回复 pdf，你将获得一个 <<前端进阶篇>> 电子书的下载链接和以上的抽奖二维码。

另外，如果你在学习、成长过程中遇到什么问题，也可以添加我的微信一起交流。

2.5 玩转前端专题

2.5.1 玩转前端 Video 播放器

本章将从八个方面入手，全方位带你一起探索前端 Video 播放器和主流的流媒体技术。此外，你还会了解到如何实现播放器截图、如何基于截图生成 GIF、如何使用 Canvas 播放视频及如何实现色度键控等内容。

2.5.2 玩转图片处理

本章将以一个前端图片处理的案例，带大家一起深入学习二进制、Blob、Blob URL、Base64、Data URL、ArrayBuffer、TypedArray、DataView 和图片压缩相关的知识点。

2.5.3 玩转 Word 文档

本章将介绍在前端如何把 Word 文档转换成 HTML/Markdown 文档，同时也会介绍在前端如何动态生成 Word 文档，除此之外，还会介绍如何在浏览器中处理 ZIP 文档。

2.5.4 玩转混合加密

本章首先介绍了对称加密、非对称加密的优缺点及使用示例，接着引出了混合加密的概念并给出了一套完整的使用示例与解决方案。

2.5.5 玩转网络

本章将介绍在前端如何实现在线或离线检测、获取网络信息、获取网络延迟和网络测速等内容。

2.6 你不知道的 XXX 专题

2.6.1你不知道的 Web Workers

本章将介绍进程与线程的区别、浏览器内核的相关知识、Web Workers 是什么、Web Workers 的分类及 Web Workers API 及如何观察 Dedicated Worker 等知识。

2.6.2 你不知道的 WebSocket

本章将从多个方面入手，全方位带你一起探索 WebSocket 技术。在介绍完 WebSocket 协议相关的知识之后，还会带你一步步实现一个 WebSocket 服务器。

2.6.3 你不知道的 Blob

本章将详细介绍 Blob API，在日常工作中，Blob 的使用场景，比如分片上传、从互联网下载数据、Blob 用作 URL、Blob 转换为 Base64、图片压缩等，此外，阿宝哥还会介绍 Blob 与 ArrayBuffer 之间的区别。

2.6.4 你不知道的 WeakMap

本章将介绍什么是垃圾回收（引用计数法和标记清除法）、为什么需要 WeakMap、WeakMap 是什么及其应用，此外还会介绍 ECMAScript 私有字段及在 TypeScript 3.8 版本中如何使用 ECMAScript 私有字段。

2.6.5 你不知道的 MutationObserver

本章将介绍 MutationObserver 是什么、MutationObserver API 的基本使用及 MutationRecord 对象、MutationObserver API 常见的使用场景。此外，还会介绍什么是观察者设计模式及如何使用 TS 实现观察者设计模式。

2.7 一文读懂 XXX 专题

2.7.1 一文读懂 IoC 与 DI

本章将介绍 IoC（控制反转） 是什么、IoC 能做什么、IoC 与 DI（依赖注入） 的关系、DI 的应用及如何手写 IoC 容器。

2.7.2 一文读懂 Base64 编码

本章将介绍为什么要使用 base64、什么是 base64、base64 编码的应用及如何使用 base64 进行编码和解码。

2.7.3 一文读懂原码、反码与补码

本章将介绍二进制、数值型数据的表示、原码、反码和补码和位移运算的相关知识。

2.7.4 一文读懂 MD5

本章将介绍什么是消息摘要、什么是 MD5、MD5 算法的用途及 MD5 算法的缺陷和密码的安全性。

2.8 软件架构专题

本章将介绍微内核架构是什么、西瓜视频播放器简介及西瓜视频播放器的微内核实践。

三、结尾

至此本书的内容已经介绍完了，非常感谢你的阅读与支持。由于作者水平有限，书中可能会有一些描述不准确内容或出现一些错别字，请大家多多包涵。欢迎小伙伴把出现的问题反馈给我，在这本书后续版本中，会感谢帮忙勘误的小伙伴们。

前端进阶之路，阿宝哥与你同行，欢迎小伙们与我一起技术交流，共同学习进步。

2020 年上半年认识了好多小伙伴，如浪里行舟、关关、Linmi、Champollion、小傅哥、方旭、元哥、璐姐、暖暖和杨中兴老师，还有我的好兄弟 —— 石七，他们都默默帮助我，给我很多成长建议，真心感谢他们。当然还要感谢 JavaScript 突击队 那些可爱的小伙伴们的认可与支持，作为队长的阿宝哥，会做好本职工作，让你们快速成长起来。

2020 年 8 月 1 号（建军节），阿宝哥的第一本电子书 <<前端进阶篇>> 1.0 版本终于出来了，2020 年 8 月 22 号，该书的 1.1 版本也按照原定的计划完成了，又是一个小小的里程碑。

阿宝哥一直在努力，本书阿宝哥还会继续更新，不断地输出有价值的内容。如果你有好的建议，欢迎小伙伴们给我留言哟。

最后感谢 <<前端进阶篇>> 1.0 版本打赏的 “金主” 们，Champollion、Bing、宜常乐、石七、永久。、ulyn、小傅哥 | bugstack.cn、兔子爱吃胡萝卜、阿浪、自由人、阿仁、草莽、张晓衡、Lisayang123，谢谢你们的认可与鼓励?。