web前端开发看什么书

HTML、CSS方面比较经典的书是《CSS禅意花园》，但是这本书出版比较早了（有点老）。当前比较推荐的是2021年6月新出版的一本叫做《HTML5布局之路》的书，书籍从PC端和移动端分别讲解了布局的整体思路和方法，和其它书不太一样的地方在于，它采用的是非字典式的讲述模式，是按照实战开发的流程进行知识的拆分和讲解。500多页，除了基本技术还有面试真题、开发经验的分享。
HTML和CSS学完之后可以入手，比较经典书籍是犀牛书（封面是一只犀牛，百度搜“JS 犀牛”能收到），还有一本是《高级程序设计》（行业里叫红皮书），两本书都比较经典，涵盖面比较广，学起来会比较难一些。JS入门书还可以选择 HeadFirst系列。个人感觉HeadFirst系列会比较容易读懂，很多抽象概念都比较好的解释了出来，我学习Ajax方面时就用的是这个系列入的门。

Web前端开发初级需要学习哪些知识些

Web前端不仅薪资比较高，而且发展前景也很可观，越来越多的年轻人纷纷选择web前端作为未来的职业发展方向，但是就怎么选择学习方法而言，但是很多都是零基础来学习web前端的，对于这个行业可能一概不知，该怎么去学习呢？什么样的学习方法更适合学。，那么这份最详细的web前端学习路线分享给大家。
*阶段：前端页面重构
内容包含了：（PC端网站布局项目、HTML+CSS基础项目、WebApp页面布局项目）
第二阶段：高级程序设计
内容包含：）原生 交互功能开发项目、面向对象进阶与 ES/ES应用项目、工具库自主研发项目）
第三阶段：PC端全栈项目开发
内容包含：（jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目）
第四阶段：移动端项目开发
内容包含：（Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目）
第五阶段：混合（Hybrid,）开发
内容包含：（微信小程序开发、React Native、各类混合应用开发）
第六阶段：NodeJS全栈开发
内容包括：（WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库）
第七阶段：大数据可视化
内容包含：（大数据可视化化基础与实战、一、数据可视化入门、二、D.js详解、三、其他JS库）
对于想学习web前端的同学来说：首先是自学，其实自学也不是不可以，只要有毅力能坚持，自己学习是完全没有问题的，现在有很多同学也是自己找资料视频来学习。*技术也学的挺牛的，得看个人兴趣和悟性，软件开发本来就是一项比较枯燥的工作，如果只是单纯的觉得这项行业工资高而进来的话，可能学习中遇到技术难题，就会知难而退了，难以坚持下去，而真正爱这行的会迎难而上，不解决不罢休，这也是为什么有些能自学下来有些却不行的原因。
如果选择培训机构的话，对于没有基础或者毅力坚持下去的同学是比较好的学习方式，首先培训机构课程比较完善，没有基础的同学往往不知道从哪个方向去学习，而培训机构能更好的满足这部分学员，一般培训机构的老师都是经验比较丰富的，讲课的时候重点和难点会详细讲解，及时解决，这样学习的能保障每个学员都能弄懂，而且不用自己苦思冥想找答案。这样也大大的提升了学习的热情。最重要的是培训机构有阶段性的项目练习，这个对于自学的同学来说是没有的，现在的企业都是看着每个求职者的动手能力，如果有项目的实践操作，在应聘中也更有竞争力。
其实不管自学还是培训机构也好，最重要的是看自己的热情，还有能不能吃苦和努力，web前端开发确实是高薪职业，市场需求也很大，只要你有本事，你就是企业需求的人才，那么想快速达到这个技术能力，自己该怎么做怎么学就看你自己的选择了。

初学前端有什么推荐的书籍

一、《Web前端开发*实践》

