- 浏览: 3291590 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (567)
- Web前端-html/表单 (19)
- Web前端-CSS (24)
- Web前端-CSS框架 (4)
- Web前端-JS语言核心 (50)
- Web前端-JS客户端 (26)
- nodejs生态+grunt (10)
- seajs和requirejs (9)
- backbone等框架 (7)
- 模板基础 (7)
- Web前端-deps(不改动) (6)
- Web前端-component (10)
- Web前端-jquery-plugin (13)
- 浏览器兼容性 (6)
- Web前端-使用jQuery (25)
- Web前端-使用jqueryui (6)
- Web前端-性能优化 (3)
- Web协议-HTTP (6)
- ExtJS (13)
- PHP (22)
- PHP面向对象 (4)
- PHP扩展-SOAP (6)
- PHP扩展-curl (4)
- PHP与HTML(导出) (5)
- PHP扩展-综合 (7)
- mysql基础应用 (18)
- 技术心情 (18)
- 算法和面试题 (17)
- 工具(开发)使用 (36)
- memcached原理 (2)
- session和cookie (4)
- UML (2)
- Web前端_FusionCharts (5)
- Web前端_Flex (4)
- Web前端_JSP (3)
- JavaSE (10)
- JavaEE (4)
- tomcat (2)
- Servlet开发 (3)
- Spring开发 (1)
- REST相关 (2)
- 大访问量、高并发 (2)
- 网络编程 (1)
- YII (21)
- linux命令和内核 (12)
- yii与数据库 (10)
- yii与表单 (12)
- yii view层 (1)
- perl (7)
- yii扩展 (7)
- shell (4)
- photoshop (7)
- 视觉设计 (2)
- 我关注的名人在路上 (4)
- 1-自学能力 (1)
- 2-人际沟通能力 (3)
- 3-职业规划能力 (7)
- 4-项目管理能力 (2)
- python (3)
- django (4)
- Mysql高级应用 (6)
- prototype.js (4)
- Web系统安全 (1)
- Web前端-mobile (2)
- egret (6)
- jQuery源码分析 (5)
- fis (4)
最新评论
-
yzq21056563:
感谢作者分享~请教下,http://www.lisa33xia ...
CSS基础:text-overflow:ellipsis溢出文本 -
u012206458:
$.ajax的error,complete,success方法 -
DEMONU:
谢谢,虽然不能给你赞助,但是要给你顶
mysql中key 、primary key 、unique key 与index区别 -
njupt_tolmes:
阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础:text-overflow:ellipsis溢出文本 -
zenmshuo:
用过SpreadJS,也包含数据可视化的图表
推荐几个web中常用js图表插件
作者:zccst
其实只有两种使用方式,只不过每一种又细分是否传参。
先给一段HTML,后面会用来测试:
<p><button id="test">Test</button></p>
<p id="log"></p>
1,jQuery.proxy(function, context);
使用context作为function运行上下文(即this)
2,jQuery.proxy(function, context [, additionalArguments]);
传递参数给function
使用场景:click时,执行function,在给定的context里,同时传递两个参数,如果需要event,则可以作为function第三个参数。
注意:function执行的环境如果不适用proxy,则context会是当前点击对象,现在指定了其他的上下文,已经跟当前点击对象没有一点关系了。
在这种情况下,click仅仅相当于一个触发按钮,触发后执行的函数,跟click一点关系都没有了。
3,jQuery.proxy(context, name);
使用场景:context是一个PlainObject,name是其方法。在click时执行,但test函数执行的上下文是obj,不是$("#test")
结果分析:在绑定点击事件后,第一次执行时,就把该绑定去除了。
去除之后,button上已经没有点击事件,所以再点击按钮,也不会有任何反应了。
4,jQuery.proxy(context, name [, additionalArguments]);
一个疑问:
请教大家一个问题,
jQuery.proxy(context, function, params);
与
function.call(context,params);
区别是什么?
我遇到一个问题是用proxy没反应,用call时就有反应。
如果您觉得本文的内容对您的学习有所帮助,您可以微信:
其实只有两种使用方式,只不过每一种又细分是否传参。
先给一段HTML,后面会用来测试:
<p><button id="test">Test</button></p>
<p id="log"></p>
1,jQuery.proxy(function, context);
使用context作为function运行上下文(即this)
2,jQuery.proxy(function, context [, additionalArguments]);
传递参数给function
使用场景:click时,执行function,在给定的context里,同时传递两个参数,如果需要event,则可以作为function第三个参数。
注意:function执行的环境如果不适用proxy,则context会是当前点击对象,现在指定了其他的上下文,已经跟当前点击对象没有一点关系了。
var me = { /* I'm a dog */ type: "dog", /* Note that event comes *after* one and two */ test: function(one, two, event) { $("#log") /* `one` 是第一个附加参数,与对象`you`对应 */ .append( "<h3>Hello " + one.type + ":</h3>" ) /* `two` 是第二个附加参数,与对象`they`对应 */ .append( "and they are " + two.type + ".<br>" ) /* `this` 是上下文,与普通对象`me`对应 */ .append( "I am a " + this.type + ", " ) /* 事件类型是点击"click" */ .append( "Thanks for " + event.type + "ing " ) /* `event.target`是被点击元素,类型是按钮button */ .append( "the " + event.target.type + "." ); } }; var you = { type: "cat" }; var they = { type: "fish" }; /* 一共4个参数:第一个是function,第二个是context,第三、四是参数 */ var proxy = $.proxy( me.test, me, you, they ); $("#test").on( "click", proxy ); /* 运行结果: Hello cat: and they are fish. I am a dog, Thanks for clicking the submit. */
在这种情况下,click仅仅相当于一个触发按钮,触发后执行的函数,跟click一点关系都没有了。
3,jQuery.proxy(context, name);
使用场景:context是一个PlainObject,name是其方法。在click时执行,但test函数执行的上下文是obj,不是$("#test")
var obj = { name: "John", test: function() { console.log(this); $("#log").append( this.name ); $("#test").off("click", obj.test); } }; $("#test").on( "click", jQuery.proxy( obj, "test" ) );//在click时执行,但又 不是click的上下文
结果分析:在绑定点击事件后,第一次执行时,就把该绑定去除了。
去除之后,button上已经没有点击事件,所以再点击按钮,也不会有任何反应了。
4,jQuery.proxy(context, name [, additionalArguments]);
一个疑问:
请教大家一个问题,
jQuery.proxy(context, function, params);
与
function.call(context,params);
区别是什么?
我遇到一个问题是用proxy没反应,用call时就有反应。
如果您觉得本文的内容对您的学习有所帮助,您可以微信:
发表评论
-
终止jQuery的$.ajax方法abort
2015-03-30 15:24 25023作者:zccst 最近遇到,如果用户频繁点击ajax请求,有 ... -
至今仍未使用过的jQuery方法
2015-02-02 17:54 901作者:zccst jQuery用了很久了,但还是有很多方法, ... -
jQuery工具方法还不会的知识点
2015-01-26 16:29 868作者:zccst 2015-2-9 grep( ... -
jquery post时content-type的几种取值
2015-01-26 15:42 101582zccst转载 以后用得着的时候慢慢研究 参考:http: ... -
通过html的id或class查看事件定义源码
2015-01-22 11:26 4147作者:zccst整理 jQuery通 ... -
$.ajax的error,complete,success方法
2014-12-16 14:48 31717作者:zccst 2015-03-30 今天发现从1.8后, ... -
jQuery的$.each循环的对象
2014-11-07 18:20 9364作者:zccst //最简单的对象 var ... -
jquery 中size() length的区别
2014-07-10 10:37 2003作者:zccst size()跟length同样的功能,都是 ... -
attr与prop的区别
2014-07-09 18:20 912作者:zccst jQuery在1.6.1 ... -
学习jQuery API文档
2014-05-21 20:15 525作者:zccst 文档处理 remove和detach区 ... -
jquery获取浏览器高度、宽度和滚动条高度
2014-01-15 16:35 4981作者:zccst 遇到过一个问题,网页宽度大于浏览器宽度时出 ... -
jQuery的$.fn使用
2013-12-25 16:10 1122$.fn是指jquery的命名空间 ... -
jQuery的$.load使用
2013-12-25 15:37 1424作者:zccst 基本用法(来自手册) //用法一 $ ... -
jquery的deferred用法
2013-11-20 15:39 1388作者:zccst 参考文档:jQuery的deferred对 ... -
jQuery.extend 函数详解
2013-06-03 14:24 887zccst转 JQuery的extend扩展方法: ... -
jQuery【事件】问题
2013-05-17 15:12 1306作者:zccst 2,jquery文本改变事件绑定 介绍:ch ... -
jquery的表单内容序列化方法serialize
2012-09-06 16:03 6633jquery的表单内容序列化方法serialize 一、前端 ... -
jquery操作相同class的dom节点
2012-05-21 22:48 13419作者:zccst 使用jquery操作相同class的dom ... -
jquery想开发jQuery插件?跟我来
2012-05-20 03:59 1511zccst转载 首先了解两个概念 1,jquery(fun ... -
jquery【CSS】
2012-05-17 16:09 1035作者:zccst jquery操作CSS也算是比较常见的,之 ...
相关推荐
UPX_net.upx.proxy.browser_102_69.0.3497.100_.apk
java.lang.reflect.Proxy 学习资料 讲解 例子 源码 java.lang.reflect.Proxy 学习资料 讲解 例子 源码 java.lang.reflect.Proxy 学习资料 讲解 例子 源码
Mentalis.org.proxy开源的c#,以及我的一个应用实例。
以及jQuery.isNaN()和jQuery.event.proxy()方法,分别用event.originalEvent.layerX and event.originalEvent.layerY、jQuery.isNumeric()、jQuery.proxy进行替换。 jQuery1.6中文API不是CHM格式的!
jQuery.proxy(),接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文(context )语境。 jQuery.proxy( function, context ) function将要改变上下文语境的函数。 context函数的上下文语境(`...
proxy.config,proxy.ashx这两个文件是配套使用的,缺一不可,这里需要设置的是proxy.config,所以只上传了改动过的proxy.config,原始的这两个文件可以上网去查找。 同时代码中要加入: esri.config.defaults.io....
1、新的事件: .on() and .off() 2、提升了事件委派时的性能,下图(图片来自官网)是1.6.4和1.7版本的比较,可见在事件委派方面性能提升了一半,而且Chrome性能最好 5、匿名模块定义 AWD ...3、jQuery.event.proxy()
esri.config.defaults.io.proxyUrl is not set所缺文件 proxy.jsp、proxy.ashx、proxy.php、proxy.config
主要介绍了java.lang.NoSuchMethodException: com.sun.proxy.$Proxy58.list错误解决办法的相关资料,需要的朋友可以参考下
Linux.Firewall.And.Proxy.Server.-.Howto
Microsoft.Bluetooth.Proxy
mac系统下的charles版本,保证可用,使用期间,请忽略最新版本的更新提示。 支持AMF、http、html、JS、CSS、raw等网络抓包。 对web程序员及web测试员来说,是一大利器,可以帮助寻找各类错误。 下载完毕后,在mac...
11.3.2 jQuery.proxy(function, scope) 190 11.4 测试操作 191 11.4.1 jQuery.contains(container, contained) 191 11.4.2 jQuery.isArray(obj) 192 11.4.3 jQuery.isFunction(obj) 192 11.4.4 jQuery.isEmptyObject...
GameBarPresenceWriter.proxy
Windows.Media.Playback.ProxyStub
Windows.Internal.UI.Logon.ProxyStub
Windows.Cortana.ProxyStub
arcgis for javascript api所需要的配置文件,能解决跨域访问的问题,我在proxy....包含两个文件proxy.ashx,proxy.config两个文件,上次下载一个说是有两个文件,其实里面只有一个,有被骗了的感觉,所以这次上传上来
CortanaMapiHelper.ProxyStub
DMAlertListener.ProxyStub