javascript红宝书电子版;javascript权威指南 pdf 收藏 0

17本学习前端开发必读书目！包含JS,CSS,HTTP,jQuery等

从事前端开发的朋友，如果想要学习或者精进自己的技术能力，可以看看下面这几本有关于前端开发的书目，都是备受认可的经典书目，豆瓣8分以上。

包含JavaScript，CSS，HTTP，jQuery等。

为了方便大家了解每本书，我列出了书的特点，小伙伴可以根据需求选择合适自己的。

• 豆瓣评分：9.3

号称“JavaScript红宝书”的《JavaScript高级程序设计》，虽然高级，但编写十分浅显，帮助初学者入门是很好的书籍。

Zakas大神把JavaScript的相关概念深入浅出地讲得明明白白，是每个JavaScript工程师的案头必备。

• 豆瓣评分：9.3

这本书，对于前端朋友来说强烈推荐。

这本书分为上、中、下三卷，每本都有自己侧重的部分，堪称JavaScript领域的神书，让你了解JavaScript里那些冷门的知识，对闭包、异步等知识点讲得非常透彻。

另外，虽然本书有3卷，但加起来都没有“红宝书”厚，不需要有阅读压力。

• 豆瓣评分：9.6

《JavaScript权威指南》俗称“犀牛书”，是每个前端工程师都绕不过的一本书。

要成为优秀的前端工程师，通读几遍是必须的，不仅如此，平时也可以当作工具书，放在案头随时翻阅也是很有帮助的。

• 豆瓣评分：8.5

虽然是一个2007年的老书目，但由于之后几年CSS并没有颠覆式的跃进，所以岁月并不影响这本书作为CSS经典书目的地位。

通过清晰的文字，把CSS讲得异常通透，可能这算是w3c以外最权威的一本CSS书目了。

• 豆瓣评分：9.4

能在豆瓣得到9.4分的评分，已经充分说明了这本书的价值。

书中包含的47个CSS技巧，让你遇到任何css问题时，都能游刃有余地找到合适的解决方案。

• 豆瓣评分：9.2

前端基础的权威，是入门前端必读的书目之一，也是市面上鲜有的能把HTML和CSS讲透讲好的书目。

• 豆瓣评分：8.5

正如这本书的书名一样，本书称得上“精通CSS”必不可少的一本书。

本书的前半部分是一些基础知识，帮助你巩固知识，也很时候工作中速查；后半部分总结了许多CSS设计中的最佳实践方案，让你更快地解决一些实际工作中遇到的问题，比如：网页布局方案、常见bug等。

• 豆瓣评分：9.1

这本书适合在入门前了解基本语法，虽然书本身很薄，但确实一本值得反复阅读的书，哪怕你已经在前端岗位上工作了一年半载，回过头来再看这本书，你仍然会对这本书有不同的理解。

• 豆瓣评分：8.7

本书重点讲解JavaScript中DOM相关的知识。

在开头简明扼要地完成对JS和DOM基础知识的讲解后，迅速通过几个简单的实例演示如何专业地开发网页，是Javascript编程的重要原则和最佳实践。

• 豆瓣评分：9.0

本书重点讲解如何提升程序的各方面性能，包括但不限于代码的加载运行原理、DOM交互、页面生存周期等知识点，让你轻松消除开发过程中的性能瓶颈。

• 豆瓣评分：8.1

关于HTTP的书，市面上并不多，《图解HTTP》是这个范围内的神作，全书图文并茂、生动形象，在轻松愉快的分为中，就把晦涩难懂的知识点解释清楚了。

• 豆瓣评分：9.0

《ES6标准入门》有点像工具说明书，将ES6的特性事无巨细地介绍出来，让读者能深刻了解ES6的全貌和绝大部分细节。是很好的案头工具书和自我提高的储备材料。

• 豆瓣评分：8.6

本书详细解释了如何用HTTP开发Web应用程序，以HTTP为内容核心，强化和理解Web的工作原理，将相关知识应用到实战案例中，实现Web编程和管理。

• 豆瓣评分：9.0

本书针对JavaScript语言的特性，全面介绍了程序员最常用到的16个设计模式，全面分享了面向对象的编程技巧，以及日常开发工作中代码重构回到的问题。

• 豆瓣评分：8.4

jQuery虽然对大多数前端工程师来说，已经是一款古老的框架，但其内里的重要编程思想，仍然对当今的前端开发起到指导作用。

本书循序渐进地完成了对jQuery各个函数、方法的调用讲解，同时还深入讲解jQuery的选择器、DOM操作、实践动画、AJAX嗲用等进阶的知识点，配合课后案例，你很快能掌握关于jQuery的一切。

• 豆瓣评分：9.3

