javascript懒加载之可视区域加载
在制作js可视区域加载之前，我们首先必须了解各种高度，我之前的一篇文章，大家可以看一下，复习一下！
了解了各种高度之后，我们开始我们的js代码吧！
&!DOCTYPE html&
&html lang=&en&&
&meta charset=&UTF-8&&
&title&haorooms前端博客-可视区域加载之 javascript&/title&
img{width:100%;margin-bottom: 30 min-height: 400 background-color: #}
&img haoroomslazyload=&Chrysanthemum.jpg& src=&& &
&img haoroomslazyload=&Desert.jpg& src=&& &
&img haoroomslazyload=&Hydrangeas.jpg& src=&& &
&img haoroomslazyload=&Koala.jpg& src=&& &
&img haoroomslazyload=&Lighthouse.jpg& src=&& &
&img haoroomslazyload=&Penguins.jpg& src=&& &
&img haoroomslazyload=&Tulips.jpg& src=&& &
关于css和js压缩和合并的方法，记得我在题目中有写道。方法很多，今天主要介绍grunt方法。
grunt是基于node的，要在你电脑上使用grunt，电脑上必须已安装node环境。具体node环境的安装和搭建。，windows安装相对简单，下载安装包安装就可以了。关于mac的安装，后面有时间在详细介绍。
新建package.json
package.json放在根目录下，它包含了该项目的一些元信息，如项目名称、描述、版本号，插件等。
&name&: &&,
&version&: &v0.1.0&,
&devDependencies&: {
&grunt&: &~0.4.5&,
&grunt-contrib-jshint&: &~0.10.0&,
&grunt-contrib-nodeunit&: &~0.4.1&,
&grunt-contrib-uglify&: &~0.5.0&,
&grunt-contrib-concat&: &~0.5.1&,
&grunt-contrib-cssmin&: &~0.12.3&,
&grunt-htmlhint&: &~0.9.2&
今天在我的mac电脑上操作grunt，突然发现我用命令行进不了移动硬盘了，因为我的nodejs文件是放在移动硬盘里面，mac命令行如何进入移动硬盘？
怪自己是mac的菜鸟，网上查了查，才知道桌面上看到的硬盘都挂在 /Volumes 下
为了让我这个mac菜鸟在今后mac命令行操作的时候，更快地找到相应地命令，现在总结一下MAC电脑的一些常用命令。
mac电脑常用文件位置
移动硬盘的位置 :
cd /Volumes/硬盘名字
根目录位置是:
jquery其实真的没有什么，关键是应用的熟练程度，面试的时候有时候会问你jquery源码研究过没有。我前段时间看了一下，其实jquery的源码写的还是满通俗易懂的。
说到应用，我今天主要说下jquery中$.proxy及wrap()的使用，因为这两个我用的比较少，今天在项目中应用了，所以拿出来说一下！
jquery中$.proxy
我们先看个例子：
//正常的this使用
$('#Haorooms').click(function() {
// 这个this是我们所期望的，当前元素的this.
$(this).addClass('aNewClass');
做touchweb开发的时候，做头疼的是，电脑上面时候好的，有些手机上面也是好的，个别手机和浏览器出现问题，对于这些，只能慢慢调试，找问题。
今天说一下比较老的IOS的问题，那就是“iOS下的 Fixed + Input 调用键盘的时候fixed无效问题”。
&body class=&layout-fixed&&
&!-- fixed定位的头部 --&
&!-- 可以滚动的区域 --&
&!-- 内容在这里... --&
&!-- fixed定位的底部 --&
&input type=&text& placeholder=&Footer...&/&
&button class=&submit&&提交&/button&> 前端开发技术的变革与发展历程总结
前端开发技术的变革与发展历程总结
前端开发技术，从狭义的定义来看，是指围绕HTML、JavaScript、CSS这样一套体系的开发技术，它的运行宿主是浏览器。从广义的定义来看，包括了：
专门为手持终端设计的类似WML这样的类HTML语言，类似WMLScript这样的类JavaScript语言。
VML和SVG等基于XML的描述图形的语言。
从属于XML体系的XML，XPath，DTD等技术。
用于支撑后端的ASP，JSP，ASP.net，PHP，nodejs等语言或者技术。
被第三方程序打包的一种类似浏览器的宿主环境，比如Adobe AIR和使用HyBird方式的一些开发技术，如PhoneGap（它使用Android中的WebView等技术，让开发人员使用传统Web开发技术来开发本地应用）
Adobe Flash，Flex，Microsoft Silverlight，Java Applet，JavaFx等RIA开发技术。
本文从狭义的前端定义出发，探讨一下这方面开发技术的发展过程。
从前端开发技术的发展来看，大致可以分为以下几个阶段：
一. 刀耕火种
1. 静态页面
最早期的Web界面基本都是在互联网上使用，人们浏览某些内容，填写几个表单，并且提交。当时的界面以浏览为主，基本都是HTML代码，有时候穿插一些JavaScript，作为客户端校验这样的基础功能。代码的组织比较简单，而且CSS的运用也是比较少的。
最简单的是这样一个文件：
&title&测试一&/title&
&h1&主标题&/h1&
&p&段落内容&/p&
2. 带有简单逻辑的界面
这个界面带有一段JavaScript代码，用于拼接两个输入框中的字符串，并且弹出窗口显示。
&title&测试二&/title&
&input id=&firstNameInput& type=&text& /&
&input id=&lastNameInput& type=&text& /&
&input type=&button& onclick=&greet()& /&
&script language=&JavaScript&&
function greet() {
var firstName = document.getElementById(&firstNameInput&).
var lastName = document.getElementById(&lastNameInput&).
alert(&Hello, & + firstName + &.& + lastName);
3. 结合了服务端技术的混合编程
由于静态界面不能实现保存数据等功能，出现了很多服务端技术，早期的有CGI（Common Gateway Interface，多数用C语言或者Perl实现的），ASP（使用VBScript或者JScript），JSP（使用Java），PHP等等，Python和Ruby等语言也常被用于这类用途。
有了这类技术，在HTML中就可以使用表单的post功能提交数据了，比如：
&form method=&post& action=&username.asp&&
&p&First Name: &input type=&text& name=&firstName& /&&/p&
&p&Last Name: &input type=&text& name=&lastName& /&&/p&
&input type=&submit& value=&Submit& /&
在这个阶段，由于客户端和服务端的职责未作明确的划分，比如生成一个字符串，可以由前端的JavaScript做，也可以由服务端语言做，所以通常在一个界面里，会有两种语言混杂在一起，用&%和%&标记的部分会在服务端执行，输出结果，甚至经常有把数据库连接的代码跟页面代码混杂在一起的情况，给维护带来较大的不便。
&p&Hello world!&/p&
response.write(&Hello world from server!&)
4.组件化的萌芽
这个时代，也逐渐出现了组件化的萌芽。比较常见的有服务端的组件化，比如把某一类服务端功能单独做成片段，然后其他需要的地方来include进来，典型的有：ASP里面数据库连接的地方，把数据源连接的部分写成conn.asp，然后其他每个需要操作数据库的asp文件包含它。
上面所说的是在服务端做的，浏览器端通常有针对JavaScript的，把某一类的Javascript代码写到单独的js文件中，界面根据需要，引用不同的js文件。针对界面的组件方式，通常利用frameset和iframe这两个标签。某一大块有独立功能的界面写到一个html文件，然后在主界面里面把它当作一个frame来载入，一般的B/S系统集成菜单的方式都是这样的。
此外，还出现了一些基于特定浏览器的客户端组件技术，比如IE浏览器的HTC（HTML Component）。这种技术最初是为了对已有的常用元素附加行为的，后来有些场合也用它来实现控件。微软ASP.net的一些版本里，使用这种技术提供了树形列表，日历，选项卡等功能。HTC的优点是允许用户自行扩展HTML标签，可以在自己的命名空间里定义元素，然后，使用HTML，JavaScript和CSS来实现它的布局、行为和观感。这种技术因为是微软的私有技术，所以逐渐变得不那么流行。
Firefox浏览器里面推出过一种叫XUL的技术，也没有流行起来。
二. 铁器时代
这个时代的典型特征是Ajax的出现。
AJAX其实是一系列已有技术的组合，早在这个名词出现之前，这些技术的使用就已经比较广泛了，GMail因为恰当地应用了这些技术，获得了很好的用户体验。
由于Ajax的出现，规模更大，效果更好的Web程序逐渐出现，在这些程序中，JavaScript代码的数量迅速增加。出于代码组织的需要，&JavaScript框架&这个概念逐步形成，当时的主流是prototype和mootools，这两者各有千秋，提供了各自方式的面向对象组织思路。
2. JavaScript基础库
Prototype框架主要是为JavaScript代码提供了一种组织方式，对一些原生的JavaScript类型提供了一些扩展，比如数组、字符串，又额外提供了一些实用的数据结构，如：枚举，Hash等，除此之外，还对dom操作，事件，表单和Ajax做了一些封装。
Mootools框架的思路跟Prototype很接近，它对JavaScript类型扩展的方式别具一格，所以在这类框架中，经常被称作&最优雅的&对象扩展体系。
从这两个框架的所提供的功能来看，它们的定位是核心库，在使用的时候一般需要配合一些外围的库来完成。
与这两者有所不同，它着眼于简化DOM相关的代码。 例如：
jQuery提供了一系列选择器用于选取界面元素，在其他一些框架中也有类似功能，但是一般没有它的简洁、强大。
//选取所有元素
$(&#lastname&)
//选取id为lastname的元素
$(&.intro&)
//选取所有class=&intro&的元素
//选取所有&p&元素
$(&.intro.demo&)
//选取所有 class=&intro&且class=&demo&的元素
链式表达式：
在jQuery中，可以使用链式表达式来连续操作dom，比如下面这个例子：
如果不使用链式表达式，可能我们需要这么写：
var neat = $(&p.neat&);
neat.addClass(&ohmy&);
neat.show(&slow&);
但是有了链式表达式，我们只需要这么一行代码就可以完成这些：
$(&p.neat&).addClass(&ohmy&).show(&slow&);
除此之外，jQuery还提供了一些动画方面的特效代码，也有大量的外围库，比如jQuery UI这样的控件库，jQuery mobile这样的移动开发库等等。
3. 模块代码加载方式
以上这些框架提供了代码的组织能力，但是未能提供代码的动态加载能力。动态加载JavaScript为什么重要呢？因为随着Ajax的普及，jQuery等辅助库的出现，Web上可以做很复杂的功能，因此，单页面应用程序（SPA，Single Page Application）也逐渐多了起来。
单个的界面想要做很多功能，需要写的代码是会比较多的，但是，并非所有的功能都需要在界面加载的时候就全部引入，如果能够在需要的时候才加载那些代码，就把加载的压力分担了，在这个背景下，出现了一些用于动态加载JavaScript的框架，也出现了一些定义这类可被动态加载代码的规范。
在这些框架里，知名度比较高的是RequireJS，它遵循一种称为AMD（Asynchronous Module Definition）的规范。
比如下面这段，定义了一个动态的匿名模块，它依赖math模块
define([&math&], function(math) {
addTen : function(x) {
return math.add(x, 10);
假设上面的代码存放于adder.js中，当需要使用这个模块的时候，通过如下代码来引入adder：
&script src=&require.js&&&/script&
require([&adder&], function(adder) {
//使用这个adder
RequireJS除了提供异步加载方式，也可以使用同步方式加载模块代码。AMD规范除了使用在前端浏览器环境中，也可以运行于nodejs等服务端环境，nodejs的模块就是基于这套规范定义的。（修订，这里弄错了，nodejs是基于类似的CMD规范的）有哪些关于前端开发技术（HTML、CSS 和 JavaScript 等）的值得推荐的书籍？
按投票排序
以我的经验，大部分技术，熟读下列四类书籍即可。
入门，用浅显的语言和方式讲述正确的道理和方法，如head first系列全面，巨细无遗地探讨每个细节，遇到疑难问题时往往可以在这里得到理论解答，如Definitive Guide/Programming xx系列
实践，结合实际中经常遇到的情景环境，来描述如何设计和解决问题，如cookbook系列
深入，讲解一些文化，思路，甚至于哲学上的东西，真正做到深入一种语言去编程，如unix编程艺术，程序员修炼之道等等 那么，目前为止我认为最好的书是：
入门： Head First HTML and CSS, XHTML
这本2005年底的书依然是最易懂，清晰和正确的入门读物，去看看amazon排名就知道了全面： CSS, The Definitive Guide (3th Edition)
Meyer可能是css领域最权威和知名的作者，他在这本书里讲解了每个细节的实现和原理，更详细的东西恐怕只能从w3c那几乎不可读的文档中去寻找了实践：CSS Mastery (2th Edition)
Andy budd恐怕是英国最出色的css作者，这本书用简单直接的方式论述了很多实践中组件的正确实现以及可替代方法，包括css3深入：很遗憾，css在这方面还没有一本必读著作，也可能并不需要，因为到了这个程度，多是用户体验和视觉设计了，目前最接近的是 Transcending CSS, 但不断的技术进化使得书中某些部分感觉有些落伍。 关于css3, 她是一个模块化的渐进式增强，且以2.1为基础，因此，请学好css2再学习css3，这方面我认为只需要一本实践书即可，告诉你css3能做到什么，毕竟，原理是共通的。
The Book of CSS3
推荐这本，一个技术人员写的组织清晰的css3模块描述和实践指南，还包括浏览器的实现情况，2011年5月出版，是目前为止最好的。
javascript:
入门：Eloquent Javascript
一位hacker写的编程入门，书中向hacker，open source, free software的欣赏和痴迷比比皆是， 比如官网下边那个向emacs致敬的console。作者很聪明，这本书的目标读者，beginners, 是不会因为这些小细节而向他叫好的。他想要的，只是把在其中浸淫多年的，真正意义上的编程精神，传达给初学者们而已。
少见地打败了对应的HeadFirst系列（Headfirst Javascript)全面：Javascript, The Definitive Guide(6th edition)
伴随我们web开发者成长的一本javascript圣经，一直以来都是无可争议的最好与最全面的js书籍，2011年出版了最新版。实践：在目前的web开发环境中，我们都是在使用各种js框架，很少自己写框架来开发，因此这本书的位置，应该留给你所使用的框架。如果是jquery，我推荐 Jquery: Novice to Ninja 这本，框架方面的书，经常一本入门的就够了，因为更新实在太快，之后的研究学习只能全靠网络了。深入：与css不同，js是一种真正的编程语言，所以对他的深入研究是一个长期的过程，css的深入更偏向技艺/工匠，而js更偏向设计/架构/艺术，我推荐以下几本从不同方面深入js的书，他们都是业界最顶级的js开发团队（yahoo）的成员和同事，因此思路是很统一的，著名的高性能网站建设指南1和2都出自这个团队。Javascipt, The Good Parts
由JSON的发明者撰写Javascript Patterns
YSlow的合作开发者撰写High Performance Javascript
最好的zakas的书，虽然我不太喜欢他
附上一些即将出版，我非常想看的书，有先睹为快的朋友可以分享一下心得:
Secrets of Javascript Ninja
Jquery作者John Resig最新著作Node: Up and Running
认识一下流行的no-block js serverJavascript Web Applications
这本号称是对当下js landscape的总结
以上，如果以后有空，会再补充一下 Linux,
Ruby/Rails方面我读过的经典书籍：）
第一本，入门《Head first HTML&CSS》最好的入门书。看两遍就对HTML & CSS 有个大概印象了此时把w3cschool作为备查手册收藏起来第二本《CSS权威指南（第三版）》最权威的CSS书籍，除了阅读W3C的文档外的不二选择。有时间（无论是现在还是将来）可以反复看，并当做字典随时查。第三本《精通CSS》广受前辈推荐的一本书。上一本书是字典的话，这本书相当于《中学生作文大全》，汇集了一些CSS的最佳实践。第四本《图解CSS3：核心技术与案例实践》这本书比较新，讲解的是最新的CSS3（前三本书停留在CSS2.1时代），CSS3也是必学的，不是什么可学可不学的最新技术。HTML CSS值得看的书就这些，剩下的就是自己写还有看技术博客了。接下来是JavaScript，HTML和CSS都是没有逻辑的标记型语言，JS才是真正的编程语言，评价前端工程师的水平就看这个了。第五本《JavaScript DOM编程艺术》最好的JS入门书籍，一目了然地告诉你JS到底在Web上做些什么，还灌输了最符合标准的编程理念。第六本《JavaScript高级程序设计》每个前端必看的书，此书是前端工程师科技树的关键一环。看完此书后各种层次的JS书籍都可以看了。俗称红宝书，也算入门书籍，虽然是大部头（七百多页），但至少读3～5遍。全部掌握了，你可以在网络社区里谈笑风生了，经过实践的锻炼后，面试个前端工程师的岗位应该都没问题了。第七本《JavaScript语言精粹》也是前端必看。薄薄一百来页，对JS的去粗取精。第八本《Head First Ajax》Ajax也是基本技术，在第六本书里也有介绍，但我自己是不太理解，所以特地又看了这本。第九本《JavaScript设计模式》“设计模式”是软件工程的重要课题，相当于高考时候的答题套路。前人总结出来的应对各种问题的模板。也算是必看书籍。第十本《高性能网站建设指南》（及其续篇《高性能网站进阶》）告诉你真正的商业公司的前端是怎么优化一个网站的。看
完以上十本算是前端入门了。到现在为止，配合搜索引擎，已经可以无障碍地做出静态网页、各种特效、用AJAX配合后台构建Web应用了。然后是各种框架、
库、预处理语言的学习，而且现在JavaScript也可以用来写服务器了（Node.js），这样一来JS通吃前后端，前端工程师都欢欣鼓舞，这也是个
学习热点。下面是一些补充书籍，可以穿插着看。（至少看了两遍《JavaScript高级程序设计》再看下面的书）《锋利的jQuery》讲JS最著名的库——jQuery的，快速入门的书。光会原生JS不够，还要会用库。《数据结构和算法的JavaScript描述》作为程序员如果连基本的数据结构和排序、查找算法都不会实在丢脸。《JavaScript编程精解》巩固对JS的理解，很薄《JavaScript启示录》同上，也很薄。《Sass与Compass实战》CSS的高效新写法，对提升效率很有帮助。《JavaScript权威指南》号称“圣经”，最权威的JS书本，买来当作字典备查吧，没事也可以翻翻。然后就是向高级前端工程师发展了，由于我是个菜鸟，也没办法做什么推荐。这时候全靠上社区、看博客来开阔眼界追赶潮流了。
推荐阮一峰老师的
冰山一角冰山一角更新一个地址：大部分前端常见的书里面都有，自己下吧~
html5书籍推荐：《HTML5高级程序设计》
《大巧不工》
=========================================
css书籍推荐：
初级：《CSS网站布局实录》（侧重技术方法）
初级：《网站重构-应用web标准进行设计》（侧重编程思想）
中级：《精通CSS：高级web标准解决方案》
高级：《CSS禅意花园》（侧重web UI的css创意化实现）
高级：《超越css-web设计艺术精髓》
=========================================
javascript书籍推荐（O'reilly官网）：初级：
Learning JavaScript, Second Edition （《JavaScript学习指南（第二版）》）
Professional JavaScript for Web Developers, Second Edition （《JavaScript高级程序设计（第二版）》）
……中级：
JavaScript: The Definitive Guide, Sixth Edition （《JavaScript权威指南 (第6版)》）
High Performance JavaScript （《高性能JavaScript》）
JavaScript: The Good Parts
（《JavaScript语言精粹》）……高级：
JavaScript Web Applications
（《基于MVC的JavaScript Web富应用开发》）Programming HTML5 Applications ……javascript书籍推荐：初级读物：《JavaScript高级程序设计》：一本非常完整的经典入门书籍，被誉为JavaScript圣经之一，详解的非常详细，最新版第三版已经发布了，建议购买。《JavaScript王者归来》百度的一个Web开发项目经理写的，作为初学者准备的入门级教程也不错。中级读物：《JavaScript权威指南》：另外一本JavaScript圣经，讲解的也非常详细，属于中级读物，建议购买。《JavaScript.The.Good.Parts》：Yahoo大牛，JavaScript精神领袖Douglas Crockford的大作，虽然才100多页，但是字字珠玑啊！强烈建议阅读。《高性能JavaScript》：《JavaScript高级程序设计》作者Nicholas C. Zakas的又一大作。《Eloquent JavaScript》：这本书才200多页，非常短小，通过几个非常经典的例子（艾米丽姨妈的猫、悲惨的隐士、模拟生态圈、推箱子游戏等等）来介绍JavaScript方方面面的知识和应用方法。高级读物：《JavaScript Patterns 》：书中介绍到了各种经典的模式，如构造函数、单例、工厂等等，值得学习。《Pro.JavaScript.Design.Patterns》：Apress出版社讲解JavaScript设计模式的书，非常不错。《Developing JavaScript Web Applications》：构建富应用的好书，针对MVC模式有较为深入的讲解，同时也对一些流程的库进行了讲解。《Developing Large Web Applications》：不仅有JavaScript方面的介绍，还有CSS、HTML方面的介绍，但是介绍的内容却都非常不错，真正考虑到了一个大型的Web程序下，如何进行JavaScript架构设计，值得一读。要做优秀的前端工程师，还需要继续努力：《高性能网站建设指南》、《Yahoo工程师的网站性能优化的建议》、“YSLOW”性能优化建议、《网站重构》、《Web开发敏捷之道》、“ jQuery 库”、“前端框架”、“HTML5”、“CSS3”。。。 这些都要深入研究！掌握一门互联网技术，是需要天天学习的，所以除了书，追随一位男神，是必须的：==========================================
编程相关：《重构：改善即有代码的设计》web前端技能汇总：
《javascript dom 编程艺术》我觉得作为入门非常好，甚至是没有任何编程基础的人。
JavaScript 高级程序设计 第二版精通 CSS 高级Web标准解决方案精通 Javascript (John Resig)高性能 JavascriptPPK谈Javascript (实例有点老,有点散)
html：直接w3cschool啦~、《html5程序设计》css：《css权威指南》、《css+div网页样式与布局 从入门到精通》、《编写高质量代码：Web前端开发修炼之道》、找一些关于css3的文章看看Javascript：《Javascript权威指南 第六版》、《Javascript高级程序设计 第三版》、《编写高质量代码：改善Javascript程序的188个建议》、《锋利的Jquery》、《Javascript DOM编程艺术》、《JQuery技术内幕》、《深入浅出NodeJs》以上这些书都看完了，平时再多动手打代码，一年后，虽然不能说变成大神，但是你的前端开发水平可以达到BAT要求的水平了~
以前学习过一段时间的web前端开发，整理了一些我看过的/我认为比较好的学习资料（网站、书籍）。不要问我为啥没有进阶版，我只是一条产品汪而已，求轻喷。＝＝以下引用知乎 @李路 的话。以我的经验，大部分技术，熟读下列四类书籍即可。入门，用浅显的语言和方式讲述正确的道理和方法，如head first系列全面，巨细无遗地探讨每个细节，遇到疑难问题时往往可以在这里得到理论解答，如Definitive Guide/Programming xx系列实践，结合实际中经常遇到的情景环境，来描述如何设计和解决问题，如cookbook系列深入，讲解一些文化，思路，甚至于哲学上的东西，真正做到深入一种语言去编程，如unix编程艺术，程序员修炼之道等等受李路老师的启发，我结合了自己在学习前端过程中用到的资料如下：一、 语言基础（以书和网站为主）1.HTML&CSS：（1）入门：Codeademy上的——在线交互式编程平台，弄清楚基本概念和基本语法w3school上的HTML/CSS教程——技术手册式的教程，比较全面，照着实例敲一遍（2）进阶：——对CSS有一个比较深入的学习，对核心技术了解——非常全面的书，内容也很新，包含了HTML5+CSS3+JS DOM（3）实战：bootstrap框架: /《》——流行的前端框架，注重实用即可Codeademy上的Web Developer Skills+Projects——通过自己做小页面/小网站来运用所学（4）提高：——提高自己的艺术设计能力，通过实例来学习如何用CSS设计出漂亮的页面2.Javascript：（1）入门：Codeademy上的——实例比较多，比较浅，算是基本了解JSw3school上的JS教程——比较详细的了解下JS的特性——讲js和DOM的基本知识和运用，了解JS和DOM可以做什么（2）进阶：——JS圣经，比较全面，非常好的一本书，比犀牛书可阅读性强——传说中的犀牛书，好厚好厚的一本书，不适合入门，适合当工具书看——很薄的一本书，但是可以帮助你快速了解JS的精华部分（3）实战：jQuery框架: w3school上的jQuery教程/Codeademy上的jQuery教程——了解Jquery——流行的前端框架，注重实用（4）提高：——讲如何提高js性能，以及构建和部署文件到生产环境的最佳实践——jQuery作者写的书，如果你觉得精通JS了再看这本书附录：前端网站大汇总1、前端知识体系：前端知识体系及修炼攻略：——对前端知识体系剖析的非常好，尤其是最后对前端的阶段性划分，对前端学习很有指导意义，推荐！前端开发知识结构：——有个前端知识框架的思维导图，给了很多链接和好书，推荐！2、技术资讯类W3Cfuns : ——国内最大的前端站，比较全大前端：——没有W3Cfuns那么杂，有些wodpress的主题，“前端导航”也比较好用W3Cplus:——也是比较全，有个“国外优秀译文”，非常喜欢前端观察 ：——专注于前端设计与开发的博客，比较有深度，排版干净，推荐！**前端乱炖 ：——有点像前端的知乎，有问答平台和专栏啥的3、技术教程、文档类慕课网：——超级实用的视频教程类网站，各种小实例，非常适合照着“前端学习计划”计划学习codeademy :——英文，简单有趣的互动编程学习网站，非常适合入门，中文版是W3schoo在线教程l: ——中文，适合入门，教程相当全，在线实例可以敲，可惜较浅，有些地方不太准确和深入火狐开发者网络MDN：——中文，不仅有技术文档，而且有相当多的参考资料和资源、工具，推荐！W3C标准：——英文，不解释，官方文档，真前端和伪前端就在于此。可惜英文的，而且可读性差。极不适合入门，适合提高。Web平台文档：——英文，权威性仅次于W3C标准，可读性高于W3C标准，W3C官方认可，高质量。
入门 《javascript dom 编程艺术》 然后 JavaScript高级程序设计 或者犀牛书
再然后 JavaScript设计模式 高性能JavaScript 。。。 这个时候你就应该自己会选书了。
《JavaScript高级程序设计》必看，正版的电子版和纸书都有买，看懂了、悟透了，写js杠杠的！！
effective javascript 这个居然没人提？我唯一amazon上买的一本书。可以帮助深度了解javascript。
先占个坑，到我看完JavaScript高级程序设计再来吹牛逼
大家推荐的都是理论性很强的书，我推荐几本实战性很强的书，都是练手，我觉得编程也是不断的练手，再练手。1、《 》
这是一本站在CSS前沿为读者答疑解惑的实战书，作者严格恪守知识来源于实践这一原则，对每个CSS特性都进行了示例演示。2、《 》这是一个系列，有js代码段，css代码段，jquery代码段。1000段代码纯粹是帮大学生练手用的。如果木有基础，建议就不要直接看这类书了。
几本关于 JavaScript 的：
Eloquent JavaScript
JavaScript : The Good Parts（JavaScript 语言精粹）
还有 jQuery 作者 John Resig 的 Secrets of the JavaScript Ninja，虽未读过，但应该值得一读
初级：JavaScript dom 编程艺术中级：JavaScript高级程序设计 JavaScript权威指南（第6版）高性能JavaScript JavaScript语言精粹高级：基于MVC的JavaScript Web富应用开发 JavaScript设计模式
所有这些互联网的技术，入门时候可以读书，要想提高，只有在互联网上看、研、学。技术印刷到纸上的时候，已经过时了。
这本绝对适合，我刚学Web开发就用他，入门HTML+CSS绝对行， 可惜JS的入门讲解讲的太少也不详细，所以你看封面的JavaScript字体缩小了。不过如果你要学JavaScript就去买本JavaScript权威指南，听说是学JavaScript的不二选择！祝你好运，楼主！