正式學習前端大概 3 年多了，接觸前端大概 4 年了，很早就想整理這個書單了，由於經常會有朋友問，前端該如何學習，學習前端該看哪些書，我就講講我學習的道路中看的一些書，雖然整理的書很少，可是每一本都是那種看一本就秒不絕口的感受。前端
如下大部分是我看過的，或者說身邊的人推薦的書籍，每一本我都有些相關的推薦語，若是你有看到更好的書歡迎推薦呀。vue
JS
《JavaScript高級程序設計（第4版）》[1]node
第三版:豆瓣評分9.3webpack
第四版:豆瓣評分8.5git
如今建議學習第四版，由於第三版不少仍是以ES5的語法進行講解的，目前主流都是 ES6 語法了。當年我入門這是我看的第一本JS書籍，也是實驗室的導師推薦的，這本書很厚，真的須要耐着性子看完，DOM、BOM、JS基礎語法，我先是把這些大概的過了一下，而後去實踐項目，有不懂的點再來回味這本書，以個人性子，仍是比較喜歡動手進行實踐。github
《你不知道的JavaScript（上卷）》[2]web
豆瓣評分 9.3算法
這本書，真的是神書，我先看的高級程序設計，可是看完我對一些做用域啊，閉包，原型鏈仍是懵懵懂懂，看完這本書瞬間打通了任督二脈，豁然開朗。編程
《ECMAScript 6 入門電子版》[3]設計模式
《ECMAScript 6 入門》[4]
豆瓣評分 8.8
這本書屬於工具書，建議電子版，翻翻經常使用的一些 ES6 語法就行了，當年我準備實習的時候就看了經常使用的一些語法例如（Map、Set、Proxy、Promise、Generator、async、Module等）。（固然若是對你有幫助仍是能夠買一下實體書，支持一下做者，畢竟電子版能夠免費看，寫書須要花不少精力。）
《JavaScript忍者祕籍（第2版）》[5]
豆瓣評分 8.5
這本書是我工做上的導師推薦，我暫時還沒看，聽說幫助他解了不少疑惑。
CSS
《CSS世界》[6]
做者是張鑫旭，能夠說是 CSS領域的鼻祖了。我買了這本書，可是尚未看，不看的緣由不是他很差，是最近不常寫CSS了，哈哈哈。當初買它的時候，我是看它的目錄，能夠說它把CSS中一些比較重要的場景都包含到了。目錄名字也取得很是有吸引力。塊級元素、盒子模型、浮動、層疊規則等等基礎的用法都講到了。
《CSS揭祕》[7]
豆瓣評分 9.4
做者是Lea Verou，W3C CSS工做組特邀專家，設計CSS語言的委員之一，此前曾在W3C擔任開發者代言人。目前，她在麻省理工學院從事人機交互領域的研究。
做者來頭真的太大了...又是W3C CSS專家又是MIT的...看過這本書的人都會驚歎，原來 CSS 還能這麼玩？若是你想精進 CSS，這本書不能錯過。這本書剛出的時候就買了，後來畢業送給了實驗室的小夥伴。
框架
Vue
vue2文檔[8]
vue3文檔[9]
若是出個豆瓣評分估計是9.9分，那0.1分怕它驕傲。
vue的學習建議直接看官網吧，寫的太詳細了，像一本書同樣。
React
React官網[10]
官網教程真的很貼心，會一步一步教你若是構建一個 React 應用，而且還會說有些哲學思想。
《React小書》[11]
這本書是一本開源的書籍，面向的對象是有一點前端基礎的而且是 React.js 零基礎的同窗而做。
《深刻React技術棧》[12]
豆瓣評分 8.1
大概是 17 年的時候買的，算是買的第一本 React 書籍也是惟一一本 React 書籍，
Node
《七天學會NodeJS》[13]
開源書，書只有大概只有200頁左右，一會兒就能看完，經過例子可以快速熟悉一些 Node 的 API，也許如今來講不少 API 已通過時了（畢竟Node版本迭代太快了，如今都15x了），可是安裝舊版本的 Node來入門，仍然是一本和不錯的書。
《深刻淺出Node.js》[14]
豆瓣評分 8.6
清晰地講解了Node.js 底層原理，以及如何使用 Node.js 進行工程項目開發，是進階的首選。
《Node.js設計模式》[15]
原書英文版豆瓣評分9.5，買了中文版...看的雲裏霧裏，能夠試試英文版。
《Node.js：來一打 C++ 擴展》[16]
剛出的時候就買了這本書... 可是功力不夠啊，看這本書須要一些 C++ 的底蘊，還特意買了 C++ Primer 準備好好學習，可是發現...週期太長了沒有堅持下來，又由於公司也沒有這方便的場景應用，因此本身草草寫了一個 C++ 插件(https://github.com/hua1995116/LRU-node-addon)以後，這本書就擱置了。
工程化
Webpack
《深刻淺出Webpack》[17]
《深刻淺出 Webpack電子版》[18]
這本書不少人吐槽，說寫的很基礎，深度不夠，也比較落後了。確實是這樣，可是我以爲webpack官方文檔雖然很全很前沿，可是尚未那種一會兒就能讓人整明白的。跟着這本書 + 配套github示例，寫徹底部示例（花不了不少時間），能夠說對 webpack 會有一個大概的瞭解。
學習webpack難點在於什麼？
各類周邊插件版本不配套啊！
想加個loader/plugin，各類版本不兼容，各類報錯！由於新手安裝 webpack 的插件大多數人都是會安裝到最新版本，可是最新版本大多數會有各類問題，真的是勸退...
webpack通過幾個飛速的迭代，webpack3x和4x的插件機制就不同，如今又是5x了。
因此能有一個固定的版本，跟着走徹底流程對它有一個總體的認識，看完一本書能瞭解這些也算是值了。有了這些總體的認知，相信你不論是學 4x仍是5x都能行雲流水了。
TypeScript
《深刻理解 TypeScript》[19]
開源電子書，是一個學習 TypeScript 不錯的開始吧，我快速過了一下這本書和官網示例，有了大概的瞭解，想要深刻學習 TS 可能仍是須要實踐吧~
《重學TS》[20]
阿寶哥寫的重寫 TS 也很不錯，其實我TS用的並很少，偶然在寫一些高級泛型的時候查到了阿寶哥寫的文章，感受受益良多。
計算機基礎
設計模式
《JavaScript設計模式》[21]
以故事線的模式來風趣地講解JS的設計模式。
算法基礎
《圖解算法》[22]
豆瓣評分 8.4
小白也能看懂的算法，對於初學者能夠說很是有幫助，我看完了電子版，可是對於想真正在算法領域有所精進那就看下面這本書吧。
《算法導論》[23]
豆瓣評分 9.2
這本書很數學，看的使人頭禿，可是真的很全，裏面的示例所有是僞代碼所寫，理解起來也有必定的難度，跟着實驗作一遍會有很大的收穫。
網絡基礎
《圖解 HTTP》[24]
豆瓣評分 8.1
這本書也是看了電子版，主要是圍繞TCP/IP來進行講解，瀏覽完對HTTP經常使用的一些屬性以及網絡會有一個大概的概念。
《TCP/IP詳解 卷1：協議》[25]
豆瓣評分 9.2
若是要精進計算機網絡，能夠看這本。
編譯原理
《編程語言與實踐》[26]
買了龍書啊虎書啊什麼的，看了都犯困，而這本書只看了前幾章，就能本身實現了一個ll(1)的解釋器 common-comment-parser[27]
代碼規範
《重構》[28]
豆瓣評分 9.4
第2版和第1版我都買了，看完確實對寫代碼有幫助，其中重構前最重要的就是保證不破壞原先的代碼的邏輯，這就要求咱們有足夠的測試用例狀況下再進行重構。
技術探索
Three.js
《Three.js 入門指南》[29]
可能對於大佬來講比較基礎，可是對於小白入門來講，是不錯的選擇。能瞭解三維世界中的照相機、材質、網格和動畫等特性。
《Three.js 開發指南（第三版）》[30]
還正在看中，買了噹噹的電子版。
Serverless
《深刻淺出Serverless》[31]
這本書我是在微信讀書看的，看了一半，能夠對 Serverless 究竟是什麼東西有所瞭解，Faas 並非表明 Serverless，Serverless 是由 Faas + Baas 組成的，容器化發展過程，Serverless的特色都在本書進行了講解。
交流討論
歡迎關注公衆號「前端試煉」，公衆號平時會分享一些實用或者有意思的東西，發現代碼之美。專一深度和最佳實踐，但願打造一個高質量的公衆號。
❤️
公衆號後臺回覆【小煉】
邀請你加入純淨技術交流羣（上班划水摸魚羣）
🙏
若是以爲這篇文章還不錯
來個【分享、點贊、在看】三連吧
本文分享自微信公衆號 - 前端試煉（code-photo）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。