前端必看的书籍（合集）

 

　　十本学习前端必看书籍

　　第一本，入门

　　《Head first HTML&CSS》

　　最好的入门书。看两遍就对HTML & CSS 有个大概印象了。

　　此时把w3cschool作为备查手册收藏起来

　　第二本《CSS权威指南(第三版)》

　　最权威的CSS书籍，除了阅读W3C的文档外的不二选择(就是翻译有点操蛋，遇到感到难理解的地方可能还是要求助于网络资源)。有时间(无论是现在还是将来)可以反复看，并当做字典随时查。

　　第三本《精通CSS》

　　广受前辈推荐的一本书。上一本书是字典的话，这本书相当于《中学生作文大全》，汇集了一些CSS的最佳实践。

　　第四本《图解CSS3：核心技术与案例实践》

　　这本书比较新，讲解的是最新的CSS3(前三本书停留在CSS2.1时代)，CSS3也是必学的，不是什么可学可不学的最新技术。

HTML CSS值得看的书就这些(之后会有一本《CSS秘密花园》，尚在翻译中，也很值得期待)，剩下的就是自己写还有看技术博客了。接下来是JavaScript，HTML和CSS都是没有逻辑的标记型语言，JS才是真正的编程语言，评价前端工程师的水平就看这个了。

　　第五本《JavaScript DOM编程艺术》

　　最好的JS入门书籍，一目了然地告诉你如何用JS操作DOM(这是浏览器端编程的基本功)，还灌输了最符合标准的编程理念。可惜有点老，最新一版是2010年的，以至于部分内容有点过期，例如本书内经常提到“某某方法浏览器不一定支持，需要小心使用”，而这些历史遗留问题当今已经不存在了，阅读过程中无视就好。

　　第六本《JavaScript高级程序设计》

　　每个前端必看的书，此书是前端工程师科技树的关键一环。看完此书后再看看之后各类进阶书籍会比较好。

　　俗称红宝书，也算入门书籍，虽然是大部头(七百多页)，但至少通读一遍。

　　全部掌握了，你可以在网络社区里谈笑风生了，经过实践的锻炼后，面试个前端工程师的岗位应该都没问题了。

　　第七本《JavaScript语言精粹》

　　也是前端必看。薄薄一百来页，对JS的去粗取精。

　　第八本《你不知道的JavaScript》

　　这是一套丛书， 目前为止仅翻译了第一卷。每本都挺薄，深入介绍了JS中的重要概念。

　　第九本《JavaScript设计模式》

“设计模式”是软件工程的重要课题，相当于高考时候的答题套路。前人总结出来的应对各种问题的模板。也算是必看书籍。关于JavaScript设计模式的书籍目前也有好几本，也有国人写的，挑一两本看看就好。

　　第十本《高性能网站建设指南》(及其续篇《高性能网站进阶》)

　　告诉你真正的商业公司的前端是怎么优化一个网站的。当然优化的问题不是看看书就能解决的，最好时刻了解你的同行们的经验。

　　第一阶段：HTML和CSS的学习

HTML就不多说了，基础中的基础，这个都不会的小伙伴请参见HTML手册，认真学习W3C课程，稍有基础之后可以跟着视频学习《HTML+CSS基础课程》。

　前端开发必看的14本书

1、《CSS权威指南》第三版

　　这本书实在太适合小白用户了，是一本为初学者清扫障碍的书籍。同行一致认为这本书是学习CSS基础的首选。CSS界权威Meyer大师的作品，翻译水平也灰常赞!

2、《CSS那些事儿》

　　不用于一般技术类书籍的枯燥乏味，这本书很有意思。作者是蓝色理想经典论坛标准版荣誉版主林小志，具有多年网站设计和网站重构经验，在CSS、XHTML等前台技术方面有着深厚功底。

　　全书以传达CSS布局思维为中心，通过页面中的文字、图片、表格、表单等常见元素的处理及各种页面布局方式的使用，使读者能深入了解到如何在页面中更好地运用CSS布局。阅读本书之后将会发现，原来CSS样式居然是这么好玩的东西。

