2021前台学习路径书单—自我成长之路

正式学习前台大概 3 年多了，接触前台大概 4 年了，很早就想整理这个书单了，由于常常会有朋友问，前台该如何学习，学习前台该看哪些书，我就讲讲我学习的道路中看的少量书，尽管整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者者说身边的人推荐的书籍，每一本我都有些相关的推荐语，假如你有看到更好的书欢迎推荐呀。

前台学习书籍导图-1

JS

《JavaScript高级程序设计（第4版）》

第三版:豆瓣评分9.3

第四版:豆瓣评分8.5

现在建议学习第四版，由于第三版很多还是以ES5的语法进行讲解的，目前主流都是 ES6 语法了。当年我入门这是我看的第一本JS书籍，也是试验室的导师推荐的，这本书很厚，真的需要耐着性子看完，DOM、BOM、JS基础语法，我先是把这些大概的过了一下，而后去实践项目，有不懂的点再来回味这本书，以我的性子，还是比较喜欢动手进行实践。

《你不知道的JavaScript（上卷）》

豆瓣评分 9.3

这本书，真的是神书，我先看的高级程序设计，但是看完我对少量作用域啊，闭包，原型链还是懵懵懂懂，看完这本书瞬间打通了任督二脉，豁然开朗。

《ECMAScript 6 入门电子版》

《ECMAScript 6 入门》

豆瓣评分 8.8

这本书属于工具书，建议电子版，翻翻常用的少量 ES6 语法就好了，当年我准备实习的时候就看了常用的少量语法例如（Map、Set、Proxy、Promise、Generator、async、Module等）。（当然假如对你有帮助还是可以买一下实体书，支持一下作者，毕竟电子版可以免费看，写书需要花很多精力。）

《JavaScript忍者秘籍（第2版）》

豆瓣评分 8.5

这本书是我工作上的导师推荐，我暂时还没看，据说帮助他解了很多疑惑。

CSS

《CSS世界》

作者是张鑫旭，可以说是 CSS领域的鼻祖了。我买了这本书，但是还没有看，不看的起因不是他不好，是最近不常写CSS了，哈哈哈。当初买它的时候，我是看它的目录，可以说它把CSS中少量比较重要的场景都包含到了。目录名字也获得非常有吸引力。块级元素、盒子模型、浮动、层叠规则等等基础的用法都讲到了。

《CSS揭秘》

豆瓣评分 9.4

作者是Lea Verou，W3C CSS工作组特邀专家，设计CSS语言的委员之一，此前曾在W3C担任开发者代言人。目前，她在麻省理工学院从事人机交互领域的研究。

作者来头真的太大了…又是W3C CSS专家又是MIT的…看过这本书的人都会惊叹，原来 CSS 还能这么玩？假如你想精进 CSS，这本书不能错过。这本书刚出的时候就买了，后来毕业送给了试验室的小伙伴。

框架

Vue

vue2文档

vue3文档

假如出个豆瓣评分预计是9.9分，那0.1分怕它骄傲。

vue的学习建议直接看官网吧，写的太详细了，像一本书一样。

React

React官网

官网教程真的很贴心，会一步一步教你假如构建一个 React 应用，并且还会说有些哲学思想。

《React小书》

这本书是一本开源的书籍，面向的对象是有一点前台基础的并且是 React.js 零基础的同学而作。

《深入React技术栈》

豆瓣评分 8.1

大概是 17 年的时候买的，算是买的第一本 React 书籍也是唯逐个本 React 书籍，

Node

《七天学会NodeJS》

开源书，书只有大概只有200页左右，一下子就能看完，通过例子能够快速熟习少量 Node 的 API，也许现在来说很多 API 已经过时了（毕竟Node版本迭代太快了，现在都15x了），但是安装旧版本的 Node来入门，依然是一本和不错的书。

《深入浅出Node.js》

豆瓣评分 8.6

清晰地讲解了Node.js 底层原理，以及如何使用 Node.js 进行工程项目开发，是进阶的首选。

《Node.js设计模式》

原书英文版豆瓣评分9.5，买了中文版…看的云里雾里，可以试试英文版。

《Node.js：来一打 C++ 扩展》

