前端书籍推荐

前端开发工程师必读书籍有哪些值得推荐？犀牛书——《javascript权威指南(第五版)》，《javascript高级程序设计(第三版)》，这两本js书都是值得细读的，《css权威指南》大略过一遍就OK，jqueryAPI手册CSS:

JS:
这是我整理的一个书单，谈不上必读，仅作参考。
 

HTML & CSS

• Developing with Web Standards
• Transcending CSS: The Fine Art of Web Design
• InterACT with Web Standards: A holistic approach to web design
• Web Standards Solutions: The Markup and Style Handbook
• CSS Mastery 2009: Advanced Web Standards Solutions
• CSS3: The Missing Manual
• Responsive Web Design
• Mobile First
• Implementing Responsive Design: Building sites for an anywhere, everywhere web

JS初学

• Head First JavaScript Programming / 深入浅出JavaScript编程
• Learn Javascript Visually
• A Smarter Way to Learn JavaScript
• Speaking JavaScript
• Coding with JavaScript For Dummies
• Modern JavaScript: Develop and Design
• DOM Scripting: Web Design with JavaScript and the Document Object Model / JavaScript DOM编程艺术

进阶

• Javascript Frameworks for Modern Web Dev
• Maintainable JavaScript / 编写可维护的JavaScript
• Reliable JavaScript: How to Code Safely in the World's Most Dangerous Language
• Effective JavaScript: 68 Specific Ways to Harness the Power of JavaScript / Effective JavaScript:编写高质量JavaScript代码的68个有效方法
• The Principles of Object-Oriented JavaScript
• JavaScript Patterns / JavaScript模式
• Single Web Applications
• High Performance JavaScript
• Secrets of the JavaScript Ninja
• You Don't Know JS - This & Object Prototypes
• You Don't Know JS : Scope and Closures
• You Don't Know JS - Async & Performance
• Pro JavaScript Design Patterns
• ECMAScript
• Expert JavaScript
• JavaScript with Promises
• Node
• Node.js in Practice
• Node.js the Right Way: Practical, Server-Side JavaScript That Scales
• Node.js Design Patterns
• Deploying Node.js

Express

• Pro Express.js
• Web Development with Node and Express: Leveraging the JavaScript Stack

jQuery

• jQuery

jQuery Mobile

• jQuery Mobile
• jQuery Mobile: Develop and Design
• Mastering jQuery Mobile

Performance

• High Performance Web Sites: Essential Knowledge for Front-end Engineers / 高性能网站建设指南:前端工程师技能精髓
• High Performance Browser Networking: What Every Web Developer Should Know About Networking and Browser Performance
• Website Optimization

自己整理的书单： GitHub - phodal/booktree: A Book Tree

著作权归作者所有。
商业转载请联系作者获得授权，非商业转载请注明出处。
作者：phodal
链接：成为一名优秀的Developer的书单 - Phodal - 手工艺人 - 知乎专栏
来源：知乎
 

这是一份关于如何Re-Practise的技术书籍推荐书单。

一直画/写一个推荐书单来供大家参考，无奈找不到一本合适的形式。有一天，想到了之前的技术树 phodal/sherlock · GitHub，便开始落地了。

我深知自己的知识有限，所以写下本文以便和大家切磋交流。欢迎通过 GitHub 的Issues或者直接Pull Requests方式来分享你的经验。期待你的反馈。

基本阅读路线图:

首先，你需要选择一门语言，然后学习之。这时有一些还不错，如JavaScript实战，JavaScript Cookbook，前者是一门实站手册，后者则是参考手册。再来一本某某语言，或者框架的实战，与权威指南，你就可以完成工作了。

然后呢？

说明: 完成工作是一件很容易的事，如何更好地完成工作就需要更多地学习。并且我坚信每一个有技术热情的人，都希望可以看到自己写的框架可以无处不在。

《技术的本质》 - W. Brain Arthur早已看穿了一切

这是一本关于『技术是什么，它是如何进化』的书。新的技术是根据于我们当前的目的、一个可实现的原理、一种新现象而发明的。并且，新的技术都是基于之前的技术发展出来的。

So，通过研究现有技术的一些发展，我们可以预料到一些新的技术的出现。尽管新的技术并没有解决一些根本性问题，如业务，但是它是为了业务而简化现有的技术。

如何写好代码——重构与设计模式

从编写可读的代码，到重构现有的代码，再到设计模式，是编码的必备法则。

 

• 《测试驱动开发》: 尽管在国内，我们很少听到开发人员写测试，就更少听人们谈论TDD。虽然我不是TDD的死忠，但是我觉得TDD还是很有好处的。特别是当你的函数特别长的时候，它可以驱使你写出更短的函数——更多的函数。红->绿->重构，就是这么简单。
• 《重构: 改善既有代码的设计》: 红->绿->重构。如果重构之前没有测试，我相信你可能是想换个工作了。好的代码是重构出来的，而不是一开始就写出来的——除非你的代码不用于任何业务。反正，就是程序员必读，不想多说。
• 《Head First设计模式》: GoF的《设计模式》一书很薄，所以也很抽象。第一次看《设计模式》的时候，硬着头皮看了几天，然后放弃了。。。不过，Head First系列可以将各种枯燥的设计生起起来，这是一本非常适合入门设计模式的书籍没有之一。
• 《设计模式解析》: 比Head First更深入，但是比DP简单。作者选用了一些常用或者说用到的模式，讲述了为什么在这里适合用它。
• 《易读代码的艺术/编写可读代码的艺术》: 纳尼！你居然不想买这本书？
• 《代码整洁之道》: 书中给了很方法与规范，遵循它们可以写出整洁的代码。但是整洁并不意味着你应该让代码简单！
• 《重构与模式》: 这本书的中文名字应该叫《重构到模式》！！！重构代码到设计模式就这么简单。
• 《设计模式》: 必读，并且值得多读几遍。
• 《元素模式》: 首先书名很扯！！！这本书更适合叫《设计模式要素》!这本书提取了设计模式中的一些基本元素，很具有启发性。

