玩呗能虚拟定位吗

译者注：
1. Deferred是jQuery1.5新增的一个特性，很多人把它翻译成 “异步队列”，我觉得比较靠谱，毕竟和“延迟”没啥关系，不过这篇文章中我还采用deferred这个单词。

2. 这篇文章在jQuery1.5发布博客中提到，也是目前介绍deferred比较经典和深入的文章。鉴于目前中文资料比较少，特别翻译出来供大家学习参考。

3. 通篇采用意译的方式，如有不当还请大家提出。

jQuery1.5中新增的Deferreds对象，可以将任务完成的处理方式与任务本身解耦合。这在JavaScript社区没什么新意，因为Mochikit和Dojo两个JS框架已经实现了这个特性很长一段时间了。但是随着Julian Aubourg对jQuery1.5中AJAX模块的重写，deferreds理所当然成为了内部的实现逻辑。使用deferreds对象，多个回调函数可以被绑定在任务完成时执行，甚至可以在任务完成后绑定这些回调函数。这些任务可以是异步的，也可以是同步的。

更重要的是，deferreds已经作为$.ajax()的内部实现，所以你可以在调用AJAX时自动获取deferreds带来的遍历。比如我们可以这样绑定回调函数：

复制代码代码如下:

 
// $.get, 异步的AJAX请求 
var req = $.get('foo.htm').success(function (response) { 
// AJAX成功后的处理函数 
}).error(function () { 
// AJAX失败后处理函数 
}); 
// 这个函数有可能在AJAX结束前调用 
doSomethingAwesome(); 
// 添加另外一个AJAX回调函数，此时AJAX或许已经结束，或许还没有结束 
// 由于$.ajax内置了deferred的支持，所以我们可以这样写 
req.success(function (response) { 
// 这个函数会在AJAX结束后被调用，或者立即被调用如果AJAX已经结束 
}); 

我们不再被限制到只有一个成功，失败或者完成的回调函数了。相反这些随时被添加的回调函数被放置在一个先进先出的队列中。
从上面例子看出，回调函数可以被附加到AJAX请求中（任何可观察的任务observable task），甚至在AJAX请求已经结束。对于代码的组织是很好的，我们再也不用写很长的回调函数了。这就像$.queue()遇到了pub/sub（发布订阅机制，一般用在基于事件处理的模型中）.
更深入一些，想象这样一个场景，在一些并发的AJAX请求全部结束之后执行一个回调函数。我可以方便的通过jQuery的函数$.when()来完成：

复制代码代码如下:

 
function doAjax() { 
return $.get('foo.htm'); 
} 

function doMoreAjax() { 
return $.get('bar.htm'); 
} 

$.when(doAjax(), doMoreAjax()).then(function () { 
console.log('I fire once BOTH ajax requests have completed!'); 
}).fail(function () { 
console.log('I fire if one or more requests failed.'); 
}); 

在jsFiddle中打开示例

上面的示例能够正常运行，这要归功于每个jQuery的AJAX方法返回值都包含一个promise函数，用来跟踪异步请求。Promise函数的返回值是deferred对象的一个只读视图。（The promise is a read-only view into the result of the task.）Deferreds通过检测对象中是否存在promise()函数来判断当前对象是否可观察。$.when()会等待所有的AJAX请求结束，然后调用通过 .then(), .fail()注册的回调函数（具体调用哪些回调函数取决于任务的结束状态）。这些回调函数会按照他们的注册顺序执行。

更好的是，$.when()接受函数或者函数的数组为参数（译者注：这点不大对，$.when接受一个或多个deferred对象，或者原生的JS对象。注意不能以函数数组为参数），这样你就可以随意组合这些异步任务。

$.ajax()返回一个对象，这个对象关联一些deferred函数，比如promise(), then(), success(), error()。然而你不能操作原始的deferred对象，只有promise()函数（译者注：还记得刚才提到的promise是只读视图），以及可以检测deferred状态的isRejected() 以及isResolved()函数。