刚出的时候就买了这本书… 但是功力不够啊，看这本书需要少量 C++ 的底蕴，还特地买了 C++ Primer 准备好好学习，但是发现…周期太长了没有坚持下来，又由于公司也没有这方便的场景应用，所以自己草草写了一个 C++ 插件(github.com/hua1995116/…%E4%B9%8B%E5%90%8E%EF%BC%8C%E8%BF%99%E6%9C%AC%E4%B9%A6%E5%B0%B1%E6%90%81%E7%BD%AE%E4%BA%86%E3%80%82)

工程化

Webpack

《深入浅出Webpack》

《深入浅出 Webpack电子版》

这本书很多人吐槽，说写的很基础，深度不够，也比较落后了。的确是这样，但是我觉得webpack官方文档尽管很全很前沿，但是还没有那种一下子就能让人整明白的。跟着这本书 + 配套github示例，写完一律示例（花不了很多时间），可以说对 webpack 会有一个大概的理解。

学习webpack难点在于什么？

各种周边插件版本不配套啊！

想加个loader/plugin，各种版本不兼容，各种报错！由于新手安装 webpack 的插件大多数人都是会安装到最新版本，但是最新版本大多数会有各种问题，真的是劝退…

webpack经过几个飞速的迭代，webpack3x和4x的插件机制就不一样，现在又是5x了。

所以能有一个固定的版本，跟着走完全流程对它有一个整体的认识，看完一本书能理解这些也算是值了。有了这些整体的认知，相信你不论是学 4x还是5x都能行云流水了。

TypeScript

《深入了解 TypeScript》

开源电子书，是一个学习 TypeScript 不错的开始吧，我快速过了一下这本书和官网示例，有了大概的理解，想要深入学习 TS 可能还是需要实践吧~

《重学TS》

阿宝哥写的重写 TS 也很不错，其实我TS用的并不多，偶然在写少量高级泛型的时候查到了阿宝哥写的文章，感觉受益良多。

计算机基础

设计模式

《JavaScript设计模式》

以故事线的模式来风趣地讲解JS的设计模式。

算法基础

《图解算法》

豆瓣评分 8.4

小白也能看懂的算法，对于初学者可以说非常有帮助，我看完了电子版，但是对于想真正在算法领域有所精进那就看下面这本书吧。

《算法导论》

豆瓣评分 9.2

这本书很数学，看的令人头秃，但是真的很全，里面的示例一律是伪代码所写，了解起来也有肯定的难度，跟着试验做一遍会有很大的收获。

网络基础

《图解 HTTP》

豆瓣评分 8.1

这本书也是看了电子版，主要是围绕TCP/IP来进行讲解，浏览完对HTTP常用的少量属性以及网络会有一个大概的概念。

《TCP/IP详解 卷1：协议》

豆瓣评分 9.2

假如要精进计算机网络，可以看这本。

编译原理

《编程语言与实践》

买了龙书啊虎书啊什么的，看了都犯困，而这本书只看了前几章，就能自己实现了一个ll(1)的解释器 common-comment-parser

代码规范

《重构》

豆瓣评分 9.4

第2版和第1版我都买了，看完的确对写代码有帮助，其中重构前最重要的就是保证不破坏原价的代码的逻辑，这就要求我们有足够的测试用例情况下再进行重构。

技术探究

Three.js

《Three.js 入门指南》

可能对于大佬来说比较基础，但是对于小白入门来说，是不错的选择。能理解三维世界中的照相机、材质、网格和动画等特性。

《Three.js 开发指南（第三版）》

还正在看中，买了当当的电子版。

Serverless

《深入浅出Serverless》

这本书我是在微信读书看的，看了一半，可以对 Serverless 究竟是什么东西有所理解，Faas 并不是代表 Serverless，Serverless 是由 Faas + Baas 组成的，容器化发展过程，Serverless的特点都在本书进行了讲解。

为了证实以上大部分书我的确都是自己读过才推荐的，晒一下我的书柜（像你不知道的JS以及深入React技术栈在毕业的时候送给试验室小伙伴了，还有少量看的电子书~）

理解更多加入我们前台学习圈