这本书是前端开发领域的经典之作，是一本扎实前端基本功，规范我们前端代码的实践性书籍。本书主要讲解了HTML、CSS、以及移动端开发的*实践方案，能够对缺乏良好指导的开发者产生很大的帮助。通过阅读本书我们可以掌握如何编写高可读性、高维护性、高性能的HTML、CSS以及。

二、《CSS那些事儿》

内容介绍：《CSS那些事儿》是2009年电子工业出版社出版的图书，作者是林小志。该书通过对CSS技巧实例进行讲解，浅入深地分析了CSS相关知识。

通过页面中的文字、图片、表格、表单等常见元素的处理及各种页面布局方式的使用，使读者能深入了解到如何在页面中更好地运用CSS布局。尤其是在页面布局的部分中，全面分析了多种布局方式，着重分解了两列等高和三列等高的几种方式，并相应说明了等高布局的优缺点。

三、《CSS权威指南》

内容介绍：《CSS权威指南》通过诸多示例，详细讲解了如何做到仅在一处建立样式表就能创建或修改整个网站的外观，以及如何得到html力不能及的更丰富的表现效果。同时展示了如何遵循css*规范（css2和css2.1）将层叠样式表的方方面面应用于实践。

四、《 标准参考教程》阮一峰

内容介绍：阮一峰 本书全面介绍 核心语法，从最简单的开始讲起，循序渐进、由浅入深，力求清晰易懂。所有章节都带有大量的代码实例，便于理解和模仿，可以用到实际项目中，即学即用。 本书适合初学者当作语言的入门教程，也适合当作日常使用的参考手册。

五、高级程序设计第三版

内容介绍：《全书从 语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起，深入浅出地探讨了面向对象编程、Ajax 与Comet 服务器端通信，HTML5 表单、媒体、Canvas（包括WebGL）及Web Workers、地理定位、跨文档传递消息、客户端存储（包括IndexedDB）等新API，还介绍了离线应用和与维护、性能、部署相关的*开发实践。

六、锋利的jquery

内容介绍：《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍，读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧等知识点，并结合每个章节后面的案例演示进行练习，达到掌握核心知识点的目的。

七、HTTP权威指南