但是为什么不返回deferred对象呢？如果返回了完整的deferred对象，那么我们就拥有更多的控制，或许可以随意的触发（译者注：我把resolve翻译成触发，就是触发所有注册到deferred对象上的回调函数）deferred对象，从而导致所有回调函数在AJAX请求结束之前执行。因此，为了避免不期望的触发deferred的风险，我们应该只返回dfd.promise().（Therefore, to avoid potentially breaking the whole paradigm, only return the dfd.promise().）（译者注：如果你很迷惑上面几段话的确切意思，没关系，我随后会写一篇文章深层次分析其中原因
注册回调函数（Registering Callbacks）
上面的例子中，我们使用then(), success(), fail()方法来注册回调函数，其实还有更多的方法可以使用，特别在处理AJAX请求时。具体使用哪种方式取决于你对结果状态的关注。
所有deferred对象都有的函数 (AJAX, $.when 或者手工创建的deferred对象):

复制代码代码如下:

 
.then( doneCallbacks, failedCallbacks ) 
.done( doneCallbacks ) 
.fail( failCallbacks ) 

AJAX对象包含3个额外的方法，其中两个会映射到上面提到的方法。这些方法主要是为了兼容以前的代码：

复制代码代码如下:

 
// "success" 和 "error" 会分别映射到 "done" and "fail" 两个方法 
.success( doneCallbacks ) 
.error( failCallbacks ) 

你也可以注册一个complete的回调函数，它会在请求结束后调用，而不管这个请求是成功或者失败。不像success或者error函数，complete函数其实是一个单独的deferred对象的done函数别名。这个在$.ajax()内部创建的deferred对象，会在AJAX结束后触发回调函数（resolve）。

复制代码代码如下:

.complete( completeCallbacks )

因此，下面的3个例子是等价的（在AJAX的上下文中，success看起来比done函数会舒服点，对么？）（译者注：其实是因为我们熟悉以前的AJAX调用方式，先入为主罢了，或者叫思维定势）：

复制代码代码如下:

 
$.get("/foo/").done( fn ); 
// 等价于： 
$.get("/foo/").success( fn ); 
// 等价于： 
$.get("/foo/", fn ); 

创建自己的deferred对象（Creating your own Deferred）
我们知道$.ajax和$.when在内部实现了deferred接口，不过我们也可以手工创建deferred对象：

复制代码代码如下:

 
function getData() { 
return $.get('/foo/'); 
} 
function showDiv() { 
var dfd = $.Deferred(); 
$('#foo').fadeIn(1000, dfd.resolve); 
return dfd.promise(); 
} 
$.when(getData(), showDiv()).then(function (ajaxResult) { 
console.log('The animation AND the AJAX request are both done!'); 
// 'ajaxResult'是服务器端返回（译者注：也就是getData中AJAX的结果） 
}); 

在jsFiddle中打开示例
在showDiv()中，我们创建了一个deferred对象，执行了一段动画，然后返回promise。这个deferred对象会在fadeIn()结束后被触发（resolved）。在这个promise返回和deferred对象（注意：这里的deferred指的是$.when创建的对象，而非showDiv()返回的对象）触发的中间，一个then()回调函数会被注册。这个回调函数会在两个异步的任务全部结束后执行。
getData()返回一个对象（译者注：其实是jQuery封装的XMLHttpRequest对象）拥有promise方法，这就允许$.when()监视本次AJAX请求的结束。The manually steps we took to return a promise in showDiv() is handled for us internally by $.ajax() and $.when().
1/15/2011: Julian在评论中指出，上面的语法可以被简化为$.Deferred(fn).promise()。因此下面的两端代码是等价的：

复制代码代码如下:

 
function showDiv() { 
var dfd = $.Deferred(); 
$('#foo').fadeIn(1000, dfd.resolve); 
return dfd.promise(); 
} 
// 等价于： 
function showDiv() { 
return $.Deferred(function (dfd) { 
$('#foo').fadeIn(1000, dfd.resolve); 
}).promise(); 
} 

