Please enable Javascript to view the contents

2022年第23周书单-前端好书推荐

 ·  ☕ 10 分钟

这周是2022年第23周,给大家推荐一波前端好书。

我以前是搞前端的,本来水平就不咋地,隔了好多年再来学习React、Vue、Node、TypeScript…像极了上课走神的小学生,跟不上老师的节奏。所以给大家推荐前端好书,光凭自己经验肯定不行,还需要了解业内人士的口径。在网上查很多资料,结合网友书评,人肉大数据之后给大家推荐。主要集中在HTML/CSS/JS,也有Vue/React的书,但不多。我现在也在学习React、Vue、Node、TypeScript等,也请大家留言推荐相关好书。

前端好书推荐

HTML

关于HTML的书我看得少,印象中有且只有《O’Reilly:深入浅出HTML5编程》,很厚且图多字少,信息密度低,赶紧时间的话不推荐读。

老外比较推荐 Jon Duckett的《Web Design with HTML, CSS, JavaScript and jQuery》套装书。

《Web Design with HTML, CSS, JavaScript and jQuery》
《Web Design with HTML, CSS, JavaScript and jQuery》

这套书有两册:《HTML & CSS:设计与构建网站》和 《JavaScript & jQuery交互式Web前端开发》,中文版由清华大学出版社2015年左右出版。

《Web Design with HTML, CSS, JavaScript and jQuery》

看看这两本书的内容截图,你就能感受到其简明易懂的特点。

《HTML & CSS:设计与构建网站》

内容截图
内容截图

《JavaScript & jQuery交互式Web前端开发》

内容截图
内容截图

CSS

《CSS权威指南》

《CSS权威指南》

CSS我最早读的是《CSS权威指南》,现在更新至第4版。知识点覆盖全面,细节丰满。读完它还想再进一步,就只能去读 CSS标准草案 了。

《CSS揭秘》

《CSS揭秘》

《CSS揭秘》是被称为“CSS一姐”的莱亚·韦鲁(Lea Verou)的作品,她在书中揭示了47个鲜为人知的CSS技巧,主要内容包括背景与边框、形状、视觉效果、字体排印、用户体验、结构与布局、过渡与动画等。本书将带领读者循序渐进地探寻更优雅的解决方案,攻克每天都会遇到的各种网页样式难题。

莱亚·韦鲁(Lea Verou)

CSS世界三部曲

CSS世界三部曲

“CSS世界三部曲”包括《CSS世界》《CSS选择器世界》和《CSS新世界》。

据作者道:《CSS世界》中讲解的都是CSS2.1的知识,《CSS新世界》讲解的都是CSS2.1之后的知识,再加上《CSS选择器世界》,这3本书中的内容一起构成CSS这门语言的完整面貌。

JavaScript

关于JS,大家比较常推的书是红宝书、小黄书、犀牛书、蝴蝶书、海龟书等,我个人也非常推荐,尤其是红宝书。还有一本小绿书,我看不懂,就不推荐了(既不深入也不浅出,垃圾)。

红宝书

《JavaScript高级程序设计》

《JavaScript高级程序设计》我看得最多是第2、3版。虽然买了最新的第4版,但一直没时间看,想必也是极好的。

Nicholas C. Zakas

《JavaScript高级程序设计》2~3版的作者是 Nicholas C. Zakas 是前端大牛,年纪轻轻就很点秃头倾向。他因为身体不适而不再编写红宝书。之前是在雅虎将近工作 5 年。在雅虎期间,他是雅虎首页的前端技术主管,并且是 YUI 库的贡献者。 Nicholas 编写的技术书有:《Maintainable JavaScript | 编写可维护的 JavaScript》、《Professional JavaScript for Web Developers | JavaScript高级程序设计》、《High Performance JavaScript | 高性能JavaScript》、《Professional Ajax》。

《JavaScript高级程序设计》这本书好在哪里?我个觉得就是系统性。像是世界上最好的IT学院编的教材,准确优雅,编排得当,代码实用。很难想象,这是由一两个人完成的。

接下两本也是 Nicholas 编写的,但是这两本书的内容不是很相似,非常值得阅读。

《编写可维护的 JavaScript》

《编写可维护的 JavaScript》

