Tag: javascript

jquery的promise模式

Promise

典型的ajax调用：

1
2
3
4
5
$.ajax({
    url:     '/url',
    success: successFunction,
    error:   errorFunction
});

这个实现没有问题，但是耦合性比较高，不够优美，用promise实现如下：

1
2
3
4
5
6
7
8
9
10
$.ajax({url: '/url'})
.done(successFunction)
.done(successFunction2)
.fail(errorFunction);
// 更通用的方式
$.when(ajax({url: '/url'}))     // $.when(promise)
.done(successFunction)
.fail(errorFunction);

好处如下：

  • 你可以多次调用done()和fail()函数，并使用不同的回调函数。或许你的一个回调函数用来停止动画，一个用来发起一个新的AJAX请求，一个用来将接受到的数据展示给用户。
  • 即使在AJAX调用完成之后，你依然可以调用done()和fail()函数，并且回调函数可以立即执行。不同的状态之间并不会发生变量混乱。当一个AJAX调用结束时，它保持了一个成功状态或者失败状态，这个状态不会发生改变。

Deferred

那么Deferred和Promise之间有什么区别呢？正如你在前面看到的，一个promise就是一个由异步函数返回的对象。当你想要自己编写一个这样的函数时你需要使用一个deferred。

一个promise对象有done和fail两个函数，Deferred有两个与之对应的函数：resolve和reject。使用Deferred对象可以构造异步模型。如：

1
2
3
4
5
6
7
8
9
10
function wait() {
    var deferred = $.Deferred();
    // 异步任务（例如异步请求数据）
    setTimeout(function(){
        deferred.resolve();
    }, 2000);
    return deferred.promise();
}

see: http://www.html-js.com/article/Study-JavaScript-jQuery-Deferred-and-promise-every-day

Greasemonkey脚本开发

简介

Greasemonkey，简称GM，中文俗称为“油猴子”，是Mozilla Firefox的一个附加组件。它让用户安装一些脚本使大部分HTML为主的网页于用户端直接改变得更方便易用。随着Greasemonkey脚本常驻于浏览器，每次随着目的网页打开而自动做修改，使得运行脚本的用户印象深刻地享受其固定便利性。
Greasemonkey可替网页加入些新功能、修正网页错误、组合来自不同网页的数据、或者数繁不及备载的其他功能。写的好的Greasemonkey脚本甚至可让其输出与被修改的页面集成得天衣无缝，像是原本网页里的一部分。

READ MORE