摘要：
在官方网站中，是这样介绍的，这是一个用来处理异步js的工具包。它提供了一些直观的，功能强大的函数。尽管它最初是为node.js来设计的，它也可以直接用在browser中。先来看一段代码（需要在nodejs中运行）：View Code var fs = require('fs');var async = require('async');process.chdir('testAsync');var concatenation = '';var dirContents = fs.readdirSync('.');asy 阅读全文
摘要：
jQuery从1.5开始引入了一个新的对象，Deferred(), 在官方的说明文档中是这样介绍它的，它是一个可链式操作的工具对象，我们可以用它来注册多个回调函数到一个回调函数队列中，我们可以同步也可以异步的依据它的success或者failure状态来调用这个队列。jQuery Deferred对象有很多方法，我们一般常用的仅仅是then(), done(), fail(),那让我们来看一下如何用:1.一个非常简单的同步执行的例子View Code 1 (function($){ 2 var defer = jQuery.Deferred();//Declaire one deferr... 阅读全文
摘要：
jQuery Data,我们可以给一个html element, 或者是一个js object,来增加一个data 属性，我们可以像其他属性那样来读取，修改.而隐藏在其后面的是jQuery._data() 在起作用。实现步骤：首先确定那些html object不能实现data,如果我们来给它们添加属性会引起错误，noData: { "embed": true, // Ban all objects except for Flash (which handle expandos) "object": "clsid:D27CDB6E-AE6D-11 阅读全文
摘要：
Backbone.js是一个用JS写的MVC库,它非常小(压缩过的源码只有5KB),它可以用来构建单页的web application.不像其他的相类似的库，它的使用是非常灵活的，除了一些基本的内容，其他的设计完全依赖于你自己的设计。下面将会用Backboe Boilerplate来构建一个简单的图书馆应用程序，它非常简单，不过，你可以用它来扩充成更健壮的其他应用程序。Backbone是什么？Backbone.js是一个js为，用它可以轻松的来构建page web application.它非常的灵活，并且非常的轻量级，当然它的文档，社区也是比较成熟的，这就是为什么它这么火的原因。Requir 阅读全文
摘要：
谁来支持它?4.04.05.010.012.0Hello World!Hello World!把鼠标移到Hello World上上例中的关键代码：View Code @-webkit-keyframes resize { 0% { padding: 0; } 50% { padding: 0 20px; background-color:rgba(255,0,0,0.2); } 100% { padding: 0 100px; background-color:rgba(255,0,0,0.9); }}@-moz-keyframes resize { ... 阅读全文
摘要：
CSS3 Transforms:是一个用来进行形状变化的属性，主要包括2D和3D变换，先让我们来看一下对browser的支持程度。对CSS 2D Transform支持的browser:2D Transform例子：看一个倾斜的例子(skew),文字是可以选择的这个是一个缩放的例子这是一个旋转的例子这是一个移动的例子这是一个综合了上面4个例子的例子让我们来看一下上面的代码：View Code #trans2D #skew { -web-transform: skew(45deg); -o-transform: skew(45deg); -moz-transform: skew(45deg... 阅读全文
摘要：
问题描述：在下面的图中，我想把这个"立即购买“是用”a"标签block后，加上absolut，在现代浏览器下没有问题，在IE6,7下问题来了，不能点击。尝试：1. 加上z-index,把它设置的很高（无用）。2. 把a标签内加入内容（无用）解决方案：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta h 阅读全文
摘要：
它可以用来做什么？CSS transitions可以让一个css属性值在一个给定的时间内平滑的改变，而不再是和以前一样，当我们设置一个css属性值时，它会立即表现出来结果，如color: red, 当我们设置完这个属性，如果是应用在span上，那么span内的文字立即会变成红色。而我们如果用到transition,那么这个值就会在一定时间内，假设以前是黑色，就会由黑色逐渐变成红色，而不再是立即变成红色。谁支持它？如何用它？transition: <property><duration><animation type><delay>webkit:- 阅读全文
摘要：
Strategy模式允许你在运行的时候可以选择不同的算法。你的代码可以提供一个统一的接口，但是指定的任务可以根据不同的上下文来选择不同的算不了法。来看一个用strategy模式来解决问题的例子：表单检查。你可以创建一个validate()方法。我们用这个方法来检验表单，而不管这个表单是什么类型的表单，我们所要得到的是一个正确的数据。而真正我们需要实现的是，根据具体的form类型，可以选择不同的类型检查器来检查。你的validator将会选取最好的策略来处理这个task,然后用最合适的算法来检查。Data Validation Example下面的数据，来自一个页面，我们来检查一下它们的有效性： 阅读全文
摘要：
Decorator模式是指可以在运行的时候让一些功能附加到对象上，当在静态类语言中实现的时候，也许不那么容易，但是在JS中，我们借助于它自己的语言特性，可以很容易的让其实现这种模式应用场景让我们来看一个这个模式应用的例子，假若你现在正在做一个卖东西的web应用。假设每一件新的商品，我们都抽像为一sale object,我们可以通过sale.getPrice()来得到商品的价格。假定这样一个场景，一个顾客在加拿大的Qubec省买了这样一件产品，那么他需要交纳联邦政府的税，还需要交纳Qubec省的税。我们可以这样来应用decorate模式，用联邦政府税decorator和Qubec省税deocra 阅读全文