3、《精通CSS：高级Web标准解决方案》第二版

　　前段学习必备书籍，作者Andy Budd是国际顶尖的网页设计师，著名的Web标准倡导者，网页咨询公司Clearleft的创始人之一。

　　本书将最有用的CSS技术汇总在一起，总结了CSS设计中的最佳实践，讨论了解决各种实际问题的技术，重点讲解了一系列的css开发技巧，是前端开发人员必备的手册。

4、《CSS禅意花园》

　　这是一本令人惊叹的书!必须用一个字形容的话，那就是：美!内容编排合理,文字生动有趣引人入胜,通过一个个实例引导读者阅读，强烈推荐!

　　作者是世界著名的网站设计师，书中的范例来自网站设计领域最著名的网站——CSS Zen Garden(CSS禅意花园)。童鞋们自己去领略吧。

　　第二阶段——JavaScript的学习

Javascript的书籍当然还是要看老外的，你懂得~

5、《JavaScriptDOM编程艺术》

　　此书绝对是入门好书，简洁优美的文笔简直是工具书中的典范啊有木有!

　　这本书讲述了JavaScript和DOM的基础知识，但重点放在DOM编程技术背后的思路和原则，然后将这些概念贯穿在书中的所有代码示例中，使你看到用来创建图片库页面的脚本、用来创建动画效果的脚本和用来丰富页面元素呈现效果的脚本，最后结合所讲述的内容创建了一个实际的网站。

6、《JavaScript权威指南》第6版

　　这本书非常适合初级、中级程序员，是学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册。

　　第6版涵盖HTML 5和ECMAScript 5。很多章节完全重写，紧跟当今最佳Web开发实践。本书新增章节描述了jQuery和服务器端JavaScript。

7、《JavaScript高级程序设计》第三版

　　《javascript权威指南》比较像一本字典，而这本《javascript高级程序设计》可以算是一本由浅入深的好读物。这两本书看完后，对javascript一定会有较为深入的了解。

　　作者Nicholas C. Zakas是世界顶级Web技术专家，现为雅虎公司界面呈现架构师，负责My Yahoo!和雅虎首页等大访问量站点的设计。这本书，看一遍不能算看过，至少读两三遍，每一遍都会让你有新的收获。

8、《高性能JavaScript》

　　本书从性能角度全面分析js，含金量非常大，很多知识都是作者通过实践总结出来的，都是经验的积累，强烈推荐!

　　同是Nicholas C. Zakas所写，如果看《JS高级程序设计》觉得理解不太透彻，学习较为吃力，那么我强烈建议你看看这本书，真的是极好的一本实践类书籍，言简意赅，灰常实用!

9、《JavaScript王者归来》

　　这本《JavaScript王者归来》不仅是一本传播知识的书，更是一本求道的书。O(∩_∩)O 有追求的程序员一定不要错过!愿神力与你同在!

　　它揭开了JavaScript的面纱，绕过误解和虚幻的表象，引领你探索程序王国的奥妙。这是一本探寻程序设计思想本源的“魔法典籍”，也是一本Web开发工程师们需要的案头参考书。

10、《JavaScript模式》

　　它绝对不是一本入门级别的书，适用于希望将自身的Javascript技巧提高到一个新层次的专业的开发人员和程序员。

　　《JavaScript模式》包含了实现每个讨论的模式的实践建议，并附有数个可以立即上手的范例;同时还可以学到一些反模式。短小精悍，进阶必读!

11、《JavaScript设计模式》

　　进阶教程，得有一定功底才能看懂。反之，如果你轻而易举就能拿下此书，说明你已非等闲之辈~

　　本书共有两部分。第一部分给出了实现具体设计模式所需要的面向对象特性的基础知识，第二部分则专注于各种具体的设计模式及其在JavaScript语言中的应用，主要介绍了工厂模式、桥接模式、组合模式、门面模式等几种常见的模式。

