正式学习前端大概 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源创计划”，欢迎正在阅读的你也加入，一块儿分享。