【資料分享】阿寶哥 · 前端進(jìn)階資料（6 萬多字）.pdf
一、前言
大家好，我是阿寶哥。首先簡單介紹下我自己，2017 年 3 月份開始在思否寫 Angular 修仙之路專欄，目前已輸出 138 篇原創(chuàng)文章。曾獲得思否年度優(yōu)秀文章作者及兩季 Top Writer。
2020 年開始專注系列教程寫作，包含以下專題：
重學(xué) TS 專題（40+篇） 玩轉(zhuǎn)前端專題（5 篇） 你不知道的 XXX（4 篇） 了不起的 XXX 專題（5 篇）
平?；钴S在各個開發(fā)社區(qū)，這里分享主要的社區(qū)地址：
1、掘金（LV5）：https://juejin.im/user/764915822103079
2、思否（11.3K）：https://segmentfault.com/a/1190000008754631
3、個人博客：https://www.semlinker.com/
接著給大家分享，本人精心準(zhǔn)備的 “重學(xué)TS” 系列教程及本人 Github 上的 Awesome TypeScript 項目：
4、重學(xué) TS 系列教程：https://mp.weixin.qq.com/s/y6C4R04mpvBmyV80p5WOug
5、Awesome TypeScript（1.8K）：https://github.com/semlinker/awesome-typescript
二、簡介
歡迎你閱讀 <<前端進(jìn)階篇>> 這本書，該書由 “玩轉(zhuǎn)前端” 和 “你不知道的 XXX” ?兩大專題組成，共九個章節(jié)。
“玩轉(zhuǎn)前端專題” 包含玩轉(zhuǎn) Video 播放器、玩轉(zhuǎn)圖片處理、玩轉(zhuǎn) Word 文檔、玩轉(zhuǎn)混合加密和玩轉(zhuǎn)網(wǎng)絡(luò)五大章節(jié)的內(nèi)容。而 “你不知道的 XXX 專題” 包含你不知道的 Web Workers、你不知道的 WebSocket、你不知道的 Blob 及你不知道的 WeakMap 四大章節(jié)的內(nèi)容。
此外，你也可以在 ”PDF 下載“ 章節(jié)了解一下，阿寶哥另一本 85 頁的 <<了不起的 TS 和 Deno>> 電子書，該書包含五大章節(jié)的內(nèi)容，內(nèi)容豐富不要錯過喲。
2.1 本書適合人群
① 具有一定的編程基礎(chǔ)的 Web 開發(fā)者
② 希望深入學(xué)習(xí)與掌握 Web API 的 Web 開發(fā)者
③ 對前端二進(jìn)制處理、音視頻感興趣的開發(fā)者
④ 對網(wǎng)絡(luò)安全、信息安全感興趣的開發(fā)者
2.2 我能學(xué)到什么
① 在前端如何處理音視頻、圖片和 Word 文檔等
② 如何保障數(shù)據(jù)的安全及網(wǎng)絡(luò)狀態(tài)的檢測與網(wǎng)絡(luò)測速等
③ 掌握 Web Workers、WebSocket、Blob 和 WeakMap API
④ 了解如何利用 Chrome 開發(fā)者工具、WireShark 分析 HTTP 報文和 WebSocket 數(shù)據(jù)幀
2.3 本書閱讀建議
本書阿寶哥為了讓大家能更好地學(xué)習(xí)每個章節(jié)的知識點，精心準(zhǔn)備了大量的配圖及示例。在學(xué)習(xí)的新知識的過程中，建議小伙伴們盡量親自動手試一下，在學(xué)完相關(guān)的知識點可以考慮對所學(xué)的知識點進(jìn)行總結(jié)和輸出，可以寫學(xué)習(xí)筆記、博文或跟團隊內(nèi)的成員分享。當(dāng)然，在寫作過程中，如果遇到問題，歡迎跟阿寶哥一起交流技術(shù)問題或?qū)懽骷记伞?/span>
2.4 玩轉(zhuǎn)前端專題
2.4.1 玩轉(zhuǎn)前端 Video 播放器
本章阿寶哥將從八個方面入手，全方位帶你一起探索前端 Video 播放器和主流的流媒體技術(shù)。此外，你還會了解到如何實現(xiàn)播放器截圖、如何基于截圖生成 GIF、如何使用 Canvas 播放視頻及如何實現(xiàn)色度鍵控等內(nèi)容。
2.4.2 玩轉(zhuǎn)圖片處理
本章阿寶哥將以一個前端圖片處理的案例，帶大家一起深入學(xué)習(xí)二進(jìn)制、Blob、Blob URL、Base64、Data URL、ArrayBuffer、TypedArray、DataView 和圖片壓縮相關(guān)的知識點。
2.4.3 玩轉(zhuǎn) Word 文檔
本章阿寶哥將介紹在前端如何把 Word 文檔轉(zhuǎn)換成 HTML/Markdown 文檔，同時也會介紹在前端如何動態(tài)生成 Word 文檔，除此之外，還會介紹如何在瀏覽器中處理 ZIP 文檔。
2.4.4 玩轉(zhuǎn)混合加密
本章阿寶哥首先介紹了對稱加密、非對稱加密的優(yōu)缺點及使用示例，接著引出了混合加密的概念并給出了一套完整的使用示例與解決方案。
2.4.5 玩轉(zhuǎn)網(wǎng)絡(luò)
本章阿寶哥將介紹在前端如何實現(xiàn)在線或離線檢測、獲取網(wǎng)絡(luò)信息、獲取網(wǎng)絡(luò)延遲和網(wǎng)絡(luò)測速等內(nèi)容。
2.5 你不知道的 XXX 專題
2.5.1你不知道的 Web Workers
本章阿寶哥將介紹進(jìn)程與線程的區(qū)別、瀏覽器內(nèi)核的相關(guān)知識、Web Workers 是什么、Web Workers 的分類及 Web Workers API 及如何觀察 Dedicated Worker 等知識。
2.5.2 你不知道的 WebSocket
本章阿寶哥將從多個方面入手，全方位帶你一起探索 WebSocket 技術(shù)。在介紹完 WebSocket 協(xié)議相關(guān)的知識之后，還會帶你一步步實現(xiàn)一個 WebSocket 服務(wù)器。
2.5.3 你不知道的 Blob
本章阿寶哥將詳細(xì)介紹 Blob API，在日常工作中，Blob 的使用場景，比如分片上傳、從互聯(lián)網(wǎng)下載數(shù)據(jù)、Blob 用作 URL、Blob 轉(zhuǎn)換為 Base64、圖片壓縮等，除此之外，阿寶哥還會介紹 Blob 與 ArrayBuffer 之間的區(qū)別。
2.5.4 你不知道的 WeakMap
本章阿寶哥將介紹什么是垃圾回收（引用計數(shù)法和標(biāo)記清除法）、什么需要 WeakMap、WeakMap 是什么及其應(yīng)用，此外還會介紹 ECMAScript 私有字段及在 TypeScript 3.8 版本中如何使用 ECMAScript 私有字段。
三、PDF 下載
3.1 獲取方式
① 掃描下方二維碼加 “前端進(jìn)階” 學(xué)習(xí)群，凡進(jìn)群者都送電子書籍一本。
另外，對于入群的小伙伴，阿寶哥還會額外贈送包含了 “了不起 TypeScript 入門教程（掘金 - 1420 個?）” 和 “了不起的 Deno 入門教程（12 個號主轉(zhuǎn)載）” 的 <<了不起的 TS 和 Deno>> 85 頁的 PDF 電子書，該電子書包含 五大章節(jié) 的內(nèi)容，感興趣的小伙伴不要錯過喲。
② 掃描下方二維碼，添加阿寶哥微信（semlinker）獲取 PDF 書籍。
③ 公眾號“全棧修仙之路”內(nèi)回復(fù)~
回復(fù)“pdf”，獲取<<了不起的?TS 和?Deno>>?下載地址。
回復(fù)“td"，獲取<<前端進(jìn)階篇>>下載地址。
另外，如果你在學(xué)習(xí)、成長過程中遇到什么問題，也可以添加我的微信一起交流。
四、結(jié)尾
至此本書的內(nèi)容已經(jīng)介紹完了，非常感謝你的閱讀與支持。由于作者水平有限，書中可能會有一些描述不準(zhǔn)確內(nèi)容或出現(xiàn)一些錯別字，請大家多多包涵。歡迎小伙伴把出現(xiàn)的問題反饋給我，在這本書后續(xù)版本中，會感謝幫忙勘誤的小伙伴們。前端進(jìn)階之路，阿寶哥與你同行，歡迎小伙們與我一起技術(shù)交流，共同學(xué)習(xí)進(jìn)步。
2020 年上半年認(rèn)識了好多小伙伴，如浪里行舟、關(guān)關(guān)、Linmi、Champollion、小傅哥、方旭、元哥、璐姐和楊中興老師，他們都默默幫助我，給我很多成長建議，真心感謝他們。當(dāng)然還要感謝 JavaScript 突擊隊 那些可愛的小伙伴們的認(rèn)可與支持，作為隊長的阿寶哥，會做好本職工作，讓你們快速成長起來。
2020 年 8 月 1 號（建軍節(jié)），阿寶哥的第一本電子書 <<前端進(jìn)階篇>> 終于出來了，當(dāng)然該書的專題文章還會繼續(xù)。后續(xù)阿寶哥還會繼續(xù)寫專題文章，不斷地輸出有價值的內(nèi)容。如果你有好的建議，歡迎小伙伴們給我留言喲