本书作者Nicholas C. Zakas是顶级的Web技术专家,也是《JavaScript高级程序设计》一书的作者。

任何语言都需要强调编码风格的一致性。只要是团队开发,每个人都以相同方式编写代码就是至关重要的。这样大家才能方便地互相看懂和维护对方的代码。 本书向开发人员阐述了如何在团队开发中编写具备高可维护性的JavaScript代码,书中详细说明了作为团队一分子,应该怎么写JavaScript。本书内容涵盖了编码风格、编程技巧、自动化、测试等几方面,既包括具体风格和原则的介绍,也包括示例和技巧说明,最后还介绍了如何通过自动化的工具和方法来实现一致的编程风格。

《深入浅出ES6》

《深入浅出ES6》

ES6是ECMAScript标准十余年来变动大的一个版本,其中添加了许多新的语法特性,既有大家耳熟能详的Promise,也有闻所未闻的Proxy代理和Reflection反射;既有可以通过转译器(Transpiler)等方式在旧版本浏览器中实现兼容的let、const、不定参数、展开运算符等功能,亦有无论如何都无法实现向前兼容的尾调用优化。深入理解ES6的特性对于所有JavaScript开发者而言至关重要,在可预见的未来,ES6中引入的语言特性会成为JavaScript应用程序的主流特性,这也是《深入理解ES6》的初衷。希望你通过阅读《深入理解ES6》可以了解ES6的新特性,并在需要时能够随时使用。

犀牛书

犀牛书

《JavaScript权威指南》这本书非常的厚,比较实用。前面第4、5版的翻译都很垃圾,第6、7版翻译质量提高,勉强可以阅读。跟CSS权威指南差不多,像工具书,需要的时候就查一查。

小黄书

小黄书指的是《你不知道的JavaScript》。感觉小黄书内容很细,主要针对不常见的语言特性、书写习惯及一些非常特殊的情况作文章。都是平常不怎么用,但是又不可不知的内容。

小黄书

很多人对JavaScript这门语言的印象都是简单易学,很容易上手。虽然JavaScript语言本身有很多复杂的概念,但语言的使用者不必深入理解这些概念就可以编写出功能全面的应用。殊不知,这些复杂精妙的概念才是语言的精髓,即使是经验丰富的JavaScript开发人员,如果没有认真学习的话也无法真正理解它们。在本书中,我们要直面当前JavaScript开发者“不求甚解”的大趋势,深入理解语言内部的机制。

《你不知道的JavaScript(上卷)》既适合JavaScript语言初学者阅读,又适合经验丰富的JavaScript开发人员深入学习。

《你不知道的JavaScript(中卷)》,主要介绍了类型、语法、异步和性能。

《你不知道的JavaScript(下卷)》主要介绍了JavaScript入门知识和对ES6及未来发展趋势的展望。

蝴蝶书

《JavaScript语言精髓》

《JavaScript语言精髓》这本书为 JS 正名,证明了它其实是一门优秀的语言。

Douglas Crockford 在本书中剥开了JavaScript 沾污的外衣,抽离出一个具有更好可靠性、可读性和可维护性的JavaScript 子集,让你看到一门优雅的、轻量级的和非常富有表现力的语言。作者从语法、对象、函数、继承、数组、正则表达式、方法、样式和优美的特性这9 个方面来呈现这门语言真正的精华部分,通过它们完全可以构建出优雅高效的代码。作者还通过附录列出了这门语言的毒瘤和糟粕部分,且告诉你如何避免它们。最后还介绍了JSLint,通过它的检验,能有效地保障我们的代码品质。

道格拉斯.克罗克福德(Douglas Crockford)

JavaScript开发社区领军人物,人称“老道”,历任PayPal和Yahoo!杰出架构师,被JavaScript之父Brendan Eich称为“JavaScript大宗师”。道格拉斯在JavaScript开发方面的众多研究成果被广泛应用,并为该语言的发展和普及做出了卓越贡献。他被誉为JSON、JSLint、JSMin和ADSafe之父,其著作《JavaScript语言精粹》对前端开发人员的影响深远。

2021年6月,他的新书《JavaScript悟道》中文版正式发布。

《JavaScript悟道》