　　第三阶段——jQUery的学习

12、《锋利的jQuery》第二版

　　入门首选，简单易懂，非常实在。《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍，对jQuery分析的逻辑非常值得学习。

　　第四阶段—学无止境!

　　如果以上书籍你全都搞定了，那么，恭喜你，你真的很厉害!到这种程度，相信你也不太需要别人推荐书籍了，不过我还是厚着脸皮推荐两本吧。

13、《高性能网站建设指南》

　　前端开发可以优化网站剩余70%~80%性能，这本书不算厚，几个小时就能看完，推荐前端开发工程师看看。在《高性能网站建设指南》中，作者给出了14条具体的优化原则，每一条原则都配以范例佐证，并提供了在线支持。

14、《Web开发敏捷之道》第二版

Web开发敏捷之道》曾荣获Jolt大奖“最佳技术图书”奖。在第1版的内容架构基础上，第2版增加了对Rails 1.2中新特性和最佳实践的介绍。此书覆盖了rails1.2的方方面面，其本身也很"敏捷"，翻译也非常好。

怎么消除复制粘贴网页文章的乱码

其实当你复制网页文章到文本中就会看到大量的乱码字符。这是因为网页用了名叫 watermark 的CSS样式表而产生的，从而复制的时候网站css会自动将文章编成乱码，不希望别人复制作品。既然找到了问题的根源，那么解决的办法就容易的多了。

解除方法一：通过查找相关资料还发现可以使用word替换法，使用word，首先选择需要复制的文字，新建一个word文档，粘贴到新建文档中;单击“编辑\替换”，在弹出的对话框中单击“高级”，再选择对话框最下面的“格式\字体”，在新出现的对话框中将字体颜色设置为白色，单击“确定”“全部替换”，替换完成后关闭对话框即可。 这里我们发现了一个问题，替换了不少白色区域，这样文章的排版将不美观。

解除方法二：通过发现我们知道ie浏览器对 watermark 的CSS样式起作用，但也有一些浏览器不支持 watermark 的CSS样式，所以我们可以通过别的浏览器来屏蔽 watermark 的CSS样式达到去掉乱码的情况。 可以使用的浏览器有： Firefox 、傲游浏览器 、GreenBrowser 、GORSOFT 注意这些浏览器中使用Firefox 最方便，安装后直接打开网页复制即可，其它浏览器需要安装插件。

web前端开发工程师岗位的职责

web前端开发工程师岗位的职责1

　　职责：

1、负责产品的前端代码开发、页面重构以及交互设计逻辑处理;

2、根据产品文档开发高性能、高兼容性的前端代码，完成脚本通用类库、框架、UI控件的编写，并形成文档;

3、与用户、美工、编码工程师等协作实现良好的用户交互;

4、评估、优化网站前端性能。

　　任职要求：

1、2年以上JavaScript脚本开发经验，对OOP有一定的认识;

2、精通HTML5/XHTML、CSS3、JavaScript、AJAX、JSON、XML等技术;

3、至少熟练掌握一种JS框架，如：Jquery框架，熟悉对象化Javascript编程;

4、有跨浏览器开发经验，理解不同浏览器之间的差异，写出代码具有良好的兼容性;

5、具有优化JavaScript性能的能力;

6、掌握软件设计流程和软件工程规范，具备良好而规范的设计和技术文档编写能力，拥有良好的代码习惯，逻辑结构清晰，命名规范，代码冗余率低;

7、良好的交流沟通能力，吃苦耐劳，责任感及上进心强，团队精神及职业道德;

8、了解java语言优先;

9、有移动设备(手机、PAD)网页开发经验着优先;

web前端开发工程师岗位的职责2

　　职责：

1、负责web前端产品的框架设计与开发工作;

2、根据项目任务计划按时完成软件编码和单元测试工作;

3、设计和实现代码以满足业务驱动项目的需求;

4、评估和分解任务以达到实际的目标;

