如果有人让你推荐前端技术书，请让他看这个列表-守望者-AIR技术交流

破晓发表于 2016-8-2 12:38:39

如果有人让你推荐前端技术书，请让他看这个列表

<div style="border: 0px; font-size: 15px; color: rgb(46, 46, 46); font-family: "Microsoft YaHei", 宋体, "Myriad Pro", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 24px;"><h2 style="border: 0px; margin-bottom: 20px; font-size: 24px; font-stretch: normal; line-height: 36px; font-family: "Microsoft YaHei", "Myriad Pro", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;">来源：http://web.jobbole.com/86734/</h2><h2 style="border: 0px; margin-bottom: 20px; font-size: 24px; font-stretch: normal; line-height: 36px; font-family: "Microsoft YaHei", "Myriad Pro", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;"> </h2><h2 style="border: 0px; margin-bottom: 20px; font-size: 24px; font-stretch: normal; line-height: 36px; font-family: "Microsoft YaHei", "Myriad Pro", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;">前言</h2><blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">伯乐在线已经在 GitHub 上同步了这个列表：<a href="https://github.com/jobbole/awesome-web-dev-books" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">https://github.com/jobbole/awesome-web-dev-books</a> ，欢迎扩散。</blockquote>好的技术书籍可以帮助我们快速地成长，大部分人或多或少地受益于经典的技术书籍。在「前端大全」微信公号后台，我们经常能收到让帮忙推荐书籍的消息。这类的问题在<a href="http://weibo.com/u/5261893910" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">@前端大全微博</a> 和 <a href="http://group.jobbole.com/category/tech/webfront/" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">伯乐在线的前端小组</a> 讨论中也不绝于耳。6月30日，伯乐在线在「前端大全」微信公号<a href="http://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651550986&idx=1&sn=16b1ec6869bb07e3d820a78ec3dffd87#rd" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">发起了一个讨论</a> （注：PC端无法看到大家的评论，需要关注微信公号后，从微信才可以看到），通过这个讨论话题，在评论中分享对自己帮助很大的前端技术书籍。<img class="aligncenter" src="http://ww4.sinaimg.cn/small/63918611gw1epb2c688tqj2046046mx8.jpg" style="border: 0px; margin: auto; font-size: 0px; color: transparent; vertical-align: middle; max-width: 100%; height: auto; display: block; clear: both;"> （前端大全）<h2 style="border: 0px; margin-bottom: 20px; font-size: 24px; font-stretch: normal; line-height: 36px; font-family: "Microsoft YaHei", "Myriad Pro", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;">JavaScript</h2>《<a href="http://www.amazon.cn/gp/product/B007OQQVMY/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B007OQQVMY&linkCode=as2&tag=vastwork-23" target="_blank" rel="nofollow" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">JavaScript高级程序设计</a>》+ 入门级 +  306 票  + 豆瓣评分 9.3推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">恐龙：再次预言这本书能认真看十遍着 都能进bat阿琛：详尽地解读了JS这门语言的各个组成部分，透彻地剖析了JS所涉及的编程思想，深入浅出地演示了丰富的JS应用实例…读完这本书你不一定就能成为前端大牛，但如果你真的能把这本书读懂，吃透，那么你离JS高手肯定不远啦！</blockquote> 《<a href="http://www.amazon.cn/gp/product/B00BQ7RMW0/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B00BQ7RMW0&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">编写可维护的JavaScript</a>》+ 入门级 + 185 票 + 豆瓣评分 8.2推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">Master.Huoooo：乌龟书，很薄，但从工程实践的角度谈了常见的坑，其中的工作习惯值得coder们学习</blockquote> 《<a href="http://www.amazon.cn/gp/product/B0097CON2S/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B0097CON2S&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">Javascript语言精粹</a>》/ 蝴蝶书 + 入门级 + 97 票 + 豆瓣评分 9.1推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">宵伯特：集 JS 之精华，弃其糟粕，人手一本，前端必备</blockquote> 《<a href="http://www.amazon.cn/gp/product/B0089TDFNS/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B0089TDFNS&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">锋利的jQuery</a>》+ 入门级 + 91 票 + 豆瓣评分 8.1推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">Arron：学习jQuery必备书籍，不能错过陶宇：前后台通用快速使用jQuery，必备良书。</blockquote> 《<a href="http://www.amazon.cn/gp/product/B004VJM5KE/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B004VJM5KE&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">JavaScript DOM 编程艺术</a>（第二版）》+ 入门级 + 131 票 + 豆瓣评分 8.7推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">SAVEKAI：这本书的讲解方式非常亲切，人情味十足，初学者的福音。看完也能看看蝴蝶书。荣锋：度过菜鸟阶段就会更多考虑性能和优化了《高性能 JavaScript》，当然还有其他好书这只是我的一个经历</blockquote> 《<a href="http://www.amazon.cn/gp/product/B016DWSF8M/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B016DWSF8M&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">学习 JavaScript 数据结构与算法</a>》+ 入门级 + 31 票 + 豆瓣评分 7.6推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">微笑的鱼：很薄的一本书，很详细的讲解了使用js实现常用的数据结构和算法，对于更高效的使用js很有帮助。</blockquote><h3 style="border: 0px; margin-bottom: 20px; font-size: 20px; font-stretch: normal; line-height: 30px; font-family: "Microsoft YaHei", "Myriad Pro", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;"></h3>《<a href="http://www.amazon.cn/gp/product/B007VISQ1Y/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B007VISQ1Y&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">JavaScript 权威指南</a>》+ 进阶级 （豆瓣评分 9.0 ）推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">Cat：《JavaScript 权威指南》这本书，我是十分推荐新手用作进阶阅读的。…… 对于 JavaScript 新手入门来说，其实看什么书不重要，重要的是要能引起你兴趣使得你愿意动动手做做项目。在动手做过几个项目，对了 JavaScript 有了感性认识之后，你可能就会想要学习一些进阶内容，这时候《JavaScript 权威指南》就会成为最佳的选择。《JavaScript 权威指南》的价值就在于，给予你工具的同时也通过示例告诉你什么情况下应该如何使用工具。（小编注：这条推荐语摘自 Cat 对《JS权威指南》的书评文章。）</blockquote> 《<a href="http://www.amazon.cn/gp/product/B016DWSEWO/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B016DWSEWO&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">JavaScript忍者秘籍</a>》+ 进阶级 + 48 票 + 豆瓣评分 8.4推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">向往：这本书是jQuery库创始人编写的一本深入剖析JavaScript语言的书 对JavaScript语言的重要部分（函数、闭包和原型）进行深入、全面的介绍，以及讲述跨浏览器代码如何编写</blockquote> 《<a href="http://www.amazon.cn/gp/product/B013SGB2AO/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B013SGB2AO&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">高性能 JavaScript</a>》+ 进阶级 + 39 票 + 豆瓣评分 9.0推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">椰子船长：各种手段优化javascript</blockquote> 《<a href="http://www.amazon.cn/gp/product/B01A18WWAG/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B01A18WWAG&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">ECMAScript 6 标准入门</a>》+ 进阶级 + 38 票推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">刘传宗：ES6让JavaScript如虎添翼，编程体验更佳，阮一峰前辈的力作</blockquote> 《<a href="http://teropa.info/build-your-own-angular/" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">Build Your Own AngularJS</a>》+ 进阶级 + 37 票推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">少白：手把手教你撸出个angularjs框架，详细剖析原理和实现</blockquote> 《<a href="http://www.amazon.cn/gp/product/B00GMXI1QY/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B00GMXI1QY&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">Effective JavaScript:编写高质量JavaScript代码的68个有效方法</a>》+ 进阶级 + 35 票 + 豆瓣评分 8.4推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">hzhang：细说了编程中容易忽略的细枝末节！</blockquote> 《<a href="http://www.amazon.cn/gp/product/B00W34DZ8K/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B00W34DZ8K&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">你不知道的 JavaScript</a>（上）》+ 进阶级 + 46 票 + 豆瓣评分 9.4推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">undefined：肯定没入门级的书让你成长的那么快，但是两本书（上册+下册）能让你更深入的理解 JS 机制，对项目有个良好的把控，推荐入门后的人看。Yates