如何写前端框架——前端读书路线图

以JavaScript作为例子来解释如何去学习一门语言，从语法到最后的MVC。

机器学习读书路线

机器学习依赖于大量的数据和理论知识，而数据又可以创造出美妙的数据可视化图像。

持续交付读书路线图

敏捷是过去，持续交付是现在，未来呢？

想要构建一个好的项目，构建系统、自动化测试、可配置缺一不可。

领域特定语言读书路线图

最好的语言就是可以表达你业务的语言。

如果你熟悉前端的知识的话，你会发现DSL无处不在。

架构与模式读书路线图——每个人都是架构师。

成为架构师最简单的方法就是学习别人的模式。

成为成功架构师便是创建模式。

欢迎关注（或者搜索phodal)：

http://weixin.qq.com/r/mnVYQHrEVicprT4j9yCI (二维码自动识别)

看的书不在于多，在于精。下图是我整理的一些书籍，供参考。贴一个自己前几天总结的前端书评，js，css，nodejs，基本上是按照由浅入深来排的。
原文地址：我的前端书评
下面是正文：
------------------------------------------------------------------------------

2014年一月以来，自己接触web前端开发已经两年多了，记录一下自己前端学习路上看过的，以及道听途说的一些书，基本上按照由浅入深来介绍。

JavaScript

入门

《JavaScript权威指南（第六版）》 ★★★★★

 

淘宝前端团队翻译的，看译者列表都是一堆大神。这本书又叫犀牛书，号称javascript开发者的圣经，网上对此书评价很多，大概意思都是说这本书是一本JavaScript文档手册，没有完整看过一遍此书的都不能算是一名合格的前端工程师。 我也是从这本书开始接触前端开发的，当时还是华章出版社的校园大使，免费申请到了这本书，可惜的是两年来我一直把它作为一本cookbook来查阅，一直没有好好通读一遍。个人感觉这本书还是写得枯燥了些，不过内容绝对是五颗星，无可挑剔！

《JavaScript高级程序设计》 ★★★★★

 

又称红宝书，雅虎首席前端架构师，YUI的作者Zakas出品。虽然书名带了“高级”二字，但是讲得也很基础，而且行文风格很流畅，每一小节就像是一篇博客，读起来并不枯燥，个人感觉比上面那本犀牛书可读性更强。说到这里，也推荐大家多多关注作者的博客：NCZOnline - The official website of Nicholas C. Zakas ，上面也有许多高质量的博文。感觉这本书就像是作者平时的博文按照前端知识体系组织成了一本技术书。

《JavaScript DOM编程艺术》

 

作为初学者如果觉得上面两本书作为入门书来说太厚了，也可以看看这本，不厚，评价也很高，但是由于本人没看过，就不作过多评价了。

《JavaScript编程精解》 ★★★★

 

用上下班时间看完的第三本书。看起来比较吃力，第五章函数式编程和第六章的面向对象编程很多都没看懂。全书游戏式的编程教程还是很有意思的。译者tom大叔名头很大，翻译的质量也只是中规中矩吧。不过，还是get到很多技巧！这本书的推荐语说这本书用来入门很好，但是个人认为初学者并不合适看这本书入门，作者在代码示例中不自觉得使用了一些高级用法，初学者看容易晕菜。听说最近出了第二版，加入了NodeJS的内容，这本书是开源的：Eloquent JavaScript

《JQuery权威指南》 ★★★

 

当时在北京实习时，在每天下班回家的地铁上把这本书看完了。错误很多啊，不过其中的语法+示例的形式，确实很适合初学者。但是错误实在太多了，而且有些语句还不通顺，看着很累啊，只能说写得好代码的人，书不一定写得好。

《ECMAScript6入门》 ★★★★

 

前端工程师当然要关注ECMAScript的发展。阮老师的这本科普小书！短小精悍，通俗易懂。这本书也是开源的：ECMAScript 6入门

进阶

《编写可维护的JavaScript》 ★★★★

 

又一本Zakas的书，还没读完，基本上是zakas那本红宝书的子集，重点是javascript代码风格、规范以及最佳实践。

《JavaScript异步编程》 ★★★★

 

掌握异步编程，显然是一位JS开发者必备的技能，用多看的畅读优惠看完了这本介绍js异步编程的科普小书，书中介绍了js异步编程的概念、场景和工具，不过更重要的是把这些工具给用起来。

《JavaScript设计模式》 ★★★

 

作者似乎很偏爱JQuery的源码，不过这本书tom大叔翻译的很烂，代码也很多没有缩进。。。 不推荐。

《Effective JavaScript》 ★★★★

 

这本书我当时看到最后一章“并发”的部分就很吃力了，显然这是一本进阶的js书籍，还是先把那本权威指南啃完吧！听说这本书上的技巧对于IE6有很好的优化效果，不过显然书上提到的这些技巧肯定已经大量的运用到JQuery、Underscore这样流行的JS库中，这些第三方库已经帮我们把这些优化细节封装得很好了。

《JAVASCRIPT语言精髓与编程实践》

 

一本讲JavaScript的硬书，以JavaScript这门语言为栗子，讲述编程语言的特性（动态语言、函数式编程、面向对象编程等等）。作者周爱民老师是前支付宝架构师，现豌豆荚架构师。

《高性能JavaScript》

 

Zakas大神的又一本神书，高工推荐的。

 

最近开始看《You dont know JS》了，看了个开头，感觉也很不错！

CSS

入门

《Head First HTML与CSS、XHTML（中文版）》

进阶

