2022年Javascript书籍全测评【前端读书会01】

avatar
山大王 @花果山

大家好,我是大圣,之前做过一个javascript书籍的测评,这两年犀牛书除了第七版,出了几本有意思的新书,比如javascript悟道,还有二十年,还有这本Vuejs设计与实现等,值得重新推荐一下,并且最近也一直有同学私聊问我css和node书籍的测评,这次就搞系统的测评一下前端工程师必备的书籍

今天是第一期会更新之前的javascript书籍, 然后第二期会做css书籍测评,第三期是nodejs书籍测评,第四期是前端工程师的综合提升课,比如性能,算法,做一个前端成长的体系化推荐,并且再搞点读书会的活动,大家记得三联+ 评论,三天后评论区热度最多三个小老弟我送书,签名版红宝书和Vuejs设计,全新的小黄学习javascript的书籍测评,会分成这几个部分来推荐

首先是系统化学习js的书,让你掌握前端工程师必备的js基础

然后是一些横向扩展的书,比如算法呀,设计模式呀,工程实现呀,框架设计呀等,属于最佳实践的类型, 然后是关于语言设计细节的进阶书,深入语言设计的细节,进阶和面试装逼必备

然后是一些小书,可以快速翻越,掌握js某一个知识点, 然后是略微过时,但是依然值得一读的经典,最后介绍些不推荐的书

这是文字稿,视频已经发布在B站,欢迎移步

www.bilibili.com/video/BV1UF…

编辑

切换为全宽

添加图片注释,不超过 140 字(可选)

语言体系化学习

javascript dom编程艺术

book.douban.com/subject/603…

添加图片注释,不超过 140 字(可选)

首先语言本身的体系化学习,首先推荐这本《javascript dom编程艺术》,这本书用简单的图片库和动画案例,让你快速入门js,产生兴趣,如果想全面的学习js还是不够的, 推荐这本刚上线不久的前端圣经,也被几代前端人称为红宝书,或者犀牛书第七版,二选一就可以

javascript高级程序设计(红宝书) 和javascript权威指南(犀牛书)

book.douban.com/subject/351…

book.douban.com/subject/353…

编辑

添加图片注释,不超过 140 字(可选)

《javascript高级程序设计》第四版,是几代前端体系化学习js必看的书, 和犀牛书齐名,虽然叫高级程序设计,但是阅读难度比较低,第四版全面使用es6+的语法,比较意外的是还把生成器迭代器,promise,proxy单独抽离成了章节,最近有研究vue3源码,对proxy和reflect困惑的同学们快去学习吧,除了语法层面的全面更新,浏览器方便也加入了dom4的规范,比如mutation observer,这个api在我们统计一些指标比如FMP的时候很有用,然后就是canvas,webgl以及各种现代浏览器的api,比如文件,通知,web worker,错误处理,模块化以及最佳实践,第四版绝对是体系化学习js最好的书

而且最近这本书也有槽点,比如章节安排不太合理,比如面向对象和Proxy放在了函数章节之前讲,具体的阅读顺序可以看我之前介绍如何看红宝书的视频,比如把promise翻译成了期约,我还专门问了hax,之所以叫期约定,是因为promise这个东西,在有的语言里叫future, 这里做了个合并,把future和promise合并,称之为期约,其实我也觉得promise不翻译就ok,但是如果翻译的话,期约算是很准确了,不过无伤大雅,不耽误这本书的地位

或者是这本《javascript权威指南》第七版,也是系统学习javascript的书籍,第七版薄了很多,读起来更加务实一些,少了红宝书里面很偏门的章节,对于新手的阅读体验更好,这两本二选一其实就足够了,而且译者都是李松峰老师

而且估计看一遍不够,看个两三遍效果更好,其实体系化学习javascript这些就够了, 还有几本开源的电子书我也很推荐

现代javascript教程(在线)

zh.javascript.info/

编辑

切换为居中

添加图片注释,不超过 140 字(可选)

一个是《现代javascript教程》 ,实时性做的非常棒,从入门,提升和进阶三个方向讲解,并且每个知识点还配有习题和解析,配合红宝书学习体验更佳 但是我本人不太爱看电子书, 所以现在把它当做工具书来查询用

practical-modern-javascript 深入理解JS特性

github.com/mjavascript…

还有一本就是深入理解JS特性,是一本很精彩的从es6讲起的书,很推荐,但是建议在阅读红宝书之后看, 我们有了前端的知识体系后,这本书的收获会巨大,而且这哥们有一系列书,质量都挺高的

