前端开发工程师必读书籍有哪些值得推荐？

做者：阿里云云栖社区
连接：https://www.zhihu.com/question/22591993/answer/148215178
来源：知乎
著做权归做者全部。商业转载请联系做者得到受权，非商业转载请注明出处。

一、HTML/HTML5基础：

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

二、高健壮性CSS

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

三、深刻学习JS

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

进阶：

四、性能

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

五、HTTP及TCP协议族

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

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

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

1、《JavaScript半知半解》

为何写这本书？

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

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

大纲

2、《Web开发实战》

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

为何写这本书？

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

大纲

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

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