《CSS权威指南（第三版）》

 

虽然是一本老书，但是CSS 2.1是基础

《精通CSS（第2版）》

 

好吧！以上三本书，我都没看过。。。

网络协议 & 架构

《HTTP权威指南》 ★★★★★

 

涉及web开发的前端、后台、运维的同学都可以看看。web应用架构师必看。其中对其中“缓存”、“负载均衡“等章节印象很深，标准的教科书啊，肯定比看枯燥的HTTP规范好多了。

《Web性能权威指南》

 

Google工程师教你优化web性能，刚看了个开头，高工推荐，听说讲得比较深。

《大型网站技术架构》 ★★★★

 

网站架构入门科普。刚刚看完，写得挺好的，通俗易懂。开篇就明义：“大型网站是演化出来的，而不是设计出来的。”其中负载均衡那一节，基本上是参考的《HTTP权威指南》负载均衡的内容。

NodeJS

入门

《了不起的Node.js》 ★★★

 

作为NodeJS入门挺好的一本书，可惜讲得太浅了，基本上就是介绍开发一个简单的NodeJS应用所要用到的一些技术和工具，对里面的原理以及NodeJS本身没有做太多的介绍，停留在介绍第三方库及其API的阶段。

《Node.js开发指南》

 

读了一半，就是看这本书理解了NodeJS的事件循环。作者是大神啊。

进阶

《深入浅出Node.js》

 

很出名的一本书，对NodeJS的一些原理做了深入介绍，挺不错的，还没看完。

用户体验 & 产品

《点石成金》 ★★★★

 

恰好读过第二版和第三版，第三版中添加了mobile web的内容，并且更新和添加了一些新例子，总得来说，我更喜欢第二版的精简。ponyma曾经推荐过的好书。

《结网@改变世界的互联网产品经理》 ★★★★

 

这本书读了挺久。用产品开发过程中的实际案例介绍了产品经理的工作内容以及如何开展工作。并从创建产品和个人修炼两个方面描述了需求分析，产品设计，项目管理，产品运营，产品经理的沟通能力以及个人和团队的创新能力等等，附录的推荐书目和工具质量也很高！作者是前腾讯产品经理，糗事百科的创始人，不过好像在知乎上因为创始人股权纠纷的问题，被黑臭了。。。

《参与感》 ★★

 

很出名的一本书，但其实营销部分讲得一般，老生常谈，不如我的朋友何老湿讲的好啊，不过可能对传统企业转型互联网有一定参考价值。设计那一块说的还挺有意思的，不过肯定还是不如我的另外两位设计师朋友开花和佐叔咯。哈哈！

《创京东》 ★★★

 

一本骗钱的书。看完之后的感受是，京东的核心部门是采销，仓储和物流，排名分先后。

 

题主看到这么多书也不用慌，我都两年了，也没有全部看完 : ）

 

转载请注明出处。

前端开发者手册：https://github.com/dwqs/fedHandlebook书不在多，好并且适合就行。我个人整理了一个书单，为了照顾懒癌，链接一块贴了：

1. head first html与css Head First HTML与CSS（第2版） (豆瓣)
2. css实战手册 CSS实战手册（第2版） (豆瓣)
3. javascript权威指南 JavaScript权威指南 (豆瓣)
4. css权威指南 CSS权威指南（第三版） (豆瓣)
5. javascript高级程序设计 JavaScript高级程序设计（第3版） (豆瓣)
6. javascript语言精粹 JavaScript语言精粹 (豆瓣)
7. 高性能网站建设指南 高性能网站建设指南（第二版） (豆瓣)

上面的排列顺序就是我建议的阅读顺序，从入门到进阶。其实我想说，看书虽然是很必要的，但是看完不动手练基本上就是自我安慰，以为自己懂罢了。大家共勉吧。 书真不用多，每个知识点的看一本经典即可！
反复看，与自己已有的体系对比着看，敲着代码看。也不知道在图书馆借过的前端书籍了,就说说现在在看的:
关于这些出名的书籍,我就不多介绍了,可以上豆瓣看目录,评论. 


我主要想说说前端工程师不仅只会前端的东西,还要学习软件工程师所具备的技术和思维.
譬如学习OOP思想和设计模式,编译原理,计算机网络,UML图,文档编写等.

我们不仅要做框架的使用者,我们要写DSL,要写visual dom ,要写双向绑定,要写模板引擎,要看懂源码,要工程化等等等等

我们的意向不仅在于解决问题就行,还要训练将问题抽象成计算机内部的表示的思维.

贡献一波我比较感兴趣的书籍:

这么多书我能看完吗? 没有.

确实没有,不为读书而读书,任重而道远,最终都会Follow your heart 才能过得幸福.

阿里云云栖社区，汇集阿里技术精粹，点此关注（文字链接地址：https://www.zhihu.com/org/a-li-yun-yun-qi-she-qu-48/activities）

推荐阅读下《前端知识体系目录》，文章从HTML/HTML5、CSS、JS、性能提升、HTTP/TCP协议知识学习步骤整理成目录，以及相关学习书籍推荐应有尽有，以下是正文： 前端知识体系目录-博客-云栖社区-阿里云

1、HTML/HTML5基础：

1.0、语义化H5标签 1.1、H5引进了一些新的标签，特别注意article、header、footer、aside、nav等，注意HTML的标题结构 1.2、理解浏览器解析HTML的过程，理解DOM的树形结构，及相应API 1.3、理解HTML标签在各个浏览器上的默认样式（代理样式），理解CSS中的重置样式表的概念 1.4、理解Canvas、SVG、video等功能性标签 1.5、理解form、iframe标签，理解文件提交过程 推荐书籍： A、《HTML5秘籍》

2、高健壮性CSS

