一、前言

大家好，我是阿寶哥。首先簡單介紹下我自己，2017 年 3 月份開始在思否寫 Angular 修仙之路專欄，目前已輸出 138 篇原創文章。曾獲得思否年度優秀文章作者及兩季 Top Writer。

2020 年開始專注系列教程寫作，包含以下專題：

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

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

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

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

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

接着給大家分享，本人精心準備的 “重學TS” 系列教程及本人 Github 上的 Awesome TypeScript 項目：

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

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

二、簡介

歡迎你閱讀 <<前端進階篇>> 這本書，該書由 “玩轉前端” 和 “你不知道的 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 下載

原創不易，下載前，阿寶哥希望能得到你的一點鼓勵，點贊、在看、分享或留言都可以。你們的認可與鼓勵，是我不斷前進的動力:grin:。

3.1 獲取方式

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

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

③ 公衆號內回覆 pdf ，你將獲得一個 <<前端進階篇>> 電子書的下載鏈接。

另外，如果你在學習、成長過程中遇到什麼問題，也可以添加我的微信一起交流。

四、結尾

至此本書的內容已經介紹完了，非常感謝你的閱讀與支持。由於作者水平有限，書中可能會有一些描述不準確內容或出現一些錯別字，請大家多多包涵。歡迎小夥伴把出現的問題反饋給我，在這本書後續版本中，會感謝幫忙勘誤的小夥伴們。前端進階之路，阿寶哥與你同行，歡迎小夥們與我一起技術交流，共同學習進步。

2020 年上半年認識了好多小夥伴，如 浪裏行舟、關關、Linmi、Champollion、小傅哥、方旭、元哥、璐姐和楊中興老師 ，他們都默默幫助我，給我很多成長建議，真心感謝他們。當然還要感謝 JavaScript 突擊隊 那些可愛的小夥伴們的認可與支持，作爲隊長的阿寶哥，會做好本職工作，讓你們快速成長起來。

2020 年 8 月 1 號（建軍節），阿寶哥的第一本電子書 <<前端進階篇>> 終於出來了，當然該書的專題文章還會繼續。後續阿寶哥還會繼續寫專題文章，不斷地輸出有價值的內容。如果你有好的建議，歡迎小夥伴們給我留言喲。

相關文章