5、跟踪关键的交付成果。

　　任职资格：

1、本科及以上学历，计算机相关专业;

2、精通HTML5、CSS3、JS、前后交互;

3、精通Javascript及相关类库，至少精通一种Javascript类库，如Jquery，layui;

4、熟练运用Gulp、Grunt、Webpack等前端打包工具;

5、熟练掌握Git(分布式)、Svn(集中式)等源代码版本管理工具，有良好的代码习惯;

6、有使用layui进行erp项目开发的经验的优先考虑;

7、网站性能优化，各浏览器兼容性处理;

web前端开发工程师岗位的职责3

　　职责：

1.负责前端界面的开发及制作，以及前端与业务层交互开发和维护。

2.持续的优化前端体验和页面响应速度，优化代码并保持良好兼容性，提升web界面的友好和易用。

3.根据产品需求，分析并给出最优的页面前端结构解决方案。

4.确保产品具有优质的用户使用体验和高性能。

5.配合后台开发人员完成项目。

　　任职要求

1.本科及以上学历，计算机及相关专业，4年以上互联网工作经验。

2.精通Bootstrap、Angular技术，包括HTML/HTML5/XHTML/XML/CSS等。

3.有网站设计的经验，对行业内的网站有自己的理解，精通各种设计软件的基本操作。能够理解客户需求并且可以形成设计图的优先考虑。

4.精通Div、CSS布局的html代码编写，熟练手写标准css样式表，兼容各浏览器,精通html/xhtml、css，熟悉页面架构和布局，对web标准和标签语义化有深入理解。

5.熟练使用html5 canvas，对html5/css3方面有实际的理解和实践经验。

6.熟练使用PhotoShop 对页面图片进行修改和设计图片图标等。

7.熟悉jquery mobile 移动前端框架。

8.精通Ajax、JavaScript、JQuery等前端脚本语言技术，掌握面向对象编程思想,精通前端展现框架的一种: jquery, prototype ext等js框架。

9.对用户可用性，用户体验，用户研究等相关知识有深入的了解和实践经验。

10.具有良好的分析和解决问题能力，对攻关疑难问题具有浓厚兴趣。

web前端开发工程师岗位的职责4

　　职责：

1.负责产品的HTML5页面架构设计和开发工作;

2.根据产品需求，分析并给出最优的页面前端结构解决方案;

3.应用新技术，与UED团队合作，设计开发极具用户体验的前端应用;

4.较强沟通能力、学习能力，有责任心、有团队合作精神，性格开朗。

5.有移动端开发经验优先

　　任职条件：

1.学历：大专及以上 工作经验：2年及以上

2.精通HTML5、CSS3、JavaScript等Web前端开发技术;

3.精通MVVM、MVC，有过Vue等框架生产环境开发经验至少一年vue使用经验

4.熟悉主流浏览器，及Android与iOS等移动平台的页面适配;

5.熟悉前端性能优化和常用构建工具

web前端开发工程师岗位的职责5

　　职责

1、根据产品高保真开发前端页面，攻克技术难题，在任务期限内完成预定目标

2、解决不同的浏览器及不同版本的兼容性问题，熟练掌握各种版本css

3、熟练使用组件化、模块化开发方式

4、根据效果图无差别还原前端展示效果和交互功能

　　任职资格：

1. 2-3年以上全职工作经验，计算机或相关专业全日制本科或以上学历

2. 熟悉并深度掌握一种前端构建工具，如：Webpack/rollup/gulp等，熟练使用代码检查工具eslint

3. 有一定的后端开发经验(Java)为佳，理解HTTP协议，理解客户端、服务端通信机制，熟练使用浏览器调试工具，熟练并深度掌握一种网络抓包工具，如Filder、wireshark等

4. 熟练使用vue.js、vuex

5. 熟练使用原生JS操作各种对象，原生JS基本工扎实，CSS基本功扎实

6.良好的编码习惯，勇于承担工作压力，具备良好的责任心和团队合作能力