作为一名前端开发人员，读书其实是一件不算太好的选择。因为前端技术发展的太快，很多书出版时可能有些内容已经过时。再加上技术书一般国外写的比较好，如果翻译成中文在发行，那过期的内容可能更多。

虽然如此，但是有一些书个人觉得还是值得一读，尤其是读其中的思想。接下来，博主会推荐一些自己读过，并且感觉还不错的书籍。

计算机通识

“万丈高楼平地起”，我们能走多远，这得看我们的基础有多牢固。有很多从事 Web 前端开发的人本科不是计算机专业毕业，但是这并不要紧。如果我们期望向更高的领域迈进，那就需要补习一下计算机专业相关的知识了。

网络

个人觉得“计算机网络”、“数据结构和算法”这两块对于 Web 开发人员是最重要的。当然还有“计算机组成原理”、“数据库”等基础知识也蛮重要的。

如果说到 HTTP 协议，那么入门首推《图解HTTP》这本书。

图解HTTP

这本书由日本人 上野·宣 所著，适合基础薄弱或者遗忘了的人阅读，形象生动，深入浅出。出版时间为 2014 年，不算太久远，里面的内容很多都是经典的，且沿用至今。

如果你想了解关于 HTTP 协议更多的细节，但就有必要看一看动物书《HTTP权威指南》这本大部头了，博主粗读了一遍，真的很厚，需要花很大的耐心。这本书出版的时间更早一些，2013 出版的。

HTTP权威指南

2015 年 HTTP/2 正式发布，虽然图解HTTP里面提到了相关的内容，但是那个时间还是起草阶段。现在已经 2021 年了，所以我们十分有必要了解 HTTP/2 相关内容。这里再推荐一本动物系列书，《HTTP/2基础教程》。

HTTP/2基础教程

如果想了解 TCP 相关的内容呢？ 图解系列也有一本《图解TCP/IP》，出版时间为 2013 年，同样是日本技术专家所著，特点和图解系列的其他作品一样，形象易理解。

图解TCP/IP

算法

说完了计算机网络的，接下聊一聊算法与数据结构的相关书籍。我个人不是专门研究算法的，所以了解的也不太深。这里我推荐两本书，一本关于算法入门，一本关于算法面试。

先说说算法入门吧，这里推荐《啊哈!算法》，作者啊哈磊，全国青少年信息学奥林匹克金牌教练。它的特点是简单和有趣，能让人很快看懂。

啊哈!算法

最后推荐一本算法面试的书《剑指Offer》，作者何海涛，现思科高级软件工程师，曾先后就职于Autodesk和微软。这本书并非直接讲题，而是从编程的各个方面的特质入手，教大家写出高效简洁又健壮的代码。

剑指Offer

前端基础

提起 Web 前端，那不得不提 HTML、CSS、JS 三板斧。这三块的难易度从前往后递增。JS 是一门图灵完备的语言，所以前端开发人员的差距也主要体现在这一块。随着 ES6 的发布、TS 的兴起，JS 也变得更加强大和复杂。

HTML

HTML 超文本标记语言，这应该是最简单的一部分。博主的建议是读一读 MDN 上的文档即可，书本没有特别想推荐的。

CSS

CSS 层叠样式表，是一种样式语言。自从 CSS3 发布后，它的作用越来越大，同时需要学习的内容也变多了。这里博主推荐一本进阶书《深入解析 CSS》。

很多 CSS 高频考点都有讲到，如盒模型、浮动、BFC、定位、层叠上下文、弹性盒子布局、媒体查询、过渡与动画、动画性能优化等等。美中不足的是选择器只给了一个附录，不过确实没有啥讲的，除非深入选择器的实现原理。

深入解析 CSS

JavaScript

早期的一门玩具式语言，谁也想到不如今它如此火爆。闲话不多说，学习 JavaScript 博主推荐《JavaScript高级程序设计》，如今已发行到第 4 版，增加了最新的 ES6 的内容。

JavaScript高级程序设计

上一本书可以帮助我们构建 JavaScript 的学习体系，但是有些点还是不太深入，如果我们更进一步学习，这里推荐《你不知道的javascript 》，它分上、中、下三卷，博主强烈推荐上卷。

你不知道的javascript

还有一本书，是 jQuery 库的作者编写，《JavaScript忍者秘籍》，算是补充了前两部书中没有讲清的事件循环。

JavaScript忍者秘籍

前端框架

前端框架的出现，让前端的地位水涨船高。因为框架赋予了前端做更复杂应用的可能性，通识保证了开发的效率、安全、稳定等等。

目前最火的就是三大框架，Vue、React、Angular，不过在国内 Vue 和 React 的占有率远大于 Angular。

除了三大框架，Webpack 也是一个不得不提的点。Webpack 官方介绍是一款打包工具，个人认为它的能力远远超出了它的字面定义。Webpack 奠定了前端开发的工程化转型的基础。工程化意味着 Web 前端可以承接更复杂的功能，也有了更多的可能性。

Vue 框架推荐的书是《深入浅出Vue.js》，博主觉得对得起“深入浅出”这四个字，作者把复杂的代码抽丝剥茧，分解成一小块、一小块，然后采用渐进式的方式带读者深入源码。

深入浅出Vue.js

前端专题

前端聊了前端的基础和框架，但是 Web 前端之路远没有结束。一名优秀的前端开发人员还有很多其它的内容需要掌握，这里博主把一些自认为比较重要的点抽成专题，单独讨论。

性能优化

性能优化是 Web 前端绕不过去的一个主题，并且随着前端应用的复杂性增加，性能优化更是需要不断提升。

兼容性与安全性

虽然如今互联网蓬勃发展，但是这也带来了一些碎片化的问题，手机屏幕各式各样，并且浏览器的内核也有多个厂商，更糟糕的是不同的厂商还有多个版本。

博主觉得很心酸的是我们需要对每种机型进行兼容，当然那些市场占有率低到忽略不计的也就不予考虑了。

除了兼容性问题，安全更是重中之重，否则造成的损失不止是经济上的，更会失去用户的信任。

性能优化这块推荐雅虎专家的书《高性能网站建设指南》和《高性能网站建设进阶指南》，出版时间有点早，但其大部分内容如今依然被很多大公司效仿。

高性能网站建设指南

高性能网站建设进阶指南

性能这块，还有一个大的瓶颈，那就是 JavaScript，这里推荐《高性能JavaScript》这本书。

高性能JavaScript

关于安全，博主推荐道哥的《白帽子讲Web安全》。道哥原名吴翰清，就职于阿里云。当然这本书只是简单介绍了攻防策略，很多内容需要大家实践后才有深刻的体会。

白帽子讲Web安全

总结

很多计算机同行是不推荐书籍的，因为他们觉得互联网发展的太快，书籍上的内容很快就过时了。所以很多人更建议去官网去学习。博主不反对这个观点，但是官网都是讲解 API 使用的，对于原理提及的比较少。选书，尽量选关于原理讲解的书，学习思想，这样保质期才会很长。

博主推荐的书中一些内容可能由于计算机和浏览器的发展，已经过时，希望读者不要尽信书，取其精华，去其糟粕。