<<前端進階篇>> PDF 重磅升級 —「阿寶哥」，精心準備的 9 萬多字 242 頁的前端進階資料

2020 年 08 月 03 號 <<前端進階篇>> 1.0 版本正式發佈了，首發一週的下載量突破 2K，截止目前的下載量 2871，瀏覽量爲 1300。首先這得感謝個人一位好哥們 —— 「小傅哥 | bugstack.cn」 的大力支持，其次得感謝一下我公衆號、微信羣粉絲們的大力支持。阿寶哥衷心感謝大家的承認與鼓勵。前端

這裏還得感謝一位讀者 sunshine 的鼓勵，如下是 2020 年 8 月 16 日晚的對話：git

第一次看到以上的內容，阿寶哥心裏仍是很激動的，很欣慰、也很感動。這個舉動讓我再次燃起了鬥志，打算將以前已寫的 40 幾篇重學 TS 系列文章整理成 PDF 書籍免費🆓提供給須要的小夥伴們。github

好的，下面咱們開始步入正題，首先阿寶哥先來個自我介紹。算法

1、前言

你們好，我是阿寶哥。首先簡單介紹下我本身，2017 年 3 月份開始在思否寫 Angular 修仙之路專欄，目前已輸出 142 篇原創文章。曾得到思否年度優秀文章做者及兩季 Top Writer。typescript

2020 年開始專一系列教程寫做，包含如下專題：編程

• 重學 TS 專題（40+篇）
• 玩轉前端專題（5 篇）
• 你不知道的 XXX（5 篇）
• 了不得的 XXX 專題（5 篇）

日常活躍在各個開發社區，這裏分享主要的社區地址：segmentfault

一、掘金（LV5）：https://juejin.im/user/764915...設計模式

二、思否（11.5K）：https://segmentfault.com/a/11...瀏覽器

三、我的博客：https://www.semlinker.com/安全

接着給你們分享，本人精心準備的 「重學TS」 系列教程及本人 Github 上的 Awesome TypeScript 項目：

四、重學 TS 系列教程：https://mp.weixin.qq.com/s/y6...

五、Awesome TypeScript（1.8K）：https://github.com/semlinker/...

2、簡介

歡迎你閱讀 <<前端進階篇>> 這本書，該書由 「玩轉前端」、 「你不知道的 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

④ 掌握 Base6四、MD5 和原碼、反碼和補碼等知識

⑤ 瞭解如何利用 Chrome 開發者工具、WireShark 分析 HTTP 報文和 WebSocket 數據幀

2.3 本書閱讀建議

本書阿寶哥爲了讓你們能更好地學習每一個章節的知識點，精心準備了大量的配圖及示例。在學習的新知識的過程當中，建議小夥伴們儘可能親自動手試一下，在學完相關的知識點能夠考慮對所學的知識點進行總結和輸出，能夠寫學習筆記、博文或跟團隊內的成員分享。固然，在寫做過程當中，若是遇到問題，歡迎跟阿寶哥一塊兒交流技術問題或寫做技巧。

2.4 PDF 下載

原創不易，下載前，阿寶哥但願能獲得你的一點鼓勵，點贊、在看、分享或留言均可以。大家的承認與鼓勵，是我不斷前進的動力。

2.4.1 獲取方式

① 掃描下方二維碼加 「前端進階」 學習羣，凡進羣者都送書籍一本。另外，對於入羣的小夥伴，阿寶哥還會額外贈送包含了 「了不得 TypeScript 入門教程（掘金 - 1505 個👍）」 和 「了不得的 Deno 入門教程（12 個號主轉載）」 的 <<了不得的 TS 和 Deno>> 85 頁的 PDF 電子書，該電子書包含 五大章節 的內容，感興趣的小夥伴不要錯過喲。

② 掃描下方二維碼，添加阿寶哥微信（semlinker）獲取 PDF 書籍。

③ 全棧修仙之路公衆號內回覆 pdf，你將得到一個 <<前端進階篇>> 電子書的下載連接。

另外，若是你在學習、成長過程當中遇到什麼問題，也能夠添加個人微信一塊兒交流。

2.5 玩轉前端專題

2.5.1 玩轉前端 Video 播放器

本章將從八個方面入手，全方位帶你一塊兒探索前端 Video 播放器和主流的流媒體技術。此外，你還會了解到如何實現播放器截圖、如何基於截圖生成 GIF、如何使用 Canvas 播放視頻及如何實現色度鍵控等內容。

2.5.2 玩轉圖片處理

本章將以一個前端圖片處理的案例，帶你們一塊兒深刻學習二進制、Blob、Blob URL、Base6四、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 轉換爲 Base6四、圖片壓縮等，此外，阿寶哥還會介紹 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 編碼

本章將介紹爲何要使用 base6四、什麼是 base6四、base64 編碼的應用及如何使用 base64 進行編碼和解碼。

2.7.3 一文讀懂原碼、反碼與補碼

本章將介紹二進制、數值型數據的表示、原碼、反碼和補碼和位移運算的相關知識。

2.7.4 一文讀懂 MD5

本章將介紹什麼是消息摘要、什麼是 MD五、MD5 算法的用途及 MD5 算法的缺陷和密碼的安全性。

2.8 軟件架構專題

本章將介紹微內核架構是什麼、西瓜視頻播放器簡介及西瓜視頻播放器的微內核實踐。

3、結尾

至此本書的內容已經介紹完了，很是感謝你的閱讀與支持。因爲做者水平有限，書中可能會有一些描述不準確內容或出現一些錯別字，請你們多多包涵。歡迎小夥伴把出現的問題反饋給我，在這本書後續版本中，會感謝幫忙勘誤的小夥伴們。

前端進階之路，阿寶哥與你同行，歡迎小夥們與我一塊兒技術交流，共同窗習進步。

2020 年上半年認識了好多小夥伴，如浪裏行舟、關關、Linmi、Champollion、小傅哥、方旭、元哥、璐姐、暖暖和楊中興老師，還有個人好兄弟 —— 石七（陳藝亮），他們都默默幫助我，給我不少成長建議，真心感謝他們。固然還要感謝 JavaScript 突擊隊 那些可愛的小夥伴們的承認與支持，做爲隊長的阿寶哥，會作好本職工做，讓大家快速成長起來。

2020 年 8 月 1 號（建軍節），阿寶哥的第一本電子書 <<前端進階篇>> 1.0 版本終於出來了，2020 年 8 月 22 號，該書的 1.1 版本也按照原定的計劃完成了，又是一個小小的里程碑。阿寶哥一直在努力，本書阿寶哥還會繼續更新，不斷地輸出有價值的內容。若是你有好的建議，歡迎小夥伴們給我留言喲。

最後感謝 <<前端進階篇>> 1.0 版本打賞的 「金主」 們，Champollion、Bing、宜常樂、石7、永久。、ulyn、小傅哥 | bugstack.cn、兔子愛吃胡蘿蔔、阿浪、自由人、阿仁、草莽、張曉衡、Lisayang123，謝謝大家的承認與鼓勵🌹。