2.1、学习基础知识，包括大部分常用属性、选择器的用法，要对大多数标签有个基础概念,在日常使用的基础上，尝试学习浏览器兼容性问题，要知道兼容性的主要问题及解决方法 2.2、深入理解盒子模型，区分块级元素、行内元素，有几个比较重要的属性：display、float、position，一定要弄清楚区分盒子、行内盒子的概念另外可以考虑学一些预编译语言：sass、less，都很简单 2.3、学习常用框架，可以使用bootstrap构建项目 2.4、学习框架的代码组织方式包括：12格栅系统、组件化、组件的风格化等 2.5、学习CSS 3的新功能，特别是动画效果、选择器 2.6、认真学习一些CSS对象化思想，学习编写简洁性、高复用性、高健壮性的CSS 2.7、有空的话，可以看看所谓的扁平化设计，还有简洁性 2.8、理解CSSOM、render、reflow、CSS性能、CSS阻塞概念 学习方法： 1、多看别人的代码，一些设计的不错的网站就是很好的学习素材，比如拉勾网 2、一定要学会使用grunt、gulp压缩CSS 3、display + position + float 可以组合出很复杂的效果，多想想盒子模型 4、尝试在不用float，且position不为absolute的情况下实现等高、等宽等布局 推荐书籍： 1、《图灵程序设计丛书:HTML5与CSS3设计模式》 2、《Web开发技术丛书:深入理解Bootstrap》 3、《高流量网站CSS开发技术》 4、《CSS设计彻底研究》 这个一定要 5、《Web开发技术丛书:深入理解Bootstrap》 6、可以找一些专门讲SASS的书，但是我没找到 7、《CSS权威指南(第3版)》

3、深入学习JS

3.1、重新学习JS语法，注意：表达式（特别是函数访问表达式）、语句、类型（包括类型判断)注意，这个时候主要倾向于“原生”JS哦，不要使用框架 3.2、深入理解JS的“一级函数”、对象、类的概念,学会使用函数来构造类、闭包，学会用面向对象的方式组织代码 3.3、深入理解JS的作用域、作用域链、this对象（在各种调用形式中，this的指向）理解函数的各种调用方法（call、apply、bind等） 3.4、理解对象、数组的概念 理解对象的“[]”调用，理解对象是一种“特殊数组” 理解for语句的用法 深入理解JS中原始值、包装对象的概念（重要） 3.5、学习一些常用框架的使用方法，包括：JQUERY、underscore、EXTJS，加分点有：backbone、angularjs、ejs、jade 通过比较多个框架的使用方法，想清楚“JS语言极其灵活”这一事实 总结常见用法，提高学习速度 学习模块化开发（使用require.js、sea.js等） 3.6、适当看一些著名框架的源码，比如jQuery（不建议看angularjs，太复杂了） 重要的是学习框架中代码的组织形式，即设计模式 3.7、了解JS解释、运行过程，理解JS的单线程概念 深入理解JS事件、异步、阻塞概念 3.8、理解浏览器组成部件，理解V8的概念 学习V8的解释-运行过程 在V8基础上，学会如何提高JS性能 学会使用chrome的profile进行内存泄露分析 学习方法： 1、提高对自己的要求，要有代码洁癖 2、适当的时候看看优秀框架的源码，特别是框架的架构模式、设计模式 3、多学学设计模式 4、学习原生JS、DOM、BOM、Ajax 推荐书籍： 1、《O’Reilly精品图书系列:?JavaScript权威指南(?第6版)》 必看 2、《JavaScript设计模式》 3、《WebKit技术内幕》 4、《JavaScript框架高级编?程:应用Prototype YUI Ext JS Dojo MooTools》 5、《用AngularJS开发下一代Web应用》 6、跨终端 6.1、理解混合APP的概念 6.2、理解网页在各类终端上的表现 6.3、理解网页与原生app的区同，重在约束 6.4、理解单页网站，特别要规避页面的内存泄露问题 6.5、入门nodejs，对其有个基础概念，知道它能做什么，缺点是什么 推荐书籍： 1、《单页Web应用:JavaScript从前端到后端 》 2、《Web 2.0界面设计模式》 3、《响应式Web设计:HTML5和?CSS3实战》 5、工具 学会使用grunt进行JS、CSS、HTML 压缩，特别是模块化js开发时候的压缩 会用PS进行切图、保存icon 入手sublime、webstorm 学会使用chrome调试面板，特别是：console、network、profile、element

进阶：

4、性能

1.1、理解资源加载的过程 包括：TCP握手连接、HTTP请求报文、HTTP回复报文 1.2、理解资源加载的性能约束，包括：TCP连接限制、TCP慢启动 1.3、理解CSS文件、JS文件压缩，理解不同文件放在页面不同位置后对性能的影响 1.4、理解CDN加速 1.5、学会使用HTTP头控制资源缓存，理解cache-control、expire、max-age、ETag对缓存的影响 1.6、深入理解浏览器的render过程 推荐书籍： 1、《Web性能权威指南》 2、雅虎网站页面性能优化的34条黄金守则

5、HTTP及TCP协议族

2.1、学习http协议，理解http请求-响应模式 2.2、理解http是应用层协议，它是构建在TCP/IP协议上的 2.3、理解http报文（请求-响应报文） 2.4、理解http代理、缓存、网关等概念，指定如何控制缓存 2.5、理解http协议内容，包括：状态码、http头、长连接（http1.1） 2.6、学习http服务器的工作模型，对静态文件、CGI、DHTML的处理流程有个大致概念 推荐书籍： 1、《HTTP权威指南》 2、《TCP/IP详解》 3、《图解TCP/IP(第5版)》

更多前端书籍推荐： 《JavaScript半知半解》 《Web开发实战》 推销自己的前端技术书籍-博客-云栖社区-阿里云