为自定义的deferred对象添加回调函数（Defer your Deferreds）
我们可以更进一步，为getData()和showDiv()分别注册回调函数，如同我们在$.then()中注册回调函数一样。（译者注：下面的段落内容重复，说的都是一个意思，就不翻译了，看代码吧）

复制代码代码如下:

 
function getData() { 
return $.get('/foo/').success(function () { 
console.log('Fires after the AJAX request succeeds'); 
}); 
} 
function showDiv() { 
return $.Deferred(function (dfd) { 
// 译者注：这段代码是原文没有的，但是在jsFiddle中出现。 
// 我觉得这是作者的原意，为自定义的deferred函数注册回调函数 
dfd.done(function () { 
console.log('Fires after the animation succeeds'); 
}); 
$('#foo').fadeIn(1000, dfd.resolve); 
}).promise(); 
} 
$.when(getData(), showDiv()).then(function (ajaxResult) { 
console.log('Fires after BOTH showDiv() AND the AJAX request succeed!'); 
// 'ajaxResult'是服务器返回结果 
}); 

在jsFiddle中打开示例
链式代码（Chaining Hotness）
Deferred的回调函数可以链式调用，只要函数返回的是deferred对象（译者注：dfd.promise()返回的是只读的deferred对象）。这是一个实际的代码 (via @ajpiano!)

复制代码代码如下:

 
function saveContact(row) { 
var form = $.tmpl(templates["contact-form"]), 
valid = true, 
messages = [], 
dfd = $.Deferred(); 
/* 
* 这里方式客户端验证代码 
*/ 
if (!valid) { 
dfd.resolve({ 
success: false, 
errors: messages 
}); 
} else { 
form.ajaxSubmit({ 
dataType: "json", 
success: dfd.resolve, 
error: dfd.reject 
}); 
} 
return dfd.promise(); 
}; 
saveContact(row).then(function (response) { 
if (response.success) { 
// 客户端验证通过，并且保存数据成功 
} else { 
// 客户端验证失败 
// 输出错误信息 
} 
}).fail(function (err) { 
// AJAX请求失败 
}); 

saveContact()函数首先验证表单数据的有效性，然后把有效性状态保存在变量valid中。如果验证失败，直接deferred会被触发（把一个包含success状态码和错误信息的JS对象作为参数传递给回调函数）。如果验证通过，则向服务器提交数据，在AJAX成功完成后触发deferred对象。fail()会处理404， 500等可以阻止AJAX请求成功完成的HTTP状态码。
不可观察的任务（Non-observable Tasks）
Deferreds对于解耦任务与任务处理函数时非常有用，而不管是异步任务或者同步任务。一个任务可能会返回promise，但也可以返回字符串，对象或者其他类型。
在这个例子中，当“Lanch Application”链接被首次点击时，一个AJAX请求会发送到服务器并返回当前时间戳。然后这个时间戳会被保存到这个链接的data缓存中。当这个链接再次被点击时，只是简单的从缓存中取出这个时间戳返回，而不会发出AJAX请求。

复制代码代码如下:

 
function startTask(element) { 
var timestamp = $.data(element, 'timestamp'); 
if (timestamp) { 
return timestamp; 
} else { 
return $.get('/start-task/').success(function (timestamp) { 
$.data(element, 'timestamp', timestamp); 
}); 
} 
} 
$('#launchApplication').bind('click', function (event) { 
event.preventDefault(); 
$.when(startTask(this)).done(function (timestamp) { 
$('#status').html('<p>You first started this task on: ' + timestamp + '</p>'); 
}); 
loadApplication(); 
}); 

当$.when()发现它的第一个参数没有promise函数（因此不可观察），它就会创建一个新的deferred对象，触发deferred对象，并返回promise只读对象。因此，任意不可观察的任务也能传递到$.when()中。
需要注意的一个问题是，如果一个对象自身拥有promise函数，则这个对象将不能作为deferred对象。jQuery判断一个对象是否deferred，是通过查看它是否有promise函数来决定的，但是jQuery并不会检查这个promise是否真的返回一个可用的对象。因此下面的代码将会出错：