编辑

切换为居中

添加图片注释,不超过 140 字(可选)

横向扩展

学完这些对付一般的前端面试就没问题了,但是行走江湖只有武器是不够的,还需要精妙的武功秘籍,也就是最佳实践

Vuejs设计与实现

首先推荐来自Vue官方团队成员霍春阳的新书《Vue.js设计与实现》

《Vuejs设计与实现》m.tb.cn/h.fKKZUO0

之前刘博文有一本《深入浅出Vue.js》解析的是Vue2的源码,这本Vue设计与实现详细剖析了Vue3的原理,并且站在更高的维度讲解了框架的设计,比如权衡的艺术,框架设计的核心要素,然后拆解了Vue3核心的模块,响应式系统,渲染器,组件化,编译器和服务端渲染,这本书可以帮你迅速掌握Vue3原理,说是2022年进阶和面试装逼必备的书籍了,我和春阳还录了一起funnyCoder,敬请期待

编辑

切换为居中

添加图片注释,不超过 140 字(可选)

JavaScript忍者秘籍(第2版)

book.douban.com/subject/301…

添加图片注释,不超过 140 字(可选)

首先推荐jquery作者的《javascript忍者秘籍》名字很中二,但是内容包含了实现常见功能的最佳实践,第二版也是es6+为主,重点集中在工程问题的捷达上,比如函数的上下文,promise的实现,宏任务微任务,闭包的原理以及浏览器开发技巧等,这本书最大的有点就是学起来有趣,不过翻译有些小问题,建议有实力的直接看英文版

这本书所有章节,都是从具体的实际问题入手,不纠结太多语法细节,非常推荐

javascript设计模式与开发实践

book.douban.com/subject/263…

添加图片注释,不超过 140 字(可选)

然后推荐这本《javascript设计模式与开发实践》,设计模式就是最佳实践,就像我们打王者,亚瑟就是要走上单,吉吉国王就是最适合打野,每个英雄特点不一样,就会诞生出各种战斗力最强的组合和装备选择,设计模式也是如此,我们通过学习前人总结的最佳实践,并且通过js种的实战加深理解,包括单例代理工厂迭代器,发布订阅享元,装饰器等模式,和一些常见的编程原则,是一本不可多得的好书,不过例子还是显得过于分散,其实我觉得设计模式特别适合和前端的组件库一起讲解,通过一个体系化的组件库来讲解各种不同的设计模式,以后有机会我写一本 yeah

学习javascript数据结构和算法

编辑

添加图片注释,不超过 140 字(可选)

然后是算法,这本算法入门书其实质量还不错了,但是算法只入个门是没意义的,需要体系化的学习和刷题,算法我推荐《算法》第四版,java的例子,正好用js重写一遍,建立完算法知识体系后,再来看这些js算法书查缺补漏一下更好,以后有机会我再做个节目推荐一些学算法的书

如果只看 javascript 的算法书,质量虽然不错,但是会有一钟学了很多东西,但实际没啥卵用,不过你也可以报我的javascript算法课,leetcode刷题200道,外加上你会学到Vue和React源码中的算法,怎么用位运算实现权限管理,以及搞明白Vue算法中的贪心+二分,还有如何设计LRU缓存模块等等

appx496fyc38425.h5.xiaoeknow.com/v1/course/c…

appx496fyc38425.h5.xiaoeknow.com

前端开发核心知识进阶

book.douban.com/subject/352…

然后是这本前端开发核心知识进阶,我觉得名字改为《前端面试图谱大全》更合适一些,系统的介绍了前端进阶路上所需要的各路知识点,不仅仅是javascript,还有css,框架,工程化,算法,网络等等,属于大而全的书,宏观差缺补漏效果非常明显,质量还是不错的,不过某一个模块想深入的话,还需要去专项练习,如果现在困惑不知道怎么提升的话,这本书会给你答案

添加图片注释,不超过 140 字(可选)

javascript迷你正则书

github.com/qdlaoyao/js…

添加图片注释,不超过 140 字(可选)

深入语言细节

你不知道的javascript (小黄书)

原版开源免费

github.com/getify/You-…

编辑

添加图片注释,不超过 140 字(可选)