今天主要自我推销两本前端技术书籍！ 《JavaScript半知半解》 《Web开发实战》

一、《JavaScript半知半解》

为什么写这本书？

因为之前作者在博客上洋洋洒洒地将之前学习JavaScript的笔记整理了出来，一共17篇，感觉查找和翻阅还是不方便，所以产生了编辑成电子书的念头，一来方便作者个人查找，二来方便后续内容的补充，三来也方便喜欢JavaScript的伙伴们阅读。

书籍阅读地址：《JavaScript半知半解》

大纲

二、《Web开发实战》

书籍阅读地址：《Web开发实战》

为什么写这本书？

网上的插件虽多，但大多数并没有深究到原理，故而产生了写一本前端实例的书籍。主要是为了想深入学习的伙伴们，书上的内容也许不是最优秀的，但会一步步讲解，会告诉你每一步的原理，让你学习后也可以自己造轮子！

大纲

《Web开发实战》集合了大量的前端开发案例，目前主要选择日常开发中会用到的加入本书，分为四部分：CSS实战篇、JavaScript实战篇、Canvas实战篇和移动实战篇。

阿里云云栖社区，汇集阿里技术精粹，点此关注（文字链接地址：https://www.zhihu.com/org/a-li-yun-yun-qi-she-qu-48/activities）

本小菜鸟只看了这些书，给你一个眼神自己体会

css

《Head First HTML与CSS、XHTML（中文版）》：妙趣横生的一本入门css的书，相信会让你对css感兴趣

《CSS权威指南（第三版）》：这本就是进阶了，系统全面地讲解了 CSS 规范，通读之后相信网页特效都不在话下。

《CSS揭秘》：让你掌握css的奇淫技巧，绝对会让你感慨：原来css还可以这样用

javascript

《JavaScript DOM编程艺术》：一开始如果对JavaScript的晦涩难懂的语法概念实在提不起兴趣，可以先把这本书的例子敲一遍，让你体会到开发网页的乐趣。

《JavaScript权威指南》：犀牛书是每个FE都绕不过的一本书，可以先大致通读几遍，也可以把其当作工具书，时时翻阅

《JavaScript高级程序设计》：红宝书虽然号称高级，但其实是帮助入门的，Zakas大神把概念深入浅出，将JavaScript的语法要点讲清楚明白。小红书配合犀牛书，相互印证，谁读谁知道。

《锋利的jQuery》：循序渐进地对jQuery的各种函数和方法调用进行了介绍，读完可以自己动手快速搭建一个个性化网站。

《ECMAScript6入门》：现在是ES6的时代了，可以看看阮老师的这本入门，领悟ES6的强大。

《高性能JavaScript》：也是Zakas大神的书，让你编写高性能JavaScript。

《JavaScript设计模式》：这本书推荐英文版，中文版翻译得有点难，之前看的时候代码都没有缩进很难受，但书是好书。设计模式是每个程序员的必经之路！

《你不知道的JavaScript》：这本绝对是神书，让你了解JavaScript不为人知的另一面，把闭包、异步这些讲得很通透。

HTTP

《HTTP权威指南》：全面对Web涉及到的应用都进行了系统的介绍，让你了解什么是缓存，负载均衡等等

《Web性能权威指南》：优化web性能，进阶之书。

《图解HTTP》：一本HTTP的神书，图文并茂，生动形象。

Node

《深入浅出Node.js》：针对Node的基本原理做了深入，能让你了解底层的Node实现

《Node.js开发指南》：Node的事件循环，必看必会。

推荐几个比较不错的网站吧！

每个月的前端开发者干货素材大合集，相对而言更加专注于为网页设计师和前端开发者搜集相关的工具和素材，这次的大合集当中包含一款颇为有趣的屏幕录像软件，几款适用范围较广的基于Material Design的框架，还有一些性能测试库也非常好用。这些前端工具与素材功能各不相同，总会有一两款是你感兴趣，甚至正好想要的~

Kap

 

　Kap 是一款设计精巧的macOS 屏幕录像软件，它是基于Web技术来搭建的开源APP。这款应用中最令人着迷的是它的即时转码输出功能。Kap 是帮你记录APP的绝佳工具。

 

Sizzy

 

　Sizzy 是一款用来测试响应式网站的开发工具，它可以帮你在一块屏幕上测试多个屏幕尺寸下的显示效果。比起Chrome 内容之的移动端模拟器，Sizzy 要方便太多。值得一提的是，它也是Chrome 浏览器插件。

 

Muse UI

 

　　Muse UI 是一款基于 Vue.js 2.0 采用Material Design 风格的 UI 库，其中包含了诸如 Appbar、Card 和 Dialog 这样典型的Material design 风的控件。在它的基础上快速构建UI是个不错的选择。

 

Advanced WP-CLI

 

　　作为一名 WordPress 开发者，我我几乎每天都会用到 WP-CLI 。我最近才发现，WP-CLI 还能让你在创建主题的时候，作为 PHP UnitTest 的脚手架而存在!下面是 WP-CLI 的开发者 Daniel Bachhuber 所列举的 WP-CLI 的高级用法列表。

 

Lunacy

 

　　Lunacy 是一款在Windows 平台下的 Sketch 文档阅工具。包含文本、栅格」渐变和阴影的Sketch 文档都可以正常显示，无需联网，直接使用，完全免费。

 

K6

 

　　对于每个Web应用而言，速度都很关键。但是如何衡量速度呢?这就是K6能帮你搞定的事情了。它会模拟网站的流量，计算加载速度。简单的说，K6就是测试速度和性能的单元测试工具。

 

Checker Service

 

　　网络检测工具也能多，它们常常能够检测DNS、加载速度、SEO、安全以及SSL等，今天的这个服务列表当中包含了大量这类检测工具，其中绝大多数是免费的，还有一部分是提供高阶功能的收费工具。

 

 

