dojo学习笔记1

最新推荐文章于 2019-10-21 17:54:46 发布

最新推荐文章于 2019-10-21 17:54:46 发布 · 147 阅读

文章标签：

#Dojo #JavaScript #应用服务器 #浏览器 #Ajax #ViewUI

jasperReports 专栏收录该内容

1 篇文章

订阅专栏

1.Dojo工具包：

• dojo.collections：很有用的集合数据结构（List、Query、Set、Stack、Dictionary...）

• dojo.crypto：实现加密功能的API（Blowfish、MD5、Rijndael、SHA...）

• dojo.date：无须编写丑陋的代码来解析日期格式。

• dojo.dnd：拖放功能的辅助API。我们将要建造一个支持拖放功能的应用。

• dojo.event：事件驱动的API，支持AOP开发，以及主题/队列的功能。

• dojo.lfx：HTML和SVG效果库。我们将在例子中使用这些效果。

• dojo.animation：基于Dan Pupius在动画方面的工作.

• dojo.io：不同的IO管道。cookie、IFrame、发布/订阅功能等等。所有神奇的Ajax工作都

在这里完成。

• dojo.lang：对于整个JavaScript环境进行增强的功能。包括你所希望拥有的很多特征，例

如mixin、基于闭包（closure）的函数，以及大量的其他功能。

• dojo.logging：提供日志功能的框架

• dojo.math：数学函数（曲线、点、矩阵）

• dojo.reflect：提供反射功能的函数库

• dojo.rpc：与后端服务（例如理解JSON语法的Web服务）进行通信

• dojo.storage：将数据保存在本地存储中（例如，在浏览器中利用Flash的本地存储来实现）

• dojo.string：现在你可以对字符串进行如下的处理，修整、转换为大写、编码、esacpe、填

充（pad）等等。

• dojo.undo：用来撤销用户操作的栈管理器

• dojo.uri：处理URI的函数库

• dojo.widget：一个widget框架，允许你建造可重用的HTML/JavaScript widget，可以与简

单的HTML标记共同使用（例如，<div class=”dojo-MyWidgetType”>）。支持基于标记的应用开发（例如：XAML、XUL）

• dojo.xml、dojo.dom：帮助你处理DOM的辅助函数，以及其他的XML辅助函数。

• dojo.style：CSS功能，例如访问style的大小、与浏览器的盒模型配合工作

2. 设置和配置Dojo

①动态加载package:

dojo.require("dojo.dnd.*");

dojo.require("dojo.event.*");

dojo.require("dojo.lfx.*");

</script>

3. dojo.event.connect:绑定指定的方法到指定的对象的方法上

简单绑定1

function doOnClick1(){ alert( "Clicked!");}

dojo.event.connect(dojo.byId("inputTest"),"onclick","doOnClick1");

简单绑定2

obj = { doOnClick2: function(){ alert("Clicked!");}}

dojo.event.connect(dojo.byId("inputTest"),"onclick",obj,"doOnClick2");

connect可以对任何对象的方法进行绑定，而不是只能针对DOM对象

dojo.event.connect(obj,"doOnclick2","doOnClick1"); //在调用obj.doOnclick2()后调用doOnClick1()

★dojo.event.connectBefore: dojo.event.connect默认是后绑定，connectBefore则是早绑定，绑定的方法将在指定方法前执行，用法与connect一致. connectOnce就是指保证只绑定一次，来避免重复绑定会导致的重复执行的问题. dojo.event.disconnect:解除绑定，调用参数与connect一致，即可解除之前的绑定操作

★ dojo.event.log:在执行指定对象的指定方法后自动记录日志

★dojo.event.kwConnect: 可以做到更加灵活的绑定，比如可以设置延迟执行绑定

dojo.event.kwConnect({
srcObj: dojo.byId("inputTest"),
srcFunc: "onclick",
adviceObj: obj,
adviceFunc: "doOnclick2",

type: "before", //默认为"after"，可选: "before", "around"，注意：type是用来决定adviceFunc的行为的，如果为"around"，则aroundFunc将失效
aroundObj: null,
aroundFunc: null, //如果指定了aroundFunc，则其将对adviceFunc进行拦截，但是当type为 "around"时，则aroundFunc将不会执行
once: false, //默认为false，允许重复绑定
delay: 3000, //延时3秒后执行adviceFunc
rate: 0, //这个从源代码没有看懂起什么作用
adviceMsg: false //这个从源代码没有看懂起什么作用
});

kwDisconnect用来解除使用kwConnect指定的绑定

5.dojo.event.topic

Topic机制与Advice机制都能够实现事件的绑定，但是显然,Topic更适合处理多重绑定。
发布主题，然后由用户订阅的机制就是一个典型的观察者模式

★dojo.event.topic.registerPublisher:注册主题发布器

dojo.event.topic.registerPublisher("myTopic", obj, "doOnClick2");

★dojo.event.topic.subscribe: 订阅主题

dojo.event.topic.subscribe("myTopic", "test"); //执行obj.doOnClick2()以后会自动执行test()

★dojo.event.topic.unsubscribe:取消订阅主题

★dojo.event.topic.destroy:删除主题，此主题所有的订阅都将失效

6. 模块：dojo.event.browser

★dojo.event.browser.addListener:增加监听器

★dojo.event.browser.removeListener: 清除监听器

★dojo.event.browser.callListener: 调用监听器

★dojo.event.browser.stopPropagation: 阻止Event传播

7. 模块：dojo.string.common / dojo.string

★dojo.string.trim 去掉字符串的空白

★dojo.string.trimStart 去掉字符串开头的空白

★dojo.string.trimEnd 去掉字符串结尾的空白

★dojo.string.repeat 生成由同一字符(串)重复组成的字符串

dojo.string.repeat("1234", 3, "-"); //will return "1234-1234-1234"

★dojo.string.pad 使用字符补齐字符串

dojo.string.pad("100", 6, "0", 1);//will return "000100"
dojo.string.pad("100", 6, "0", -1);//will return "100000"

★dojo.string.padLeft 使用字符补齐字符串开头

★dojo.string.padRight 使用字符补齐字符串结尾

8. 模块：dojo.lang.common / dojo.lang

★dojo.lang.mixin 将一个对象的方法和属性增加到另一个对象上

★dojo.lang.extend
为指定类的原型扩展方法与属性

TestClass = function() {};
dojo.lang.extend(TestClass, {name: "demo", test: function(){alert("Test!");}});
var o = new TestClass(); //TestClass本来是没有test方法的，但是extend以后就有test方法了o.test();

★dojo.lang.find=dojo.lang.indexOf 查找指定对象在指定数组中的位置

★dojo.lang.findLast=dojo.lang.lastIndexOf 查找指定对象在指定数组中的位置，从后往前查

★dojo.lang.inArray 查找指定对象是否在指定数组中

★dojo.lang.isObject 判断输入的类型是否为对象

★dojo.lang.isArray 判断输入的类型是否为数组

★dojo.lang.isFunction 判断输入的类型是否为函数

★dojo.lang.isAlien 判断输入的类型是否为系统函数

★dojo.lang.setTimeout 延迟指定时间后执行指定方法

★dojo.lang.firstValued 返回第一个存在定义的参数

★var a;dojo.lang.firstValued(a,2,3); //will return 2

9. 模块：dojo.lang.array

★dojo.lang.map 调用指定的方法处理指定的数组或字符串