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