内容介绍：《HTTP权威指南》由古尔利所著，《HTTP权威指南》详细解释了如何用HTTP来开发基于Web的应用程序，核心的[因特网协议，如何与架构构建块交互，如何正确实现因特网客户和服务器等。

《HTTP权威指南》的中心内容是HTTP，本质是理解Web的工作原理，以及如何将这些知识应用到Web编程和管理之中，主要涵盖HTTP的技术运作方式、产生动机、性能和目标以及一些相关技术问题。 《HTTP权威指南》适合所有想了解HTTP和Web底层结构的人阅读。

八、高性能网站建设指南

内容介绍：《高性能网站建设指南》结合Web2.0以来Web开发领域的*形势和特点，介绍了网站性能问题的现状、产生的原因，以及改善或解决性能问题的原则、技术技巧和*实践。重点关注网页的行为特征，阐释优化Ajax、CSS、、Flash和图片处理等要素的技术，全面涵盖浏览器端性能问题的方方面面。

如何学习WEB前端开发

先看视频入门，然后看相关书籍在巩固知识。打印一份HTML CSS 的参考手册，这个要经常看，都知道这是最基础的，掌握之后在去学一下jQuery，也不能说算学，花2个小时看一遍教程估计就懂50%了，剩下的写几个项目再熟悉熟悉。然后学和相关的技术 如canvas,这个就有点考验数据结构和算法了，有点熟悉之后再学一下数据结构的知识。学会了这些在继续进阶，然后考虑浏览器兼容问题等等，然后再学习一些CSS预处理器的知识如LESS SASS等（掌握一个就好了），然后还有一些比较重要的js框架，requireJS AngularJS等。。。现在觉得其中最难的还是CSS
作者：Kylin Chang

【网络学习中心】如何用 CSS 隐藏超出显示宽度的内容 -html

提供两个方案给你： 1、在页面的脚本语言里面用类似于left的函数； 2、找个js或jq代码来实现，css是需要很大的耐心去调整谦容性的，而且有一些bug是解决不了的； overflow:hidden;强制居中 width:200px; white-space:nowrap;强制在同一行内显示所有文本，直到文本结束或者遭遇br对象 text-overflow:ellipsis;这才是超出后用省略代替 下面给个例子给你

• clip: 直接将溢出的文字裁剪

  测试用文字测试用文字测试用文字测试用文字测试用文字测试用文字

• ellipsis: 将溢出的文字显示省略标记（...）

  测试用文字测试用文字测试用文字测试用文字测试用文字测试用文字

CSS 透明度怎么设置。 filter:alpha(opacity=10); 我这句话在IE中有效 在其它的浏览器中就没效（Opera）

css中
filter仅支持ie6以及以上版本，
其余浏览器，包括firefox，chrome，opera，Safari都不支持。
要在这些版本设置透明度，可用opacity属性，
支持的浏览器包括IE 9.0，Firefox，Safari，Chrome，opera。
opacity取值在0到1之间浮动
以下是示例代码

下例是一个半透明的效果：

北京web前端培训机构，出来好找工作吗，需要学哪些内容？

大部分人学习一项技术肯定是以就业为目标，那么学习web前端哪些知识才能找到一份工作？小蜗这里根据行业的变化以及企业的用人需求，整理了一份web前端的学习路线，只要掌握了以下内容，找到一份工作基本不难。

*阶段：专业核心基础

阶段目标：

1. 熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。

2. 熟练运用HTML+CSS特性完成页面布局。

4. 熟练应用CSS3技术，动画、弹性盒模型设计。

5. 熟练完成移动端页面的设计。

6. 熟练运用所学知识仿制任意Web网站。

7. 能综合运用所学知识完成网页设计实战。

知识点：

1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。

2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。

3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用 less、sass完成项目开发，深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握*阶段html、css的内容、完成PC端页面设计和移动端页面设计。

第二阶段：Web后台技术

阶段目标:

1. 了解的发展历史、掌握Node环境搭建及npm使用。

2. 熟练掌握的基本数据类型和变量的概念。

3. 熟练掌握中的运算符使用。

4. 深入理解分之结构语句和循环语句。

5. 熟练使用数组来完成各种练习。

6.熟悉es6的语法、熟练掌握面向对象编程。

7.DOM和BOM实战练习和H5新特性和协议的学习。

知识点：

1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用的知识完成各种练习。

2、面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握面向对象的开发以及掌握es6中的重要内容。

3、BOM操作和DOM操作。熟练使用BOM的各种对象、熟练操作DOM的对象。

4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。

第三阶段：数据库和框架实战

阶段目标：

1. 综合运用Web前端技术进行页面布局与美化。

2. 综合运用Web前端开发框架进行Web系统开发。

3. 熟练掌握Mysql、Mongodb数据库的发开。

4. 熟练掌握vue.js、webpack、elementui等前端框技术。

5. 熟练运用Node.js开发后台应用程序。

6. 对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。

知识点：

1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Node.js后台开发打下坚实基础。

2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，，文件上传等。熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发。

3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。

4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。

第四阶段：移动端和微信实战

阶段目标：

1.熟练掌握React.js框架，熟练使用React.js完成开发。

2.掌握移动端开发原理，理解原生开发和混合开发。

3.熟练使用react-native和Flutter框架完成移动端开发。

4.掌握微信小程序以及了解支付宝小程序的开发。

5.完成大型电商项目开发。

知识点：

1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux基本概念。练使用react完成项目开发、掌握Redux中的异步解决方案Saga。

2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。

3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。

4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Three.js 、。

web前端学习路线思维导图

Web前端工程师初级阶段需要掌握的内容

今天小编给大家整理出来了Web前端工程师初级阶段需要掌握的内容，很全面，希望大家好好阅读，看看自己掌握的知识点和文章里面写的还相差多少。下面来和小编一起看一看吧！





一、什么是初级Web前端工程师?


按照我的想法，我把前端工程师分为了入门、初级、中级、高级这四个级别，


入门级别指的是了解什么是前端(前端到底是什么其实很多人还是不清楚的)，了解基本的html、css和语法(这些语方面的东西网上随便搜一下就有很多很多，基本的语法是整个技术体系最重要的东西了，领先的
Web技术教程)，可以根据设计师的设计图在不考虑兼容性的情况下把页面做出来，了解过一些框架的使用(例如烂大街但是依然牛逼的jQuery、zepto、
bootstrap等等)。


在经历过入门的阶段，已经了解了前端要做什么，并且把基本的语法学习过了可以独立做一些简单的页面了，那么就要继续学习达到初级前端工程师的水平，对于初级的前端工程师需要了解的就特别多了，需要对整个前端有一个清晰的认识，并且熟练使用各种技术，我感觉在校的学生达到初级水平就可以通过bat的校招笔试
面试了。


初级前端工程师：首先要知道的就是如何处理各种浏览器的兼容处理(比如说在IE浏览器中的有什么不同等等内容)，现在基本上每个公司在招聘的时候都会要求熟练html5,
css3,，这个熟练的意思就是信手拈来。


在下面会说初级前端工程师应该具体的学习哪些知识，然后就是要了解各种css的预处理器和后处理器，还有会使用常见前端的MV*框架(angularjs,
backbone，reactjs等等)并知道这些框架的原理，另外就是要熟练使用nodejs，要会使用基于node的各种前端构建工具
(grunt，gulp等等)，熟练使用github或gitlab，对模块化、组件化、工程化、语义化有一个比较深入的了解，*要知道如何开发移动端
的页面，如何去优化一个页面的性能。


二、初级Web前端工程师的技术体系


(一)HTML部分


首先是要掌握一些常用标签的使用和他们的各个属性，这些常用的标签我总结了一下有以下这些：


html：页面的根元素。head：页面的头部标签，是所有头部元素的容器。body：页面的主体标签，页面展现的内容就放置在这里面。title：页面的标题。meta：位于文档的头部，提供页面的元信息，包括关键字、描述等等。link：定义文档与外部资源的关系，最常用的用途就是引入样式表。script：脚本标签，可以把js脚本代码放置在这个标签内，也可以使用这个标签的src属性引入一个外部标签。style：样式标签，可以把css代码写在这个标签中。a：超链接，href属性代表要链接到的地方，target属性代表打开方式。img：图像标签，src属性表示图片的位置。form：表单元素，它内部的input、select、textarea等标签都是比较重要的。div：定义文档中的分区或节，可以使用div来进行页面的布局等操作。另外还有ul、li、p、button、iframe、p、table等标签也很常用，nav、section、article、header、aside、footer等语义化标签也需要了解一下。


除了要了解上面这一些标签之外，还需要对一些新的HTML5的API有一定的了解：


·audio、video标签。


·Canvas：定义图形，比如图表和其他图像。


·input标签的accept属性，email、phone、url等类型。


·根据class名来获取一个元素结点。


·多文件选择属性。


·html的import、template


·process标签，WebGL等内容。


还有一些要知道的知识点：


1.
doctype的作用。2.unicode、utf8等编码的原理和区别。3.如何进行页面性能优化。4.png、jpg、Webp、gif等图片格式的不同的优势。5.HTML行内元素与块级元素的区别。6.移动Web端开发常用head标签。7.Web语义化。8.浏览器中的缓存原理


(二)CSS部分


关于css这一块，我的看法就是网上下载一个chm格式的css的参考手册，然后根据手册里面写的一个个的都敲一下。


css大体分为下面这几块知识点：


①定位布局


1.position属性的7个值(static|relative|absolute|fixed|center|page|
sticky)分别有什么作用和不同?


2.实现品字形布局或者是三栏布局(左右宽度固定，中间适应屏幕)。


3.浮动与清除浮动的方法，flex布局，grid布局。


②盒子模型


1.margin、padding、border这三个属性。


2.伸缩盒相关内容。


3.Multi-多列布局模型。


③文本字体


1.强制换行与不换行，清除空白。


2.文本对齐、大小(如何设置chrome小于12px的字体)、缩进、转换。


3.单位(em、rem、px等)，颜色(rgb、rgba，hls)。


④变换、过渡和动画


1.transform的各种取值的作用与兼容性。


2.过渡的动画类型，贝塞尔曲线的原理。


3.animation动画的各种设置，@keyframes规则。


4.浏览器的重绘与重排。


⑤选择器


1.选择器的分类，权值和优先级。


2.有哪些属性可以被继承，哪些属性没法继承。


3.伪类和伪元素分别是什么，有什么作用。


上面这些都是基础的东西，除了这些基础的内容之外需要了解Less、Sass、stylus等css预处理器，这将会大幅度提升你的css开发效率，也需要了解一下、PostCSS等css后处理器。


(三)部分


在这里就不说js的基础知识了，我把js按照语法的层次和使用的层次分为了两大块。


按照语法的层次来说：


首先是的面向对象方面的内容：在中实现封装、继承和多态。


①封装：在js中可以通过闭包、作用域和作用域链来实现封装，ES6的const、let的作用。②
继承：基于原型链的继承、基于构造函数的继承、组合式继承、寄生式继承等，外加ES6的class关键字，prototype和__proto__。③
多态：在中多态是使用arguments来实现的，关于arguments会引申出来很多内容：1.arguments的caller、callee等方法的作用。2.方法的apply和call的作用和不同。3.使用Array.prototype.slice.call来把一个数组对象转化为数组。4.array的各种方法，如shift、splice、push、filter、map、reduce、forEach等等。


然后是Js的设计模式，比如说那三种工厂模式啊，建造者模式啊等等。


*是在不同情况下的this分别都代表什么。


按照使用的层次来说：


首先最主要的就是ajax，ajax的原理，ajax跨域的方法：jsonp、使用iframe的location.hash、、Websocket、服务器代理等等。


然后是tcp协议、udt协议以及http协议的协议头、状态码等内容。浏览器的缓存，客户端存储方面的内容：、、indexDB、cookie等等。


*是一些新的js的API，例如文件读取()、fetch、Promise、Web
Sockets等等内容，可以去caniuse上面看一下有哪些新的东西。


上面我所说的这些只是一些比较笼统的概念，把前端html、css和所需要掌握的部分内容列举了一下，在前端领域还有很多需要我们知道的知识，这需要大家在学习工作的过程中去自己总结。


以上就是小编今天为大家分享的关于Web前端工程师初级阶段需要掌握的内容的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助，想要了解更多Web前端相关知识记得关注北大青鸟Web培训官网。*祝愿小伙伴们工作顺利！

前端必看的书籍

了解更多的前段知识请看下面我精心为您整理的前端必看的书籍，希望您喜欢!

十本学习前端必看书籍

*本，入门

《Head first HTML&CSS》

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

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

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

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

第三本《精通CSS》

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

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

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

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

第五本《 DOM编程艺术》

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

第六本《高级程序设计》

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

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

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

第七本《语言精粹》

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

第八本《你不知道的》

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

第九本《设计模式》

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

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

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

*阶段：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禅意花园)。童鞋们自己去领略吧。

第二阶段——的学习

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

5、《编程艺术》

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

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

6、《权威指南》第6版

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

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

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

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

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

8、《高性能》

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

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

9、《王者归来》

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

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

10、《模式》

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

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

11、《设计模式》

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

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

第三阶段——jQUery的学习

12、《锋利的jQuery》第二版

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

第四阶段—学无止境!

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

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

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

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

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