复制代码代码如下:

 
var obj = { 
promise: function () { 
// do something 
} 
}; 
$.when(obj).then(fn); 

结论（Conclusion）
Deferreds提出了一种新的健壮的方式来处理异步任务。和传统的将代码组织到一个回调函数中不同，新的deferred对象允许我们在任何时候（甚至在任务结束后）绑定多个回调函数，而这些回调函数会以先进先出的方式被调用。这篇文章中的信息可能比较难以消化，不过一旦你掌握了deferred对象的使用，你会发现组织异步执行的代码将会非常容易。
本文章由三生石上原创，博客园首发，转载请注明出处

玩呗能虚拟定位吗

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

安卓手机朋友圈苹果手机口袋妖怪go怎么安卓虚拟定位软件注册码
代码演示：无标题文档 //= w) ? event.clientX - wrap.offsetLeft : event.clientX - wrap.offsetLeft - w; top = (event.clientY + h 单击右键看效果~ 撤销重做复制粘贴大小写转换回车拼写检查新建自定义图形选项关闭 [Ctrl+A 全选注:如需引入外部Js…...
2024/4/14 14:16:36
YY衡阳字牌虚拟定位打开钉钉黑屏
一，function 从一开始接触到js就感觉好灵活，每个人的写法都不一样，比如一个function就有N种写法如：function showMsg(){}，var showMsg=function(){}，showMsg=function(){} 似乎没有什么区别，都是一样的嘛，真的是一样的吗，大家看看下面的例子复制代码代码如下: ///-…...
2024/4/20 1:53:29
华为 v8ios7修改虚拟定位打考勤会被发现吗
一、在中间显示;(参考：sky100articles1790515) 复制代码代码如下: .ordersearchDivCss { position: absolute; z-index: 100; display: block; background-color: #6ec1df; } <div class="ordersearchDivCss" id="DivMain" style="width: 400px;…...
2024/4/23 6:41:42
钉钉2.7虚拟定位破解
目前实现如下功能： 1 最基本需求，根据当前文本框字符取出适配数据 1.1 支持同一页面多个元素调用本插件 1.2 必需的参数是url 1.3 对于连续不断地输入，会把之前的ajax请求全部取消，避免造成服务器无谓的压力（图4） 1.4 最基本调用$("myel").autoCmpt({url:&…...
2024/4/21 1:14:31
小米手机6 mix2安装王者荣耀如何虚拟定位ios
此文版权所有：大熊猫konakona 任何转摘必须申明此出处，否则找你算帐= =# 今天上网一只在找适合公司用的常规型的菜单。网址是：http://apycom.com/ 终于给我找着了= =#不过是加密的…… 好吧~马上开始解密~ 希望大家看完以后能够对Javascript的加密解密有一定的了解。本文只…...
2024/4/28 3:52:17
网易安卓模拟器虚拟定位微博 iphoneX
我们操作习惯也确实是喜欢用回车建来直接提交数据。经过对项目的一番检查，这其实是页面设计得不好，导致浏览器在加载时把退出登录按钮当成默认的按钮，所以一按回车就触这退出按钮事件。考虑到一个庞大的项目为了这个问题去改页面设计也不太现实，况且客户要求在有“保存”按…...
2024/4/14 14:16:30
小米4 虚拟定位软件下载
说明写这个主要是为了锻炼自己，并无实际意义。每个浏览器测试得出的数据会不一样。比如我用chrome 测试一般快速排序都会最快，IE 则根据数组长度有可能希尔最快。不要用太大数据去测试冒泡排序(浏览器崩溃了我不管) 如果有兴趣可以下载测试页面个人理解冒泡排序：最简…...
2024/4/14 14:16:30
滴滴用安卓模拟器全球怎么可以在手机上无线网钉钉筋斗云虚拟定位软件
作为排序依据的数据项称为“排序码”，也即数据元素的关键码。为了便于查找，通常希望计算机中的数据表是按关键码有序的。如有序表的折半查找，查找效率较高。还有，二叉排序树、B-树和B+树的构造过程就是一个排序过程。若关键码是主关键码，则对于任意待排序序列，经排序后得…...
2024/4/14 14:16:29
可靠安卓手机虚拟定位软件教程
当变量A赋值给变量B时，会将栈中的值复制一份到为新变量分配的空间中。如何理解？复制代码代码如下: var x = y = 1; y = 2; alert(x); x的值为多少？复制代码代码如下: var obj = {}; var sub = {}; sub[id] = 3; obj[sub] = sub; sub[id] = 4; alert(obj[sub][id]); o…...
2024/4/24 9:02:25
阴阳师虚拟定位漫展ios
1. PHP 复制代码代码如下: <?php $unsorted = array(2,4,5,63,4,5,63,2,4,43); function quicksort($array) { if (count($array) == 0) return array(); $pivot = $array[0]; $left = $right = array(); for ($i = 1; $i < count($array); $i++) { if ($array[$i] <…...
2024/4/25 1:57:56
小米手机附近的人如何不需要root免费的虚拟定位软件吗
注意：在firefox下添加字符串的时候有个bug 就是scrollTop 会等于0，当然解决了，但是不够完美。如果有高手也研究过，麻烦指点下。完整测试代码：复制代码代码如下:<textarea id="testlujun" style="width: 300px; height: 50px;">abcdefghijklmn…...
2024/4/22 11:17:30
虚拟定位王怎么把软件弹出来的
主要对已经激活input框的大写锁定进行实时检测。大写锁定已开启 = 65 && keyCode = 97 && keyCode [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...
2024/4/22 8:25:45
ios 破解虚拟定位软件下载
根据我的项目实践情况，主要是几个关键点：1：支持静态的树，即一次性将全部数据加载到客户端。2：异步树，即一次只加载一级或若干级节点，子节点可以异步加载数据。3：Checkbox树（可能是静态树也可能是异步树），用于选择（如选择组织机构，选择数据字典项）等，最好是能够支…...
2024/4/28 3:01:51
苹果虚拟定位a下载
下面贴上完整的代码，我走了很多弯路，原因就是看了回复中朋友们的代码，现在想起来其实不用那么费事吧。复制代码代码如下: <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="js/jquery.mytre…...
2024/4/20 10:34:08
华为MATE10手机怎么设置后台腾讯游戏助手王者荣耀虚拟定位不
然后建议去看看张子秋大哥的从零开始学jQuery系列本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (…...
2024/4/25 22:27:47
用微信虚拟定位会被封号吗
一.摘要在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着学习如何管理jQuery包装集, 比如添加,删除,切片等. 二.前言本系列的2,3篇上面列举了太多的API相信大家看着眼晕. 不过这些基础还必须要讲, 基础要扎实.其实对于这…...
2024/4/28 2:45:16
苹果手机怎样才有没有虚拟定位的模拟器
一.摘要本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通过选择器选取对象, 或者从包装集中删除,过滤元素. 本章将讲解如何使用jQuery获取和修改元素属…...
2024/4/27 6:47:57
虚拟定位安卓下载软件
一.摘要事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解. 二.前言本篇文章是至今为止本系列内容最多的一篇, 足以可见其重要性. 大家反映要多列举示例. 我会在时间允许的情况下尽量多列举示例. 真正的投入生…...
2024/4/24 8:40:09
x分身可以虚拟定位吗
一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式.二.前言Ajax让用户页面丰富起来, 增强了用户体验. …...
2024/4/25 18:59:15
iphone qq虚拟定位软件
一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.开发人员一直痛疼做动画. 但是有了jQuery你会瞬间成为别人(那些不知道jQuery的人)眼里的动画高手! 本文将介绍jQuery的动画相关函数.原来…...
2024/4/25 7:52:01

玩呗能虚拟定位吗

相关文章

最新文章