前端热门图书推荐，含个人心得体会与阅读顺序指南

前端热门图书推荐，含个人心得体会与阅读顺序指南

写在前面

        作者非科班出身，本科学的是自动化专业，平时也能接触一些计算机编程方面的知识，因而对编程比较感兴趣。工作后正好赶上团队调整，采用主流的前后端分离的路线，作为新人被安排到了前端岗位，也是团队的第一批纯前端开发人员。刚进入部门时，很多老一辈开发人员前端用的是jquery,后来前后端分离之后，要求我们这批新人使用Vue构建前端页面，所以我们这批前端基本靠自学，在过去两年里涉及前端开发方面的书籍，前前后后看了大概有10—20来本，现在回过头来，这些书本知识确实让我成长了许多，其中一些经典之作，对我启发很大，因此特意写一篇文章，将这些优秀的前端书籍推荐给更多的前端新人以及战斗在前端的开发人员。

前端热门书籍

1. Javascript高级程序设计（前端红宝书）

        Javascript高级程序设计目前已经发布了第四版，其中第三版我自己是看了两遍，个人认为新手必备，不仅可以带你进入前端的世界，更可当作一本经久不衰的前端参考书，工具书。该书知识系统而全面，不过厚度估计就能劝退不少同学，如果真的想学习前端建议还是从头到尾看两遍，尤其是新人就算又许多知识可能暂时无法理解或者无法形成记忆，但是通读此书会让你对整个js的框架有个大致的了解，比如js的语言特点，DOM/BOM的api 这样在后续的开发中遇到问题才能够找到思路，不至于一筹莫展，连上度娘搜索都找不到思路。

• 阅读顺序：

1. 新手上路建议先通读一遍，建立全局认知
2. 有一定开发经验后，建议再读一遍，查漏补缺
3. 对js比较熟悉之后，可当作工具书使用，有重点的查阅

2. 精通CSS （CSS入门与解惑）

         前端的三大基础：html / css / js ,其中html / CSS 等知识个人认为通过 w3c ,菜鸟教程等自学网站学习，在平时的开发中已经够使了（CSS+html的使用有点想我们平时作PPT，入门很简单，但是要把PPT做的好看协调，却是一门比较大的学问，因此此处只谈论入门或者打基础的书籍）。因此在这方面的书籍也很少涉及，精通CSS也是我唯一重点看过的关于CSS知识的书籍，该书推荐阅读最新版本（当前好像是第三版），最新版本包含了CSS3和HTML5的新特性，目前来说，使用CSS3 已经 是主流了吧，而且CSS3 确实引入了许多非常实用，美观的的新特性。

• 阅读顺序
  本书适合有一定CSS基础的用户，建议先通过W3C / 菜鸟教程等自学网站学习CSS基础知识，待对CSS有一定认知后再阅读此书，你会发现很多问题豁然开朗了。

ps: flex 布局和 grid 布局 一定要认真学习，反复专研。flex 在移动端已经是主流了，相信未来 grid 也会大放异彩。

3. 你不知道的JavaScript全系列（ 你搞不懂的this，作用域，闭包等等都会在这里找到答案）

         你不知道的JavaScript （上，中 ，下）三卷都很经典，知识点也讲得很透彻，我认为该系列图书最大的特点是从js语言的角度，给读者分析为什么要这样，为什么会这样。

• 阅读顺序
  阅读该书，要求你已经上手前端的相关开发了，最好在这之前能做过一些有关JS的面试题目，带着问题阅读你会发现，原来好多知识点，都可以用该书涉及的原理解释。

ps: 上，中，下 三篇，上必看，中，下 可根据个人情况选读。

4. 漫画算法 / javascript 数据结构与算法设计 （算法相关）

         此两本书，关于数据结构和算法的介绍都是入门级的，漫画算法是用Java语言编写的，但不影响阅读，算法和数据结构这块各大语言思路是相同的，如果能跟着本书将java 编写的案列使用 Javascript 实现，相信又是不同的收获。如果实现困难，可直接看 javascript 数据结构与算法设计，该书就是从JavaScript语言的角度介绍如何基于JavaScript构建常用的数据结构以及实现常见的算法题目。

• 阅读顺序
  有时间就翻翻，多看看书，总是有用的，很多知识都是可以运用到日常开发中的。

5. ES6 标准入门

         ES每年都在更新，但ES6 却是一个重要的版本，其特性也逐渐被更多的浏览器支持，不支持的还有bable的工具，因此大胆的使用ES6吧，要想系统全面的了解ES6 带来的新功能，快速上手ES6 的开发，这本书是一个不错的选择。

• 阅读顺序
  在实际上手开发之前，就应该对ES6 有所了解，因此建议在实际开发前先通读次数，后续可当作工具书使用。

ps: 这里提到ES6 顺道说一下 《JavaScript编程思想（es5 - es9 ）》，该书不建议新人阅读，个人认为该书知识点过于琐碎，浪费精力而不易形成记忆。至于ES每年更新的版本，网上随便找个论坛或者博客就足够了，大头和核心还是在ES6上。

6. 深入浅出Vue.js ( vue 重要源码浅析 )

         Vue 的使用我相信很多人都是直接看官方的指导和api说明，甚至直接找个博客跟着介绍打一个Vue的demo。这种方式可以很快的帮助我们快速上手vue的使用，但是随着经验的积累，和开发的程序体量到了一定程度会发现其实很多地方有更好的实现和更好的解决办法，为了能够尽早的产生这种觉悟，建议使用Vue开发的新人朋友能够抽时间阅读此书。此书所涉及的皆是Vue.js 重要/高频/核心的源码，相信通读此书在Vue的应用上会更上一个台阶。

• 阅读顺序
  对Vue有一定了解，有过Vue的开发经验。

ps : 提到Vue.js ，《Vue权威指南》 已经不再推荐阅读了。该书主要讲的是Vue1.0 的版本，Vue 3 都发不了，Vue1.0 估计早淘汰了吧。此外《 Vue+Element 开发权限管理系统》 也不推荐纯前端的小伙伴阅读，该书介绍的是一个全栈项目，涉及Vue 的部分很少也很简单，大可不必再此书上花费精力。

7. JavaScript设计模式（系列书）

         关于设计模式方面的书籍都是对日常开发工作的总结和提炼，来源于工作，最重要的是要运用到工作中。

• 阅读顺序
  这类书籍，长读长新，不建议向上诉书籍一般系统性的阅读，该类书籍都是一个一个的开发案列，推荐有时间就看看，每次2-3个案列，重在理解和投入实际应用。

---

（2020-12-21）

---

8. 图解HTTP

       全书共11个章节，前面几章主要介绍HTTP通信相关的知识，也就是围绕从输入URL到页面展示的话题展开，完整讲解了HTTP的通信原理和通信过程，文中穿插着许多生动形象的图片，非常有利于读者理解，帮助读者快速了解HTTP协议；面几章主要介绍了一些加密手段和web攻击技术，内容点到即止，没有深入的阐述属于科普性质。

• 阅读建议
          如果仅仅是前端初学者想了解HTTP协议那么只需专注前7章的内容即可，后面的几章可当作科普文章阅读，有一定的了解和认知即可。
          这里放一下我的读书笔记 《图解HTTP》知识笔记 —— 5分钟带你速览全书的精髓

---

( 更新于 ： 2021-02-19 )

---

• 立个flag,未完待续。。。