SVGito

 

　　SVGito 是一款用来优化 Sketch 生成的SVG文档的实用小工具，将你生成的SVG 文档的相应代码粘贴到 SVGito 当中，就能返还给你优化好的代码。

 

Launchaco

 

　　想为你的项目起一个没人用过又足够好听的名字以及相应的域名还蛮不容易的，而Launchaco 就是帮你解决这个问题的，它会帮你结合社交媒体(Twitter、Facebook等)的域名和用户名的信息，帮你生成一个合用的名称，甚至生成相应的标识。

 

 

Obnoxious

 

　　这是一组使用CSS生成的独特的动画的合集。如果你的内心和大脑不够坚强的话……还是不要打开它们了，哈哈。

 

CSS Grid Cheat Sheet

 

　　在刚刚学习CSS栅格的时候，碰到新的属性，新的测试单元，以及全新的Web布局和实战范例，可能是一件略显棘手的事情。而今天所推荐的这个工具，就是帮你缩短这个过程，真正落到实地。

 

 

Workbox

 

　　Workbox 是来自谷歌的一个全新的项目，旨在构建渐进式的Web应用(PWA)，它类似于 Yeoman 和 Create React APP，让你可以通过一行命令来完成一系列的任务。

 

 

Mavo

 

 

Mavo 是一个来自 Lea Verou的全新开源项目，它是一个能将裸 HTML 标记和一些自定义属性直接转换为 Web应用的库。它和其他的库(诸如 Backbone、Vue.js 以及 React)相比，更易于使用，因为它能让技术没那么专精的用户同样可以轻松构建出优秀的Web应用。

 

Material UI

 

　　和 Muse UI类似，它也是一个基于 Material Design 设计语言的UI框架。不过 Material UI 是基于 React 来开发的。所以，选择 Material UI还是选择 Muse UI，就要看你的团队更倾向于 React 还是 Vue.js了。

 

 

Lazy Image

 

　　Lazy Image 是一个用来按要求加载图片的自定义 HTML 元素，这个自定义元素在元素对象中提供了一个附加的 .active 对象，可以在任何需要的事件或者用户交互中触发它。

 

 

Mac CLI

 

　　Mac CLI 是一款能够透过终端来管理你的 macOS 的优秀工具。对于热衷于使用命令行来控制系统的开发者而言，这是多么实用的东西啊!

 

 

Keeping You Awake

 

　　KeepingYouAwake 是一款防止Mac进入睡眠状态的菜单栏小工具，一旦你激活了它，它就能让你的Mac一直处于开启状态。

 

 

JSON Feed

 

　　JSON Feed 基于 JSON 格式的Feed 标准，它可以借助 WordPress – pluginhre – build 来实现。让我们同 XML 说再见吧。

 

 

Carbon

 

　　简而言之，Carbon 就是 PHP版的 Moment.js。它是一款用来生成可控日期和时间字符串的PHP库。

 

 

SpeedRacer

 

　　SpeedRacer 是今天所推荐的另外一款性能单元测试工具。K6是通过模拟用户访问的流量来评估性能，而SpeedRacer 则是直接借助浏览器来实际测试性能，两者可以搭配起来使用。

 

入门

Head First HTML与CSS（第2版）

本书继承了Head First系列一贯的书写风格，采用一种专门为你的大脑而设计的丰富格式娓娓道来，简单易懂，风趣幽默，是引领完全没有编程经验的小白用户入门的最佳书籍。

Head First JavaScript程序设计

没错！JavaScript的入门书籍首推的还是Head First。在这本趣学指南中，你将学习JavaScript语言的方方面面，包括基本知识以及对象、函数、浏览器文档对象模型等高级主题。在阅读过程中，你还将完成填字游戏、探查案情，以想象不到的方式与JavaScript交互。另外，你还将编写大量代码，为独立打造Web应用程序打下坚实的基础。

图解HTTP

本书对互联网基盘——HTTP协议进行了全面系统的介绍。作者由HTTP协议的发展历史娓娓道来，严谨细致地剖析了HTTP协议的结构，列举诸多常见通信场景及实战案例，最后延伸到Web安全、全新技术动向等方面。本书的特色为在讲解的同时，辅以大量生动形象的通信图例，更好地帮助读者深刻理解HTTP通信过程中客户端与服务器之间的交互情况。读者可快速了解并掌握HTTP协议的基础，前端工程师分析抓包数据，后端工程师实现REST API、实现自己的HTTP服务器等过程中所需的HTTP相关知识点本书均有介绍。

初级

CSS权威指南（第3版）

专业CSS专家Eric A.Meyer，利用他独有的睿智和丰富的经验对属性、标记、标记属性和实现做了深入的研究，另外在浏览器支持和设计原则等实际问题上也有独到的见解。不管你是一个有经验的Web开发人员还是一个彻底的初学者，这本书都是你的CSS学习源泉。

JavaScript DOM编程艺术（第2版）

本书由倡导Web标准的领军人物执笔，揭示了前端开发的真谛，是学习JavaScript和DOM开发的必读之作。 书中在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的JavaScript编程原则和实践，并全面探讨了HTML5以及jQuery等JavaScript库。读者将看到JavaScript、HTML5和CSS如何协作来创建易用的、与标准兼容的Web设计，掌握使用JavaScript和DOM通过客户端动态效果和用户控制的动画来加强Web页面的必备技术；同时，还将对如何利用库提高开发效率有全面深入的理解。

JavaScript高级程序设计（第3版）

大名鼎鼎的红宝书，作为JavaScript技术经典名著，本书承继了之前版本全面深入、贴近实战的特点，在详细讲解了JavaScript语言的核心之后，条分缕析地为读者展示了现有规范及实现为开发Web应用提供的各种支持和特性。

