该文最早发表于ITEYE博客,原文地址。
作者:张卫滨(微博),感谢dojo中文博客原创和翻译了大量的精品文章,个人愿意借此平台与所有关注RIA技术的朋友交流。
dojo是功能非常强大的JavaScript类库,论类库本身的功能,丝毫不逊色于jQuery,但是jQuery的轻量级和丰富的插件使其在互联网领域风生水起,知名度要高得多。dojo也提供了自己的UI组件库,名为dijit,它们拥有统一的生命周期,性能也相当不错。dojo这几年也得到了很多大公司的支持,并应用于很多领域,比如struts2就使用了它,通过研究dojo的使用方式和源码对提升前台的开发能力大有益处。
dojo实现了强大的类继承机制,并对常用的前台功能进行了很多封装,使得我们在进行开发时不必费工夫去直接接触HTML和CSS的一些用法,所以也就避免了一些浏览器兼容性的问题。
在本文中,将会介绍一个dojo提供的很有用的功能,使用这个功能一方面能够实现对dom元素事件的统一方式处理,另一方面还能够实现类似于Java中AOP的效果:在一个方法调用之后,执行另外的一系列方法。这个功能就是dojo的connect方法。
场景一:我有一个按钮,想在点击按钮的时候,触发一些事件处理
这样的场景,通过标准的javascript和html编码,也能很容易的实现,但是通过使用dojo提供的connect方法,将会使你的处理更轻松。
以上为一个按钮的定义,事件绑定和处理怎么写呢?
通过这么简单的配置,当你再次点击这个按钮的时候,test方法就会被调用了
场景二:我有一个方法名为test,我想在这个方法被执行的时候,另外一个方法test2也能被执行:
普通情况下,需要在test里面写上test2();这样这两个方法就紧密耦合在一起了。通过使用dojo的connect方法,可以很方便的实现该要求:
(关于dojo的connect方法的进一步使用可以参照以下文章:http://blog.csdn.net/dojotoolkit/article/details/6526897)
那么这个功能是怎么实现的呢?看一下dojo.connect的源码吧,这部分的实现是通过connect.js实现的:
通过以上的代码分析,可以了解到dojo实现该功能的核心思想是将原有的方法进行了替换,在新的方法中记录了原方法以及要添加的其他方法,在执行时,依次执行,实现的确实很高明。借助这个方法,dojo还实现了subscribe和publish功能,感兴趣的朋友可以进一步的研究。
分享到:
相关推荐
DOJO源代码以及例子
《dojo权威指南》源代码,欢迎下载使用。
学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源学习dojo的绝好资源...
Dojo是一个用JavaScript语言实现的开源DHTML工具包。它是在几个项目捐助基础上建立起来的(nWidgets, Burstlib, f(m)),这也是为什么叫它a unified toolkit的原因。Dojo的目标是解决开发DHTML应用程序遇到的那些、...
dojo.js.核心jsDojo.js核心dojo的javaScript类库Dojo.js核心dojo的javaScript类库Dojo.js核心dojo的javaScript类库Dojo.js核心dojo的javaScript类库
dojo开发者自己写的书,这个是附送的代码~ 希望对研究ria的你,和初学dojo的你有帮助~
dojo 0.3版 的源代码,现在1.2 了,不过我觉得原来的源代码还是可以看的。
本文将会介绍dojo类机制幕后的知识,其中会涉及到dojo类机制的实现原理并对一些关键方法进行源码分析,当然在此之前希望您能够对JavaScript和dojo的使用有些基本的了解。
dojo JavaScript框架 Ajax学习
dojo常用方法总结,主要是元素的获取,事件的监听,数组的遍历等
Dojo框架使用教程
Dojo 是一个用javascript语言实现的开源DHTML工具包。它是在几个项目捐助基础上建立起来的(nWidgets, Burstlib, f(m)), 这也是为什么叫它a \"unified\" toolkit的原因。Dojo的目标是解决开发DHTML应用程序遇到的那些...
Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成:Core、Dijit、DojoX。Core提供 Ajax,events,packaging,CSS-based querying,animations,JSON等相关操作API。Dijit是一个可更换皮肤,基于模板的WEB UI...
1.1 Key Aspects of Dojo . 12 1.2 Using the Book . . . 15 1.3 Acknowledgments . . 17 I Ajax the Dojo Way 19 2 Powerful Web Forms Made Easy 20 2.1 What Customers Are Saying About Your Form 21 2.2 ...
这是我从dojo官网下的dojo源码,希望对大家有帮助,谢谢!
dojo-release-1.9.0-src.zip dojo javascript库源码 收藏
DOjo中文使用手册,Dojo中文使用手册
dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程
在众多的Ajax框架中,Dojo与Prototype和Ext JS一样,备受开发者青睐。Dojo是一款非常优秀的框架,但是它和Ext JS一样,缺乏完善而系统的参考资料。鉴于此,图灵公司引进了Dojo之父亲自撰写的《Mastering Dojo》一书...
精通Dojo 随书源码 精通Dojo 深刻 剖析Dojo工作原理 Dojo之父执笔的权威之作