ES6的内容有轻有重，《深入理解es6》一书讲究循序渐进、娓娓道来。深入挖掘ES6中的特性，在了解ES6基本特性的基础上，对ES6有更深入的理解。

• 豆瓣评分：8.8

“忍者书”在JS圈也是成名已久，推荐（第二版）。

第二版相较于第一版，更与时俱进，很多大浪淘沙后的属性都在本书中得到了深刻的挖掘和理解。

以上17本前端的书，覆盖了大部分前端的内容。

如果关于书目有任何疑问，或者有其他合适的书推荐，欢迎在评论区留言沟通。

好了，看到这里，眼前这位已然冉冉升起的前端大佬，是不是可以考虑给本文一个赞呢？

好的项目，万物皆可打包，我将Vue项目打包成客户端（模拟钉钉）

相信有很多公司，用习惯老式的ERP系统，将软件UI固化为WINDOWS桌面端的应用程序。你将一个Element项目摆在他的面前，他看不惯！他想让你的Web项目封装为一个客户端！是的，你没听错！我们的目的，就是将Web项目封装成一个客户端！

我难道重新开发一个OA客户端吗？我难道废寝忘食一个月，专研学习C++吗？我的思路肯定是写一个容器，内嵌H5网页！聪明的你明白了吗？据说钉钉就是这么做的！

首先，你需要有一个正式上线的项目，能在外网或内网被访问，我这以我的CSDN主页为例！其次，写一个空白的H5界面，加一个跳转到你项目网址的JS。最后，将这个H5文件，通过 nodewebkit 封装为一个客户端！Vue项目，打包后其实也是H5文件，可以一概而论！

进入https://nwjs.io/ ，下载后得到 nwjs-v0.54.0-win-x64.zip 文件，解压到指定的文件夹

当然它是开源的，你可以到Github中下载它的源码：https://github.com/nwjs/nw.js

将2.nw复制到 第一步的文件夹内，使用cmd打开第一步的目录

执行命令：

该行命令的意思，就是将两个EXE文件合并为一个EXE文件

命令执行后，当前目录下生成 app.exe 文件

如果直接将 app.exe 复制到其他目录，是无法运行的。因为 app.exe 有很多需要的依赖文件，比如目录下的各类dll文件。要将此客户端正式使用，需要将整个目录一起打包带走，作为客户端的安装目录。

原文CSDN链接：https://zwz99.blog.csdn.net/article/details/118110654

聪明的读者已经发现，我都已经把CSDN主页都封装为客户端了，Vue项目还不是了如指掌？将Vue项目封装为客户端的问题，可以拆解为以下两步：1.将Vue项目部署到Nginx上，放在服务器，生成一个网址2.将网址套用在之前H5文件的跳转路径中，完成！第二步，在之前已经详细说明，所以，我们来尝试如何将Vue发布到服务器上！

Nginx是一款轻量级的Web服务器、反向代理服务器，由于它的内存占用少，启动极快，高并发能力强，在互联网项目中广泛应用。就像Tomcat完美支持运行Java项目一样，Nginx可以完美支持Vue项目，他们就是一对CP！

其中，conf文件夹下有一个关键的配置文件 —— nginx.conf。这个文件里可以配置Vue项目的运行端口、SSL证书、反向代理、负载均衡等等。具体代码会在最后给出！

html文件夹下，就是放Vue打包后的dist内的文件，完美兼容！log文件夹下方一些运行的日志，如果发现跑不起来，可以看看错在哪PS：所谓正向代理，就是代理服务器代替你访问服务器，如国外网址，运用代理服务器，可以大大加快访问速度，可以理解为像VPN这样的东西，你知道你访问的是什么，但国外网站只知道代理服务器在访问他，不知道真正访问的人。

所谓反向代理，就是代理服务器代替服务器访问你，你不需要只要请求代理服务器，他会根据你的请求，帮你转发到相应的服务器。目标服务器知道是你在访问，但你不知道你到底访问了哪台服务器！

将Vue打包文件放到html文件夹下后，就可以启动Nginx了！cmd进入Nginx的目录，运行命令即可！

如果部署的是云服务器，需要注意是否开启端口外网访问，如阿里云默认除8080端口外禁止外网访问，腾讯云则无此限制。如被限制，需要登入相应的控制台设置。打开浏览器，确保项目可以被访问，最后将该网址套用在之前的H5文件内，即可完成客户端封装！

package.json完整代码

项目完整源码获取方式：关注小编+转发文章+私信【 666 】免费获取！！！

• 《Head First HTML与CSS》

Head Fisrt系列书你懂的，为入门而生，文笔风趣幽默为主，配图也很丰富，简单易懂就对了。

• 《HTML5 权威指南》