JavaScript权威指南（第6版）

犀牛书就不用过多介绍了，作为经典的JavaScript工具书，从1996年以来，本书已经成为JavaScript程序员心中的《圣经》。第6版特别涵盖了HTML5和ECMAScript5。

完整书单：前端开发技术（HTML、CSS 、JavaScript ）书籍推荐

目前看得比较爽的是红书《JavaScript高级程序设计》、犀牛书《JavaScript权威指南》、鲑鱼书《css权威指南》

鲑鱼有第四版了，但是只有英文，语言能力过关的可以去看看。
《深入理解es6》，红书作者写的，还算不错，但是更推荐阮老师的《es6入门》，非常赞！
css3看了大漠老师的《图解css》，质量还算不错，目前我能找到的最好的css3教程
另外再推荐两本小书：《正则表达式必知必会》、《图解http》

腾讯的前端大牛给的必读书单合集，绝对经典！

这些书籍在网上都有pdf可以下载，大家可以自行搜索哦！

 

如果你是懒癌晚期患者，没关系！

贴心的小编已经为你找齐了所有书籍的电子书版本以及官方开放的全英版！（此处需要飞起来的抱抱）

想要免费领取请点击 腾讯的前端大礼包免费送给你（含书籍推荐和大牛就业课）

入门可以通过啃书，但书本上的东西很多都已经过时了，在啃书的同时，也要持续关注技术的新动态。这里推几本我觉着不错的书：

《JavaScript高级编程》：可以作为入门书籍，但同时也是高级书籍，可以快速吸收基础，等到提升再回来重新看

《JavaScript权威指南》：不太适合入门，但是必备，不理解的地方就去查阅一下，很有帮助

《编写可维护的JavaScript》

《JavaScript DOM编程艺术》学习JavaScript和DOM开发的必读之作。

《Node.js开发指南》：不错的Nodejs入门书籍

《深入浅出Node.js》：Nodejs进阶书籍，必备

《JavaScript异步编程》：理解JS异步的编程理念

《JavaScript模式》和《JavaScript设计模式》：JavaScript的代码模式和设计模式，将开发思维转变到JavaScript，非常好的书

《JavaScript框架设计》：在用轮子同时，应当知道轮子是怎么转起来的，讲解很详细，从源码级别讲解框架的各个部分的实现，配合一个现有框架阅读，可以学到很多东西

