阿里云优惠活动,点击链接进行购买: 一年仅需96.9元即可以购买服务器~

腾讯云优惠活动, 点击链接进行购买一年仅需99元

腾讯云限时开团活动, 点击链接进行购买一年仅需95元

各大服务器厂商对比选购

# 2022 前端学习路径书单—自我成长之路

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

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

前端学习书籍导图-1

# JS

《JavaScript 高级程序设计(第 4 版)》 (opens new window)

第三版:豆瓣评分 9.3

第四版:豆瓣评分 8.5

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

《你不知道的 JavaScript(上卷)》 (opens new window)

豆瓣评分 9.3

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

《ECMAScript 6 入门电子版》 (opens new window)

《ECMAScript 6 入门》 (opens new window)

豆瓣评分 8.8

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

《JavaScript 忍者秘籍(第 2 版)》 (opens new window)

豆瓣评分 8.5

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

# CSS

《CSS 世界》 (opens new window)

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

《CSS 揭秘》 (opens new window)

豆瓣评分 9.4

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

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

# 框架

# Vue

vue2 文档 (opens new window)

vue3 文档 (opens new window)

如果出个豆瓣评分估计是9.9 分,那 0.1 分怕它骄傲。

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

# React

React 官网 (opens new window)

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

《React 小书》 (opens new window)

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

《深入 React 技术栈》 (opens new window)

豆瓣评分 8.1

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

# Node

《七天学会 NodeJS》 (opens new window)

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

《深入浅出 Node.js》 (opens new window)

豆瓣评分 8.6

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

《Node.js 设计模式》 (opens new window)

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

《Node.js:来一打 C++ 扩展》 (opens new window)

刚出的时候就买了这本书... 但是功力不够啊,看这本书需要一些 C++ 的底蕴,还特地买了 C++ Primer 准备好好学习,但是发现...周期太长了没有坚持下来,又因为公司也没有这方便的场景应用,所以自己草草写了一个 C++ 插件(https://github.com/hua1995116/LRU-node-addon)之后,这本书就搁置了。

# 工程化

# Webpack

《深入浅出 Webpack》 (opens new window)

《深入浅出 Webpack 电子版》 (opens new window)

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

学习 webpack 难点在于什么?

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

想加个 loader/plugin,各种版本不兼容,各种报错!因为新手安装 webpack 的插件大多数人都是会安装到最新版本,但是最新版本大多数会有各种问题,真的是劝退...

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

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

# TypeScript

深入理解 TypeScript》 (opens new window)

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

《重学 TS》 (opens new window)

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

# 计算机基础

# 设计模式

JavaScript 设计模式》 (opens new window)

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

# 算法基础

《图解算法》 (opens new window)

豆瓣评分 8.4

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

《算法导论》 (opens new window)

豆瓣评分 9.2

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

# 网络基础

《图解 HTTP》 (opens new window)

豆瓣评分 8.1

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

《TCP/IP 详解 卷 1:协议》 (opens new window)

豆瓣评分 9.2

如果要精进计算机网络,可以看这本。

# 编译原理

《编程语言与实践》 (opens new window)

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

# 代码规范

《重构》 (opens new window)

豆瓣评分 9.4

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

# 技术探索

# Three.js

《Three.js 入门指南》 (opens new window)

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

《Three.js 开发指南(第三版)》 (opens new window)

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

# Serverless

《深入浅出 Serverless》 (opens new window)

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

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

IMG_1394

Last Updated: 9/12/2022, 3:03:48 PM