2021前端學(xué)習(xí)路徑書單—自我成長之路
正式學(xué)習(xí)前端大概 3 年多了，接觸前端大概 4?年了，很早就想整理這個書單了，因為常常會有朋友問，前端該如何學(xué)習(xí)，學(xué)習(xí)前端該看哪些書，我就講講我學(xué)習(xí)的道路中看的一些書，雖然整理的書不多，但是每一本都是那種看一本就秒不絕口的感覺。
以下大部分是我看過的，或者說身邊的人推薦的書籍，每一本我都有些相關(guān)的推薦語，如果你有看到更好的書歡迎推薦呀。
JS
《JavaScript高級程序設(shè)計（第4版）》[1]
第三版:豆瓣評分9.3
第四版:豆瓣評分8.5
現(xiàn)在建議學(xué)習(xí)第四版，因為第三版很多還是以ES5的語法進行講解的，目前主流都是 ES6 語法了。當(dāng)年我入門這是我看的第一本JS書籍，也是實驗室的導(dǎo)師推薦的，這本書很厚，真的需要耐著性子看完，DOM、BOM、JS基礎(chǔ)語法，我先是把這些大概的過了一下，然后去實踐項目，有不懂的點再來回味這本書，以我的性子，還是比較喜歡動手進行實踐。
《你不知道的JavaScript（上卷）》[2]
豆瓣評分 9.3
這本書，真的是神書，我先看的高級程序設(shè)計，但是看完我對一些作用域啊，閉包，原型鏈還是懵懵懂懂，看完這本書瞬間打通了任督二脈，豁然開朗。
《ECMAScript 6 入門電子版》[3]
《ECMAScript 6 入門》[4]
豆瓣評分 8.8
這本書屬于工具書，建議電子版，翻翻常用的一些 ES6 語法就好了，當(dāng)年我準備實習(xí)的時候就看了常用的一些語法例如（Map、Set、Proxy、Promise、Generator、async、Module等）。（當(dāng)然如果對你有幫助還是可以買一下實體書，支持一下作者，畢竟電子版可以免費看，寫書需要花很多精力。）
《JavaScript忍者秘籍（第2版）》[5]
豆瓣評分 8.5
這本書是我工作上的導(dǎo)師推薦，我暫時還沒看，據(jù)說幫助他解了很多疑惑。
CSS
《CSS世界》[6]
作者是張鑫旭，可以說是 CSS領(lǐng)域的鼻祖了。我買了這本書，但是還沒有看，不看的原因不是他不好，是最近不常寫CSS了，哈哈哈。當(dāng)初買它的時候，我是看它的目錄，可以說它把CSS中一些比較重要的場景都包含到了。目錄名字也取得非常有吸引力。塊級元素、盒子模型、浮動、層疊規(guī)則等等基礎(chǔ)的用法都講到了。
《CSS揭秘》[7]
豆瓣評分 9.4
作者是Lea Verou，W3C CSS工作組特邀專家，設(shè)計CSS語言的委員之一，此前曾在W3C擔(dān)任開發(fā)者代言人。目前，她在麻省理工學(xué)院從事人機交互領(lǐng)域的研究。
作者來頭真的太大了...又是W3C CSS專家又是MIT的...看過這本書的人都會驚嘆，原來 CSS 還能這么玩？如果你想精進 CSS，這本書不能錯過。這本書剛出的時候就買了，后來畢業(yè)送給了實驗室的小伙伴。
框架
Vue
vue2文檔[8]
vue3文檔[9]
如果出個豆瓣評分估計是9.9分，那0.1分怕它驕傲。
vue的學(xué)習(xí)建議直接看官網(wǎng)吧，寫的太詳細了，像一本書一樣。
React
React官網(wǎng)[10]
官網(wǎng)教程真的很貼心，會一步一步教你如果構(gòu)建一個 React 應(yīng)用，并且還會說有些哲學(xué)思想。
《React小書》[11]
這本書是一本開源的書籍，面向的對象是有一點前端基礎(chǔ)的并且是 React.js 零基礎(chǔ)的同學(xué)而作。
《深入React技術(shù)?！?/span>[12]
豆瓣評分 8.1
大概是 17 年的時候買的，算是買的第一本 React 書籍也是唯一一本 React 書籍，
Node
《七天學(xué)會NodeJS》[13]
開源書，書只有大概只有200頁左右，一下子就能看完，通過例子能夠快速熟悉一些 Node 的 API，也許現(xiàn)在來說很多 API 已經(jīng)過時了（畢竟Node版本迭代太快了，現(xiàn)在都15x了），但是安裝舊版本的 Node來入門，仍然是一本和不錯的書。
《深入淺出Node.js》[14]
豆瓣評分 8.6
清晰地講解了Node.js 底層原理，以及如何使用 Node.js 進行工程項目開發(fā)，是進階的首選。
《Node.js設(shè)計模式》[15]
原書英文版豆瓣評分9.5，買了中文版...看的云里霧里，可以試試英文版。
《Node.js：來一打 C++ 擴展》[16]
剛出的時候就買了這本書... 但是功力不夠啊，看這本書需要一些 C++ 的底蘊，還特地買了 C++ Primer 準備好好學(xué)習(xí)，但是發(fā)現(xiàn)...周期太長了沒有堅持下來，又因為公司也沒有這方便的場景應(yīng)用，所以自己草草寫了一個 C++ 插件(https://github.com/hua1995116/LRU-node-addon)之后，這本書就擱置了。
工程化
Webpack
《深入淺出Webpack》[17]
《深入淺出 Webpack電子版》[18]
這本書很多人吐槽，說寫的很基礎(chǔ)，深度不夠，也比較落后了。確實是這樣，但是我覺得webpack官方文檔雖然很全很前沿，但是還沒有那種一下子就能讓人整明白的。跟著這本書 + 配套github示例，寫完全部示例（花不了很多時間），可以說對 webpack 會有一個大概的了解。
學(xué)習(xí)webpack難點在于什么？
各種周邊插件版本不配套??！
想加個loader/plugin，各種版本不兼容，各種報錯！因為新手安裝 webpack 的插件大多數(shù)人都是會安裝到最新版本，但是最新版本大多數(shù)會有各種問題，真的是勸退...
webpack經(jīng)過幾個飛速的迭代，webpack3x和4x的插件機制就不一樣，現(xiàn)在又是5x了。
所以能有一個固定的版本，跟著走完全流程對它有一個整體的認識，看完一本書能了解這些也算是值了。有了這些整體的認知，相信你不管是學(xué) 4x還是5x都能行云流水了。
TypeScript
《深入理解 TypeScript》[19]
開源電子書，是一個學(xué)習(xí) TypeScript 不錯的開始吧，我快速過了一下這本書和官網(wǎng)示例，有了大概的了解，想要深入學(xué)習(xí) TS 可能還是需要實踐吧~
《重學(xué)TS》[20]
阿寶哥寫的重寫 TS 也很不錯，其實我TS用的并不多，偶然在寫一些高級泛型的時候查到了阿寶哥寫的文章，感覺受益良多。
計算機基礎(chǔ)
設(shè)計模式
《JavaScript設(shè)計模式》[21]
以故事線的模式來風(fēng)趣地講解JS的設(shè)計模式。
算法基礎(chǔ)
《圖解算法》[22]
豆瓣評分 8.4
小白也能看懂的算法，對于初學(xué)者可以說非常有幫助，我看完了電子版，但是對于想真正在算法領(lǐng)域有所精進那就看下面這本書吧。
《算法導(dǎo)論》[23]
豆瓣評分 9.2
這本書很數(shù)學(xué)，看的令人頭禿，但是真的很全，里面的示例全部是偽代碼所寫，理解起來也有一定的難度，跟著實驗做一遍會有很大的收獲。
網(wǎng)絡(luò)基礎(chǔ)
《圖解 HTTP》[24]
豆瓣評分 8.1
這本書也是看了電子版，主要是圍繞TCP/IP來進行講解，瀏覽完對HTTP常用的一些屬性以及網(wǎng)絡(luò)會有一個大概的概念。
《TCP/IP詳解 卷1：協(xié)議》[25]
豆瓣評分 9.2
如果要精進計算機網(wǎng)絡(luò)，可以看這本。
編譯原理
《編程語言與實踐》[26]
買了龍書啊虎書啊什么的，看了都犯困，而這本書只看了前幾章，就能自己實現(xiàn)了一個ll(1)的解釋器 common-comment-parser[27]
代碼規(guī)范
《重構(gòu)》[28]
豆瓣評分 9.4
第2版和第1版我都買了，看完確實對寫代碼有幫助，其中重構(gòu)前最重要的就是保證不破壞原先的代碼的邏輯，這就要求我們有足夠的測試用例情況下再進行重構(gòu)。
技術(shù)探索
Three.js
《Three.js 入門指南》[29]
可能對于大佬來說比較基礎(chǔ)，但是對于小白入門來說，是不錯的選擇。能了解三維世界中的照相機、材質(zhì)、網(wǎng)格和動畫等特性。
《Three.js 開發(fā)指南（第三版）》[30]
還正在看中，買了當(dāng)當(dāng)?shù)碾娮影妗?/p>
Serverless
《深入淺出Serverless》[31]
這本書我是在微信讀書看的，看了一半，可以對 Serverless 到底是什么東西有所了解，F(xiàn)aas 并不是代表 Serverless，Serverless 是由 ?Faas + Baas 組成的，容器化發(fā)展過程，Serverless的特點都在本書進行了講解。