深入javascript这本语言的设计细节,首先推荐小黄书系列,你不知道的javascript,英文版github开源,但是我觉得看上册就够了,深入了解原型链,this,闭包,词法作用域等,第一次读到感觉重塑了对js的理解,也是帮你秒杀各路javascript面试题的神书,中册也还不错,关于异步编程和生成器的内容值得一读,下册就算了,就是介绍了一点es6,不知道第二版出了没

Javascript20周年(历史书)

cn.history.js.org/

首先推荐一本历史书,电子书开源的,本书由 JavaScript 之父 Brendan Eich 与 ES6 规范首席作者 Allen Wirfs-Brock 联合编写,记录1995~2015共计 20 年的 JavaScript 演化经历。全书不仅讲解了大量语言技术细节层面的演进,更复盘了更高层面上规范制定与标准博弈中的历史成败,是一部讲述人类如何在商业与技术上的竞争合作中促进产业发展的故事

现在被知乎的doodlewind雪碧大兄弟翻译,从语言诞生,创立标准,改革失败和继往开来四部分讲解javascript如何从一个草鸡语言,发展到现在的繁荣,除了当做八卦看之外,我们能了解现在每个语法,都不是天生如此,也不是某个龟腚,而是诸多的权衡讨论的结果,还能了解现在js的规范TC39组织推进语法改进的方式,而且也是装逼吹牛逼必备的历史知识

Javascript悟道 (how javascript works)

编辑

添加图片注释,不超过 140 字(可选)

book.douban.com/subject/303…

这本书算是javascript语言精粹的升级版了,作者是json的作者老道,目录真的是朴实无华,全是how workds,看这本书的感觉就让你对js的理解从what到how,聚焦于javascript的运行原理,但是本书有很多老道的私活输出,要带着编程的眼光阅读,比如其中对尾调用的阐述,其实主流浏览器是没有全部实现的,建议这本配合javascript20年历史书一起看,你会对javascript发展过程中的奇闻异事更有感触

添加图片注释,不超过 140 字(可选)

javascript语言精粹与编程实践

book.douban.com/subject/350…

编辑

添加图片注释,不超过 140 字(可选)

然后重磅推荐我认为讲解js的《九阴真经》,绿宝书,《javascript语言精髓与编程实践》,第三版比第二版足足厚了一倍,不是着重于某些功能实现,而是讲解修炼内功的大道,开篇就是《天之道,损有余而补不足》,从结构化,面向对象,函数式,并行和动态五方面来讲解js的本质,我整整看了一整个月,简短的语言无法介绍这本书,我们专门录了一个《前端会客厅》 邀请到作者周爱民老师详细讲解这本书,欢迎去观看

标准文档ECMA

tc39.es/ecma262/

如果你足够大神,可以直接看标准文档, 不过很惭愧,我一直没有读完这份pdf,但是如果你想去做一个框架,比如实现一个响应式系统,就得翻阅这个pdf里面关于proxy所有的介绍,才能考虑到所有的边缘case,如果能看完这个pdf,上面的小黄书之类的就不推荐了

标准组织TC39

github.com/tc39/propos…

大家看完了那本《javascript20年后》,就会知道javascript语言的发现,现在是由一个叫tc39的组织在推进,大家可以去github围观各个提案,比如最近装饰器、类型系统都是极具争议的提案

关于tc39,大家可以关注tc39委员会成员贺师俊hax,funnyCoder也邀请了贺老采访了一期,大家敬请期待

不太推荐

编辑

切换为居中

添加图片注释,不超过 140 字(可选)

,最后大部分动物书都过时了,不推荐阅读了富应用开发,设计模式,模式,高性能,可维护,数据结构和算法, 还有当年很喜欢的ppk,月影的王者归来,正美的javascript框架设计现在都不推荐了

最后总结一下,最简单粗暴的路线,就是红黄绿三步走,红宝书体系化,小黄书进阶语言细节,绿宝书学习javascirpt设计思想,其他的作为横向扩展

最后讲解一下午自己的学习心得,现在vue ,react框架满天飞的时代,很多前端不愿意深入js了,这是很不对的做法,行走江湖,js就是我们手中的大保健,框架固然重要,那是武功秘籍,最终能决定我们能走的多远的,还是我们对兵器本身的理解和内力,希望大家都能在js学习的路上有自己的心得体会,欢迎在留言区交流, 或者加我vx: woniu_ppp,一起学习javascript

当然前端也不能只学js,还有css,nodejs,计算机基础,甚至还有些吹牛逼的书需要看,欢迎在评论区留下书名,下次我测评一下,感谢你的观看,我们下期再见