《Don`t make me think》：网页设计的理念，了解用户行为，非常不错

《CSS禅意花园》：经久不衰的一部著作，同样传递了网页设计中的理念以及设计中需要注意的问题

《高性能JavaScript》和《高性能HTML5》：强调性能的书，其中不只是性能优化，还有很多原理层面的东西值得学习

《HTML5 Canvas核心技术》：我正在读的一本书，对于canvas的使用，动画的实现，以及动画框架的开发都非常有帮助

《HTTP权威指南》：HTTP协议相关必备，前端开发调试的时候也会经常涉及到其中的知识

《响应式Web设计》：技术本身不难，重要的是响应式网页的设计理念，以及移动先行的思想

《JavaScript语言精粹》：老道的书，也是普及JavaScript的开发思维的一本好书，非常适合入门

前端工程师必读书籍
第零阶段：《正确区分半角与圆角》
第一阶段: 《CSS禅意花园》《 CSS权威指南（第三版）》《头发护理》《 JavaScript高级程序设计（第3版）》《JavaScript DOM编程艺术》《JavaScript权威指南（第六版）》《ECMAScript6入门》
第二阶段: 《莫生气》《佛经》《老子》《思想政治》《论持久战》
第三阶段: 《颈椎病康复指南》《腰椎间盘突出日常护理》《心脏病的预防与防治》《高血压降压宝典》《强迫症的自我恢复》
第四阶段: 《迷恋》《谢谢你折磨我》《自私与贪婪》《走向奴役之路》
第五阶段: 《活着》
了解一下

1. 《Redis实战》

推荐理由: Redis是服务端的缓存技术。缓存可以说只在性能优化阶段才有明显的作用，项目初期往往用不到。大多数使用node.js进行后端开发的前端开发者实际上更多地是做中间层或者直接做后端服务，缓存技术对自己来说是技术盲区，私以为对许多开发者来说也是盲区。

2. 《大话数据结构》

推荐理由：技术决定你能走多快，数据结构和算法决定你能走多远。

3. 《算法图解》

推荐理由：技术决定你能走多快，数据结构和算法决定你能走多远。

4. 《CSS世界》

推荐理由：CSS和javascript一样，都是很容易上手，却很难精通的。CSS几乎可以说是我们全团队的软肋，包括前端人员在内，敢说自己精通js的大有人在，但敢说自己精通CSS的寥寥无几。这本是前端知名博主张鑫旭的书籍，好评很多，讲的很细致。如果你更倾向一些CSS的使用技巧，可以去看《CSS揭秘》这本书，许多实现方法会改变你对CSS的理解。

5. 《javascript设计模式(第二版)》

推荐理由：设计模式在javascript中的应用。

6. 《javascript框架设计(第二版)》

推荐理由：司徒正美的书，他的博客也是非常知名的。每个框架都有其优点和不足，如何在开发中扬长避短是非常考验基本功的。这本书会让你了解如何去设计一个框架，徒手打造简易版的jQuery,angularjs,vue.js,react.js并不是高不可攀，而当你能亲手造出一个简单框架时，你对它的理解必将到达另一个层次。你会发现，其实所有前端框架的架构都差不多，而核心的区别几乎全部集中在算法上。

7. 《javascript设计模式与开发实践》

推荐理由：前端设计模式类的书本来就很少，这本是腾讯前端AlloyTeam团队出品，综合讲述前端的设计模式，设计原则，编程技巧，代码重构等等。AlloyTeam有自己的资源站，感兴趣的读者可以自行搜索，资源还有博客非常多，质量也很高。

8. 《Node.js:来一打C++扩展》

推荐理由：公众号前端之巅上周推荐的书籍之一。我特别佩服那些在简历上将使用Express起一个后端服务写成精通node.js的人。

9. 《告别失控 软件开发团队管理必读》

推荐理由：计算机类图书销售榜排名第5的技术管理类书籍，不想当将军的士兵不是好士兵，其他的不多说。

10. 《视界·×××：写给UI设计师的设计书》

推荐理由：没有审美的前端不是好架构师。读设计类的书不是让你抢设计师的饭碗（实际上你也抢不了），而是下次再有人说你的界面不好看时，你可以用“不懂审美”噎死他。

11. 《前端工程化体系设计与实践》

推荐理由：如果你不想永远只是写页面，就需要面对从开发者到工程师的思维转变。

12.《企业IT架构转型之道 阿里巴巴中台战略思想与架构实践》

推荐理由：曾经有一个前端大神说过，如果你想成为前端架构师，首先你得忘记自己是个前端。

本文来源于：华为云社区

原文链接：2018年8月中级前端开发推荐书籍_云博客_云社区-华为云

作者：大史不说话

跟个人有交集的前端书籍:

1.《javaScript DOM 编程艺术》推荐 3 (比较基础，小白入门的话推荐，有基础的话不推荐)

2.《css 权威指南》推荐 2 (书是好书，看了忘了的工具书，写样式谷歌更高效)

3.《css 揭秘》 推荐 5 (不是css入门书籍，css提升必备，最棒的css工具书，css魔法)

4.《JavaScript 语言精粹》 推荐4 (有经验的js可以看看，个人没有get到传说中的惊艳，加深理解)

5.《JavaScript 高级程序设计》 推荐 5 (最权威的js入门书籍，不要被名字吓到)

6.《JavaScript 权威指南 (第 6 版)》推荐 4 ( 入门刚入门都不推荐，个人的枕头书，讲的挺全面的可读性不高，提升的话应该要看吧，头看大了还没看完)

7.《你不知道的 JavaScript 上卷》 推荐5 (强烈推荐，刷新对js的看法，语言精粹的配合着看，明明白白的理解原型链不需要工作5年后还不懂）

8.《高性能 JavaScript 》推荐4 (提升必备吧，个人感觉，有些实践经常遇到)

9. 《JavaScript 设计模式》 推荐4 (提升必备，设计模式是开发中的最佳实践，常看常新，我看的是张荣铭的那本，无论那本js设计模式书都可以的，想起来内容以情景对话的方式对我来说不是很友好，叙述方式个人不喜欢但是不影响内核5分)

10. 《图解HTTP》 推荐3 (入门可以，简单有趣，提升不推荐)

11. 《深入浅出 Node.js》推荐5 (强烈推荐，国人书精品，也有通病讲的比较深入但是知识点比较分散不系统像个博客集，有js基础看的比较过瘾，基础不好的话不知道能吸收多少)

12. 《Node.js 实战》推荐3 (不推荐，书出的比较早实例也烂大街，一些实践已经有更好的替代模块了，没有后端基础的话可以看看)

13.《HTML5 权威指南》推荐3 (书是好书，适合入门，有前端基础的话推荐MDN效率更高，一点基础没有的话抓不到主次适合泛读，没时间看的话不推荐本书，提升没有帮助)

14. 《深入React技术栈》(没看完 ... )

15. 《http权威指南》 推荐 5 (强烈推荐，内容稍微有点老，但是内容比较全面，协议，URL,代理，缓存，爬虫，cookie, 认证，负载均衡等等，看完绝对物超所值)

16. 《深入理解ES6》推荐5 (强烈推荐，内容不多，相对于es6零散的入门博客文章来说，更加系统的介绍ES6的新特性）

17. 《Three.js开发指南》推荐3 (不做3d可视化不推荐购买，我自己没看完，看文档也差不多水平)

18.《精通css》推荐0 (书比较陈旧，新的特性比较少，看w3cSchool就够了，入门也不用看，当年确实是好书)

19. 《javaScript 忍者秘籍 第2版》 推荐5 (强烈推荐，对js底层进行深入讲解，知其然知其所以然)

20. 《web性能权威指南》推荐4 (暂时不需要网络性能极致优化暂时缓缓，入门那会没看懂，提升推荐)

21. 《锋利的JQ》推荐1 （jQuery，Zepto前两年用的还挺多的，Bootstrap5即将移除对jquery的依赖，感兴趣的话可以看看文档，不需要特意看书学习了,d3.js 开发有时候也会用到不过都比较简单，querySelectorAll等原生方法是时候用起来了）

22. 《编写可维护的javaScript》 推荐 0，(团队协作的工具书，关于js风格，JsLint,压缩，自动化测试，部署，内容过时了已经2012年第一版，建议参考 airbnb,google js风格指导，工程化是一个持续的过程，这本书价值不大，现在的前端框架，cli工具，git，webpack/rollup, npm/yarn, JSLint/ESLint/TSLint, jenkins基本上已经完成了Js项目的工程化，ui级别自动化测试一直没有好的实践)

感觉其实不用看那么多，只是前端的4本书《JavaScript高级程序设计》《深入理解es6》( 基础，都是Nicholas 的作品，eslint作者 )和《js忍者秘籍（第2版）》，《http权威指南》(提升)足够了,不要为了看书而看书，MDN 是个好网站比较基础，但是20%的基础可以完成90%的工作量，学习node的话还是推荐朴灵的《node深入浅出》,多看书没什么坏处，本身就是一个向大佬学习的过程。

转载于:https://my.oschina.net/u/4038989/blog/3060604