《JavaScript悟道》

《JavaScript悟道》结合当前JavaScript语言现状,深入剖析了JavaScript语言的运行原理、应该如何演进、怎样才能将其发挥至极致。这些深邃、极具前瞻性的论述不仅适用于JavaScript,也适合其他语言。学习、理解、实践大师的思想,能让开发者站在巨人的肩上,看得更全面。

优雅的JavaScript

《优雅的JavaScript》

《优雅的JavaScript》是一本开源电子书,从JavaScript的基本语言特性入手,提纲挈领地介绍JavaScript的主要功能和特色,每章配有总结和习题,配套码源提供下载,帮助你循序渐进地掌握基本的编程概念、技术和思想。

其在线阅读地址为:https://eloquentjavascript.net/

ECMAScript6标准入门

ECMAScript6标准入门

知名技术博客阮一峰写的书,跟他的博客一样,示例充实,论述准确,易懂易学。

Vue.js

vue.js的书前面写文章推过一次,这次包含其中。

Vue.js

React.js

端午节的时候把手头上有的react的书都浏览了一遍,推荐以下三本:

《通向 React 之路》

《通向 React 之路》

《通向 React 之路》作者是德国的一名软件工程师,这本书基于比较新的函数式组件,以一个实例贯穿了react的初中高级知识点,简洁而有深度的讲解了react的基本概念、技术和思想。

《深入浅出React和Redux》

《深入浅出React和Redux》

本书由浅入深地介绍如何用React和Redux构建现代化的、高效的前端项目,产出高质量的前端代码。共有12章。

  • 第1章介绍和传统网页开发相比React应用开发的独特方式。

  • 第2章通过实际开发一个ControlPanel组件介绍开发高质量React组件的原则,详细介绍React组件的生命周期和数据管理方式。

  • 第3章通过Flux介绍了单向数据流的框架模式,由此引出比Flux更优秀的Redux框架,比较了不同框架的优劣。

  • 第4章开发了一个Todo应用,介绍将React和Redux结合的方法。

  • 第5章通过对Todo应用的性能优化,介绍提高React组件渲染性的方法,以及提高从Store获取数据性能的方法。

  • 第6章介绍高阶组件和“以函数为子组件”的模式。

  • 第7章介绍如何在React和Redux的环境中实现和服务器通信。

  • 第8章介绍针对React和Redux的单元测试技巧。

  • 第9章介绍创建中间件和Store Enhancer的技巧。

  • 第10章介绍在React中通过ReactTransitionGroup和React-Motion库实现动画的技巧。

  • 第11章介绍如何创建多页面路由,以及为了提高网页装载性能的代码分片技巧。

  • 第12章介绍同构的概念和方法,介绍如何将React组件在服务器端和浏览器端进行渲染。

深入React技术栈

深入React技术栈

本书从几个维度去介绍 React。一是作为 View 库,它怎么实现组件化,以及它背后的实现原理。二是扩展到 Flux 应用架构及重要的衍生品 Redux,它们怎么与 React 结合做应用开发。三是对 React 与 server 的碰撞产生的一些思考。四是讲述它在可视化方面的优势与劣势。

重磅推荐

最后要推荐两个在线教程:

Mozilla 开发者社区 JavaScript 教程

MDN

现代 JavaScript 教程

现代 JavaScript 教程

教程内容:

第 一 部分 JavaScript 编程语言

在这儿我们将从头开始学习 JavaScript,也会学习 OOP 等相关高级概念。

第 二 部分 浏览器:文档,事件,接口

学习如何管理浏览器页面:添加元素,操纵元素的大小和位置,动态创建接口并与访问者互动。

第 三 部分 其他文章

教程的前两部分未涉及的其他主题的内容列表。此处没有明确的层次结构,你可以按你需要的顺序阅读文章。

网友也将该教程做成离线版本,方便本地学习:

  • Javascript.info Ebook Part 1 The JavaScript language.pdf
  • Javascript.info Ebook Part 2 Browser Document, Events, Interfaces.pdf
  • Javascript.info Ebook Part 3 Additional articles.pdf

欢迎关注我的公众号“码农真经”,原创技术文章第一时间推送。

分享

码中人
作者
码中人
Web Developer