前端学习书籍/网站推荐（前端基础篇）

5年前端菜鸡，借鉴整理了一套前端知识体系图，目前网上的体系图很多，也很正确，但是由于目的性不同，颗粒度也不尽相同，梳理体系不是目的，掌握体系才是根本，所以今天要为体系中的各个环节“对症下药”，推荐一些自己这些年进入这些知识领域的书籍和网站（少量）。

“合抱之木，生于毫末；九层之台，起于累土；千里之行，始于足下”，学习一门技术，基本功是最重要的，今天这篇书籍推荐，针对的是前端基础。

---

一、HTML篇

1、《深入浅出HTML与CSS、XHTML》

本书是大学的时候选修课《web开发设计》中的教科书，印象很深刻，代课老师叫“金星”，我们买的是这本书的中文版，从此：前端的齿轮开始转动！
和其他“深入浅出”系列书籍相比，个人感觉这是“深入浅出”的鼻祖！表达方式浅显易懂，通过讲故事的方式，一步步渗透知识点，每个章节结束，还会有课堂练习：填空等，很有意思，前端入门必看，开挖掘机的过来都能入行，绝绝子！

2、《菜鸟教程》

如果你看完了第一本书了，那么你对于前端标签、url、样式等应该有了一个初步认识，在互联网技术知识比较晦涩的年代，《菜鸟教程》脱颖而出，成为了大家的喜爱，现在地址：https://www.runoob.com/html/html-tutorial.html，随学随看，内容也比第一本书总结的更加精炼，具体。

二、CSS篇

1、《CSS权威指南》

早期的动物系类书籍，学习CSS比较权威的一本，对于类、字体、定位等讲的非常细致，CSS是一门计算学科，计算规则懂得多，排列组合出来的效果就越多，越炸裂！

2、《CSS世界》

本书从前端开发人员的需求出发，以“流”为线索，从结构、内容到美化装饰等方面，全面且深入地讲解前端开发人员必须了解和掌握的大量的CSS知识点。同时，作者结合多年的从业经验，通过大量的实战案例，详尽解析CSS的相关知识与常见问题，是一本经验书籍，里面很多对于样式不同寻常的理解，很有意思！

作为一本CSS深度学习的书，书中介绍大量许多前端开发人员都不知道的CSS知识点。通过阅读本书，读者会对CSS世界的深度和广度有一个全新的认识。

3、《CSS揭秘》

本书是一本注重实践的教程，作者为我们揭示了 47 个鲜为人知的 CSS 技巧，主要内容包括背景与边框、形状、 视觉效果、字体排印、用户体验、结构与布局、过渡与动画等。本书将带领读者循序渐进地探寻更优雅的解决方案，攻克每天都会遇到的各种网页样式难题。个人感觉这是一本css魔法书，对于常见效果，有很新颖的解决方案，很巧妙！

4、《less、sass官网》

CSS预处理器，less和sass是我们目前用的最多的，对于css添加了一些变量、嵌套等用法，使得写起样式非常高效顺手易于维护。
less：http://lesscss.cn/，
sass：https://www.sass.hk/

三、JS篇

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

红宝书，前端入门进阶宝典，如果一个前端没有读过这本书，我劝你去读下，别被同行嗤之以鼻，一点不夸张！第一次看是红宝书第三版，目前都已经第四版了，看过没看过的都可以去刷！

2、《Javascript权威指南》

该书被称为《犀牛书》，书如其名，真的是权威指南，即使你买了红宝书，我也推荐你买一本，因为这两本对相同的知识讲解，侧重点不同。
比如对于闭包，红宝书很详细，从作用域，到作用域链，再到活动对象，讲解由浅到深，十分详细，而《犀牛书》中仅仅是给出闭包的概念，然后举例说明差异。
《犀牛书》对于类型转换toString、valueof讲解则十分详细，《红宝书》则浅浅的带过。
个人感觉，目前的动物书籍系列，已经稍微有些过时了，不用通篇看，选择性的看技术的迭代升级过程，还是有必要的。

3、《JavaScript设计模式与开发实践》

图灵图品，必是经典！一直想买的一本前端设计模式书，这本书是入门中级后继续提升的有利法宝，不管什么框架，底层都逃不出两三个设计模式的，所以十分推荐你进阶的时候去读它。

4、《你不知道的javascript上、中、下》

前端的小黄书，上册我看了三遍，原型链，this，闭包，词法作用域等，中册看了一遍，异步编程和生成器，下册目前还没看，争取过段时间也刷一遍！
小黄书系列我看了三遍，怎么说呢，效果和高启强看孙子兵法一样的效果，每次都有不同的感受，建议反复观看，极力推荐！

5、《javascript语言精粹与编程实践（第3版）》

这本书基于 ES6，并涵盖最新的 ES2019 规范，全面讲述 JavaScript 在五个方面的语言特性，以及将这些特性融会如一的方法。本书不但完整解析了 JavaScript 语言，还逐一剖析了相关特性在多个开源项目中的编程实践与应用，是难得的语言学习参考书。
有的人反馈这本书晦涩难懂，周爱民老师的书籍，适合慢慢细品，里面的讲述都是很详细的，相比于红宝书，它就是绿宝书！

6、《学习JavaScript数据结构与算法（第3版）》

这本是一直想看没来得及买，是一本算法入门书，但是算法只入个门是没意义的，需要体系化的学习和刷题，想开拓思维的友友们，赶紧把这本入手看起来，19年就想看的我到现在还没有看上，大抵是贫穷吧（找个寒酸的理由）！

7、《正则表达式必知必会》

正则小册，这本书适合反复阅读，正则学习看书、看文档只是一部分，重要的是实践，或者说唯一的途径是在代码中敲它，一次两次还不行，多多运用些组合符号，多种正则方式实现功能，这样才能够对正则长记于心，用时手到擒来！

8、《MDN》

https://developer.mozilla.org/zh-CN/，MDN目前应该是我们前端学习HTML、CSS、JS等最最权威的一个开源学习网站了，网上的所有文章的引用，大都来自于这个网站，然而这个网站的知识直通标准，所以，看书之余，这个网站是目前最方便快捷权威的一个在线字典了！
接下里会梳理《前端框架篇》、《前端工程化篇》、《计算机网络篇》、《浏览器及原理篇》、《可视化篇》等，一起努力，一起进步，大家赶紧学起来！

---

---