一、前言

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

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

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

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

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

2、思否（11.3K）：https://segmentfault.com/a/1190000008754631

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

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

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

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

二、简介

欢迎你阅读 <<前端进阶篇>> 这本书，该书由 “玩转前端” 和 “你不知道的 XXX” 两大专题组成，共九个章节。“玩转前端专题” 包含玩转 Video 播放器、玩转图片处理、玩转 Word 文档、玩转混合加密和玩转网络五大章节的内容。而 “你不知道的 XXX 专题” 包含你不知道的 Web Workers、你不知道的 WebSocket、你不知道的 Blob 及你不知道的 WeakMap 四大章节的内容。

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

2.1 本书适合人群

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

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

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

④ 对网络安全、信息安全感兴趣的开发者

2.2 我能学到什么

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

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

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

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

2.3 本书阅读建议

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

2.4 玩转前端专题

2.4.1 玩转前端 Video 播放器

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

2.4.2 玩转图片处理

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

2.4.3 玩转 Word 文档

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

2.4.4 玩转混合加密

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

2.4.5 玩转网络

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

2.5 你不知道的 XXX 专题

2.5.1你不知道的 Web Workers

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

2.5.2 你不知道的 WebSocket

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

2.5.3 你不知道的 Blob

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

2.5.4 你不知道的 WeakMap

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

三、PDF 下载

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

3.1 获取方式

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

② 扫描下方二维码，添加阿宝哥微信（semlinker）获取 PDF 书籍。

③ 公众号内回复 pdf，你将获得一个 <<前端进阶篇>> 电子书的下载链接。

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

四、结尾

至此本书的内容已经介绍完了，非常感谢你的阅读与支持。由于作者水平有限，书中可能会有一些描述不准确内容或出现一些错别字，请大家多多包涵。欢迎小伙伴把出现的问题反馈给我，在这本书后续版本中，会感谢帮忙勘误的小伙伴们。前端进阶之路，阿宝哥与你同行，欢迎小伙们与我一起技术交流，共同学习进步。

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

2020 年 8 月 1 号（建军节），阿宝哥的第一本电子书 <<前端进阶篇>> 终于出来了，当然该书的专题文章还会继续。后续阿宝哥还会继续写专题文章，不断地输出有价值的内容。如果你有好的建议，欢迎小伙伴们给我留言哟。