破晓发表于 2016-8-2 12:40:53

<div style="border: 0px; font-size: 15px; color: rgb(46, 46, 46); font-family: "Microsoft YaHei", 宋体, "Myriad Pro", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 24px;">《<a href="http://www.amazon.cn/gp/product/B00NN8GJGA/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B00NN8GJGA&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">单页Web应用：JavaScript 从前端到后端</a>》+ 进阶级 + 18 票 + 豆瓣评分 7.9推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">伟球迷：通过这本书的指引了解前后端如何一起构建一个单页应用，对前端来说，也能了解一些前端以外的东西</blockquote> <h2 style="border: 0px; margin-bottom: 20px; font-size: 24px; font-stretch: normal; line-height: 36px; font-family: "Microsoft YaHei", "Myriad Pro", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;">HTML5 & CSS</h2> 《<a href="http://www.amazon.cn/gp/product/B015316ZWC/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B015316ZWC&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">HTML5 与 CSS3 基础教程</a>（第八版）》+ 入门级 + 12 票 + 豆瓣评分 8.0推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">砖头与少年：就是这本书把我带入前端的，非常适合初学前端的人看，浅显易懂，有配套代码！</blockquote><h3 style="border: 0px; margin-bottom: 20px; font-size: 20px; font-stretch: normal; line-height: 30px; font-family: "Microsoft YaHei", "Myriad Pro", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;"></h3>《<a href="http://www.amazon.cn/gp/product/B00IT1WM4Y/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B00IT1WM4Y&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">深入浅出 HTML 与 CSS</a>》+ 入门级 + 72 票 + 豆瓣评分 8.9推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">猕猴桃：就是它把我骗进前端的周xj.com：纯小白的我第一次买的。懂了挺多。</blockquote> 《<a href="http://www.amazon.cn/gp/product/B01ET3FO86/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B01ET3FO86&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">CSS揭秘</a>》+ 进阶级 + 37 票 + 豆瓣评分 8.1推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">飛魚：这本书讲了很多CSS的技巧，看完之后你会拍着脑袋说原来CSS还有这么多你不知道的东西。</blockquote> 《<a href="http://www.amazon.cn/gp/product/B00H706BIG/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B00H706BIG&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">HTML5 权威指南</a>》+ 进阶级 + 54 票 + 豆瓣评分 8.9推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">陈军军：系统、全面，没有高深的用法，比较简单，如果对应用要求一般，这本书的知识完全能够应付过来，辅佐以js语言精粹，完全足够</blockquote> 《<a href="https://www.amazon.cn/CSS%E6%9D%83%E5%A8%81%E6%8C%87%E5%8D%97-%E8%BF%88%E8%80%B6/dp/B0011F5SIC?ie=UTF8&creative=2384&creativeASIN=B0011F5SIC&linkCode=df0&ref_=asc_df_B0011F5SIC2184243&tag=vaskwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">CSS 权威指南</a>》+ 进阶级 + 豆瓣评分 8.5推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">NetPuter：本书适合自学过 CSS 的人但希望全面了解 CSS 的人阅读。由浅入深，全面易懂，不愧为权威指南。虽然内容有点儿老，但依然能够满足学习的需求。</blockquote><h2 style="border: 0px; margin-bottom: 20px; font-size: 24px; font-stretch: normal; line-height: 36px; font-family: "Microsoft YaHei", "Myriad Pro", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;">综合类</h2> 《<a href="http://www.amazon.cn/gp/product/B008UCHA58/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=536&creative=3200&creativeASIN=B008UCHA58&linkCode=as2&tag=vastwork-23" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">精通正则表达式</a>》+ 进阶级 + 68 票 + 豆瓣评分 8.9推荐语：<blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; color: rgb(94, 94, 94);">赵晓冬：看完后会感觉技能绝对上一个层次李航：全端通用技能必须get</blockquote> <h2 style="border: 0px; margin-bottom: 20px; font-size: 24px; font-stretch: normal; line-height: 36px; font-family: "Microsoft YaHei", "Myriad Pro", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;">你也可以来推荐</h2>以上推荐和点赞是来自微信「前端大全」微信公号，你也可以在本文评论中，用以下格式来荐上述列表中没有出现的好书：《书籍名称》、入门级 or 进阶级、一句话推荐语 <h2 style="border: 0px; margin-bottom: 20px; font-size: 24px; font-stretch: normal; line-height: 36px; font-family: "Microsoft YaHei", "Myriad Pro", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;">让更多人知道</h2>后续我们将不断通过微信、微博和网站等来宣传这个经典前端技术书单。推荐人将一直署名在其中。如果这个经典前端技术书籍列表让你受益，请帮忙通过朋友圈、微博、QQ空间等途径扩散给更多人，谢谢！</div><blockquote style="border-width: 0px 0px 0px 5px; border-left-style: solid; border-left-color: rgb(238, 238, 238); margin-bottom: 10px; padding: 10px 20px; font-size: 15px; color: rgb(94, 94, 94); font-family: "Microsoft YaHei", 宋体, "Myriad Pro", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 24px;">伯乐在线已经在 GitHub 上同步了这个列表：<a href="https://github.com/jobbole/awesome-web-dev-books" target="_blank" style="border: 0px; text-decoration: none; color: rgb(0, 153, 204);">https://github.com/jobbole/awesome-web-dev-books</a> ，欢迎扩散。</blockquote>

页: [1]

守望者--AIR技术交流's Archiver

如果有人让你推荐前端技术书，请让他看这个列表