豆瓣评分8.5的书，书是没问题，800多页的书全面性不用说，但是能不能读得完这是一个问题，就看决心和“手速”了。

• 《CSS权威指南》

放在现在来看是本“老书”了，但是很多基础的东西在那摆着也得学。CSS东西就是细节多，这本就当是给CSS的知识点做了一个大梳理吧，所以这本书当工具书看是可以。

• 《CSS揭秘》

这本书展示了47个CSS的技巧，是一本注重实践的教程，虽然算进阶书，但是内容没那么难，看完对很多实现思路有启发。

• 《你不知道的 JavaScript》

这本书是翻译过来的，分好几卷，黄油油的封面你懂的~ 应该说这本书把JavaScript里很多复杂且深度的概念进行了细致讲解，比如作用域、闭包、原型、异步等等，网上书评啥的还是可以的。

• 《JavaScript DOM编程艺术》

这本书并不厚，小白可用，初学时搞定并实践了这本书里的内容，应该入门没啥问题，这样后面就可以找一些经典甚至圣经类的书来加强和巩固了。

• 《JavaScript 高级程序设计》

大名鼎鼎的JS红宝书，是权威的JavaScript入门书籍，没错是入门书籍！不要被名字里的“高级”两个字吓跑~ 内容循序渐进，基础且全面，不能指望一遍就过，适合精读也适合回味。

• 《JavaScript权威指南》

上面是“红宝书”，这本是“犀牛书”，据说这两本在一起更搭配哦。

这本书是淘宝前端团队翻译的，也算是JavaScript开发者的圣经之一，内容太多太全，如果能多通读几遍并有所心得，估计成神之路也就不远了~

ES和JS的关系应该能分得清吧，对前端开发来说，ES6+还是有必要学一下的，经典的材料有几个。

• 《阮一峰ECMAScript 6入门教程》

• 《深入理解ES6》

豆瓣评分9.4的书，比较系统地介绍了ES的重要特性。

作为一名合格的前端工程师，TypeScript现在也是必须掌握的知识了，学习它最好的材料还是文档。

• 《英文文档》

• 《中文文档》

• 《深入理解TypeScript》

看文档还是最好的，至于书的话，这本《深入理解TypeScript》是原版《TypeScript Deep Dive》的翻译本，有精力可以康康。

• 《学习JavaScript数据结构与算法（第3版）》

数据结构和算法本身其实和编程语言无关，但是如果非得让找一本基于JavaScript语言描述的数据结构和算法书，那这本是前端的菜就对了。除了常用数据结构、算法、以及算法思想均有涉及之外，书中专门还用一章来写了ES和TS的东西。

• 《JavaScript设计模式》

设计模式这东西本来也是和语言无关的，这是一本基于JavaScript语言描述的设计模式落地实现，所有常见的设计模式都讲到了，行文风格也不枯燥，给出的场景和实例也挺全，当然这本重在灵活运用，进阶可阅。

对于前端开发来说，网络协议肯定是必看，尤其应用层协议，其他底层协议能多了解一点当然更好。

• 《图解TCP/IP》

• 《图解HTTP》

这两本网络协议图解书籍通俗易懂，配图也很形象，黑皮（灰皮）版网络协议圣经啃不下来的，可以看看这个。

• 《HTTP权威指南》

这本书并不只有HTTP协议本身的内容，也并不仅仅针对前端开发者。它里面将很多周边技术和Web化过程中诸多的技术和原理都进行了阐述，内容系统庞大。跟Web开发有关的程序员在进阶扩大知识面时都可以看看。

• 《Node.js中文文档》

http://nodejs.cn/api/

Node.js版本更新这么快，看文档是最靠谱的。

• 《Node.js实战》

如果硬要找一本教材看，这本Node.js的实战教程可以一用。

• 《深入浅出Node.js》

这本书不是写给初学者看的，算是Node.js进阶书籍，国人作者真的是长脸，对Node.js的一些关键原理做了剖析，如果想深入了解 Node，这本书值得一看。

框架这东西更新迭代实在太快了，要么还没来得及出书，要么就是那种迅速推出的快餐书，基本都是照搬框架的官方文档，有时候翻译和理解得还不一定准确，所以在学习前端的形形的框架时，官方文档还是最靠谱和全面的资料，包括但不限于：

• 《Web性能权威指南》

看这本书之前像TCP/IP协议族的基础最好具备，虽然书中很多篇幅也在讲述这部分内容，但是加入了对应优化实践的知识和内容，进阶阅读可用。而且这本书也不仅仅是前端开发人员可以看，所有Web应用及站点开发人员都可以阅读，包括后端、运维、存储、视频、性能工程师等等。

最后小伙伴们如果有什么要补充，或者可以推荐的不错资料，欢迎多多补充，一起分享提高。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com