一路走下去

都别装了，难道你们都懂SOA吗

Kenny — Mon, 22 Sep 2008 01:23:00 +0800

曾经想努力搞懂啥叫SOA，因为某著名杂志曾写到21世纪不懂SOA的软件开发人员无法生存。结果，我真的太肤浅，看来看去，技术上的东西就那几种，也远远达不到各方所宣传的效果，只是对原有的经验的一个总结和标准化。所以，看上去的SOA就什么都是，它是一种架构，是一种解决了N多问题的方案，一种设计理念，一种软件的构建方法，它，还可以是一种或多种产品……
还别说，架构、方案，让一群不太懂技术的经理们信以为真，于是，赶快跟上。所谓的理念、设计之类的名词也把一群软件开发人员忽悠了，好久不来JE，发现一个SOA的帖子只因为你不懂SOA，我本以为可以解除我的困惑，结果楼主高屋建瓴之后来了段代码:

public class CalculatorService {
    private AddService addService;
    @Reference
    public void setAddService(AddService addService) {
        this.addService = addService;
    }
    public double add(double n1, double n2) {
        return addService.add(n1, n2);
    }
}

并且说到：

那么，addService.add(n1, n2)是什么调用？在SCA的架构体系下：

他可以是简单的java调用——你能方便而快速的做JUnit Test.

他可以也可是复杂一点的EJB调用——事务，分布式，Cache等你所想要的企业级特性的支持

他还可以是复杂一点的Web Service调用，具体提供这个add服务的也许是一个.Net程序，又或者是一个八百年前的老系统已有的服务。。。。

是的，他可以做最复杂的事情，但也是最简单的POJO。对于开发者来说，只用关心他的业务，其它的一切都可以忽略。

你看出什么来没有，这代码似曾相识啊，这就是一标准的策略模式的实现。不要一提设计模式就露出一副鄙视的样子，好吧，这不是Spring里多年前的IOC啊、DI啊啥的？你看，这还真能忽悠。（这也挺搞的，以前很多人搞设计模式，结果自己把自己忽悠了。现在搞SOA，又有人把自己忽悠了，而且被设计模式给忽悠了）

SOA，至少是现在我自己了解到的SOA，就是个把各种东西揉在一起，换个马甲，然后开始卖概念，顺便把产品也送出去。这也不要技术人员懂，就是卖给IT经理之类的（记得是O6z大叔这么说的？）。从技术的角度提出，然后让技术人员看不懂，却给不搞具体技术的人看，然后得出某种极其先进、深不可测、变幻万千的结论，真是……

上次某厂商来成都时我专门去听了，我承认浪费了半天时间。其中有个印象比较深刻的：

提到这个厂商能做到与IBM、BEA之流一起制定标准，实属不易。但人家也从不亲口提民族产业，人家只说合作。到最后不知道是有人被忽悠了还是咋的，在提问时说道：以后SOA会分为微软阵营和其他厂商阵营，还举例使用WCF的例子，说这就被绑定了，用WCF就被绑上微软了。微软自然是人人喊打的，于是最终演变为一场支持国产软件的活动，为民族软件而自豪，这是有人亲自发短信，在现场的短信大屏幕上出现的。我问道：用那啥SOS就不绑定了吗？无解。

我问那个Component是怎么划分的粒度，我想看看这和普通的软件开发流程有啥区别，如何应对变化。得，最后演示了个画图生成代码的高级工具，但没看出太多实质的东西，发生变化就得重新画图，复杂的流程估计那图得成蜘蛛网了，比代码看起还累。不过效果倒是很震撼。看：只懂业务也能写软件了，正符合被忽悠人群的需要。这东西，本来就一高级代码生成器+文档、流程管理（据说这一点还算不错），扯上SOA，值钱了，也好卖了，一份抵过去五份。我并非想批判人家的产品，只是想让大家看看这现实中的SOA是怎么回事。

一时兴起，言辞太偏激，本来想作为回帖的，但还是贴到个人博客上比较好，好久没打这么多字了，正好凑一篇。:)

到处写blog真是累，幸好有windows live writer和一堆插件，微软的window-live总算做出个有用的东西……

代码统计工具COLC

Kenny — Sun, 10 Aug 2008 14:41:00 +0800

虽说代码行数不重要，但有时候总想统计下自己的代码行数，看看最近的成果。以前一直用这个国产小软件，但感觉操作稍显烦琐，我更喜欢命令行的方式，自由度更高。昨天无意中在这里发现了叫做CLOC的小软件，基于Perl，并且是Opensource的，地址http://cloc.sourceforge.net/。下载后只有一个cloc.exe文件，使用方式也很简单，只需要：cloc.exe /path/to/source-code，输出如下

C:\Documents and Settings\kenny>cloc D:\Projects\myproject\
     900 text files.
classified 900 files
     634 unique files.
     607 files ignored.

http://cloc.sourceforge.net v 1.04  T=3.0 s (84.3 files/s, 11367.0 lines/s)
——————————————————————————-
Language          files     blank   comment      code    scale   3rd gen. equiv
——————————————————————————-
Java                135      1778      1963      8779 x   1.36 =       11939.44
Javascript           22      1875      1761      8590 x   1.48 =       12713.20
XML                  39       308       247      2744 x   1.90 =        5213.60
HTML                 39        33       474      2000 x   1.90 =        3800.00
CSS                  11       156        72      1445 x   1.00 =        1445.00
DTD                   1       234       254       713 x   1.90 =        1354.70
SQL                   2        42        44       406 x   2.29 =         929.74
JSP                   3        18        14       106 x   1.48 =         156.88
XSLT                  1         0         6        39 x   1.90 =          74.10
——————————————————————————-
SUM:                253      4444      4835     24822 x   1.52 =       37626.66
——————————————————————————-

当然了，有很多选项可以用，具体的可以看看cloc首页的介绍。当然，每次这样手动输入命令很麻烦，考虑下和Total-Commander结合。编辑一个cloc.bat文件，内容如下：

cloc.exe %1
PAUSE

把这个bat文件拖到TC的工具栏上

然后在工具栏新出现的图标上点右键，选“更改”，然后把参数设置为%p，如图：

“确定”后大功告成，在TC里进入你的源码目录时，点击刚才新建的图标，就开始自动统计当前目录了。

cloc.zip

MySQL将继续开源

Kenny — Thu, 08 May 2008 00:05:44 +0800

MySQL负责开源社区的副总裁Kaj Arnö在blog中写道：MySQL今后将继续保持所有功能的开源，包括MySQL Connectors、存储引擎，以及MySQL6.0中新增的备份功能、MyISAM备份驱动、加密和压缩存储也将开源。
在blog中，Kaj Arnö提到，做出此决定是因为MySQL已经从当初想独立上市的路线转换出来，变成了SUN的一部分。他还提到了MySQL的两条发展路线:openness, and the business model.
原文见 http://blogs.mysql.com/kaj/2008/05/06/mysql-server-is-open-source-even-backup-extensions/

dojo1.1的主要更新

Kenny — Thu, 17 Apr 2008 03:58:30 +0800

原作者 Kenny，转载请注明出自 http://www.fyting.com，非常感谢。

dojo1.1发布也有些时日了，今天静下来看了看到底有哪些更新以及对项目的影响，顺便把release notes大体翻译了过来。

Core

dojo.fromJson解析失败时，会抛出error，需要程序员手动try、catch

        var result = text;
        try{
         result = dojo.fromJson(text);
        }catch(e){
         // squelch exception, use input as result
        }

多版本支持

dojo1.1可以与其他版本的dojo共存，甚至可以修改dojo的库名称，详细见:Dojo Book Page on multiversion support

在DOM载入后再加载dojo

设置djConfig.afterOnLoad = true，这是测试页面没感觉到这个功能的用处，并且在DOM载入后如果移动鼠标有可能引起javascript，整个dojo都无法载入。

XMLHttpRequest的变化

以前那一堆dojo.xhrGet(), dojo.xhrPost(), dojo.xhrRawPost(), dojo.xhrPut(), dojo.xhrRawPut() 还有 dojo.xhrDelete()，现在终于有了一个通用的函数：dojo.xhr()。

使用dojo.xhr*将发送名为“X-Requested-With”的http header，值为“XMLHttpRequest”

cacheBust

如果设置djConfig.cacheBust = (new Date()).getTime()，载入模块和模板时，将把这个cacheBust的值将添加到URL中，防止浏览器缓存。在1.0里面其实已经存在，也是个不知所云的功能。

dojo.attr()

新增加dojo.attr()，dojo.hasAttr()，还有dojo.removeAttr()函数，用于获取DOM节点的attribute

    var d1 = dojo.byId('div1');
    console.debug(dojo.attr(d1,"id"));
    console.debug("div1 has age?" + dojo.hasAttr(d1,"age"));
    dojo.attr(d1,"age",18);
    console.debug("div1 has age?" + dojo.hasAttr(d1,"age"));
    console.debug(dojo.attr(d1,"age"));

dojo.style()

dojo.style现在可以一次性设置多个css属性，以前是这样的：

    dojo.style(dojo.byId('div2'),"width","700px;");
    dojo.style(dojo.byId('div2'),"height","600px;");

现在可以这样了：

    dojo.style(dojo.byId('div2'),{
        width:"700px",
        height:"600px",
        background:"#ccf"
    });

dojo.query/NodeList

dojo.query()结果可以使用attr()、instantiate()，还有之前就可以使用的style()也可以使用上面的那种dojo.style()的用法了。

    dojo.style("thinger", {
        "opacity": 0.5,
        "border": "3px solid black",
        "height": 300
    });

动画/animation

修正了动画效果的性能问题，增加了一个新的dojo.anim()方法，默认的duration从1秒变成了350ms，简化了指定动画属性的语法。另外重写了dojo.fx.combine()和dojo.fx.chain()的集成，现在集成不同的动画效果更加简单。
dojo.anim("id", { opacity: 0 }, 1000);

Adobe AIR的支持

1.1里面dojo提供了更好的AIR支持。http://www.dojotoolkit.org/air

Dijit

widget模板的变化

input类型的widget（包括ValidationTextBox, ComboBox等）的模板从

转变成

，因此自定义的样式也需要跟着修改了:(
dijitTabInnerDiv的css class名字变成为了dijitTabContent
Dialog,TooltipDialog的模板发生变化（触发关闭事件的名称从hide变成了onCancel，这说明把事件定义在模板里不是一个好的实践？）

themes/主题

新的主题 nihilo
soria终于完成了，貌似算dojo里比较好看的了……
更新了原有的tundra主题（还是很难看）

新的widget

SimpleTextArea 不会自动改变大小的TextArea……
MultiSelect组件就是个多选的列表框，不要报太大希望，功能上很简陋。

Layout widgets

新的BorderContainer提供了更小巧的js文件、更平滑的缩放效果。SplitContainer和LayoutContainer已经是deprecated，请使用新的BorderContainer。

Tree

做了大量BUG修复和改进工作，一些API已经被标注为deprecated。1.1里主要修复了1.0里面tree关于拖动的bug，改进了数据更新的问题，使用了新的dojo.data.ItemFileWriteStore。详细请点击这里

Dialog, TooltipDialog

现在可以在其中放入TabContainer了，如果放入了Layout widgts，请千万不要在初始化方法里把整个dialog设置为style=”display:none”，而是使用style=”visibility:hidden”来代替。
在dialog的DateTextBox里按ESC不会关闭dialog了。
open dialog时，将把焦点放到第一个input组件里

Features/Bug fixes

highlighting/focus invalid fields on attempted form submit
separate edit and display mode for input widgets like NumberTextBox and CurrencyTextBox. For example, when editing US$ on an en-us locale machine, the $ sign and commas disappear
input widget formatting bugs fixed (use of table abandoned)
reset of forms now supported (must use dijit.Form widget)

Form widgets API更新与变化

引入了新的setAttribute()，旧的方法被标注为deprecated：
setDisabled(Boolean) ==> setAttribute(”disabled”, Boolean)
setChecked(Boolean) ==> setAttribute(”checked”, Boolean)

原有的setValue()/getValue()更加贴近语义：
获取value时使用getValue()，根据组件的不同而不同，尤其是CheckBox组件。
由用户输入的值使用setValue，程序设置的值使用setAttribute(”value”, …);

CheckBox.getValue()会根据checkbox的状态进行序列化。
当CheckBox未选中时 ==> getValue()返回“false”
其他时候返回CheckBox的“value”
同样，CheckBox.setValue(Boolean)只会使CheckBox变为选中 or 未选中状态
如果要改变CheckBox的值，请使用setAttribute(”value”,…)，同理对于Button也是如此

所有的form widget使用onFocus()/onBlur()，以前那一堆onblur,_onBlur等鬼东西现在走上正轨了。

自定义的Form widget需要从dijit.form._FormValueWidget继承，以前是使用的dijit.form._FormWidget。如果是CheckBox一类，不需要用户直接输入value的widget，可以从dijit.form._FormWidget继承。

dijit.Form widget fixes #5775

其他

FireFox3兼容(屁话)
允许指定tooltip的位置（above/below/before/after）
Bidi: All widgets should now be BiDi-compliant and mirror properly when dir=rtl is set on the document
A11y - basically everything except Grid accessible

CSS class名称变化(自定义组件可能会受影响)

See #6104
IEFixedToolbar → dijitIEFixedToolbar
dijitProgressBarVertical → dijitProgressBarV
dijitProgressBarHorizontal → dijitProgressBarH
RuleContainer → dijitRuleContainer
HorizontalRuleContainer → dijitRuleContainerH
VerticalRuleContainer → dijitRuleContainerV
RuleLabel → dijitRuleLabel
RuleLabelContainer → dijitRuleLabelContainer
HorizontalRuleLabelContainer → dijitRuleLabelContainerH
VerticalRuleLabelContainer → dijitRuleLabelContainerV
HorizontalRuleLabel → dijitRuleLabelH
VerticalRuleLabel → dijitRuleLabelV
RuleMark → dijitRuleMark
HorizontalRuleMark → dijitRuleMarkH
VerticalRuleMark → dijitRuleMarkV
dijitHorizontalSliderBar → dijitSliderBarH
dijitVerticalSliderBar → dijitSliderBarV
dijitVerticalSliderBottomBumper → dijitSliderBottomBumper
dijitHorizontalSliderBumper → dijitSliderBumperH
dijitVerticalSliderBumper → dijitSliderBumperV
dijitVerticalSliderButtonContainer → dijitSliderButtonContainerV
dijitHorizontalSliderButtonContainer → dijitSliderButtonContainerH
dijitHorizontalSliderDecoration → dijitSliderDecorationH
dijitVerticalSliderDecoration → dijitSliderDecorationV
dijitHorizontalSliderImageHandle → dijitSliderImageHandleH
dijitVerticalSliderImageHandle → dijitSliderImageHandleV
dijitHorizontalSliderLeftBumper → dijitSliderLeftBumper
dijitHorizontalSliderMoveable → dijitSliderMoveableH
dijitVerticalSliderMoveable → dijitSliderMoveableV
dijitHorizontalSliderProgressBar → dijitSliderProgressBarH
dijitVerticalSliderProgressBar → dijitSliderProgressBarV
dijitHorizontalSliderRemainingBar → dijitSliderRemainingBarH
dijitVerticalSliderRemainingBar → dijitSliderRemainingBarV
dijitHorizontalSliderRightBumper → dijitSliderRightBumper
dijitVerticalSliderTopBumper → dijitSliderTopBumper
dijitSplitterHorizontal → dijitSplitterH
dijitSplitterVertical → dijitSplitterV
dijitHorizontalSliderDecrementIcon → dijitSliderDecrementIconH
dijitHorizontalSliderIncrementIcon → dijitSliderIncrementIconH
dijitVerticalSliderIncrementIcon → dijitSliderIncrementIconV
dijitVerticalSliderDecrementIcon → dijitSliderDecrementIconV

Dojox

一些杂七杂八的东西，有些早已存在又拿出来说，没有翻译……
DTL
Many improvements to the detail library. The upshot is that you can now declare widgets where the templates have for loops, if statements, etc. For example:

 
	templateString: '<div><input dojoAttachEvent="onkeyup: keyUp"><ul>{% for item in items %}<li>${oldRepl} {{ item }}</li>{% endfor %}</ul></div>'
	See the demos for examples.

GFX
animations for GFX, so you can animate strokes, fills, etc. See the career test example.
- sketch: a drawing program on the web

DojoX Charting
Soften your line charts by adding a “tension” property to the object used to add a plot (.addPlot); the lower the tension, the looser the curves. For best results, try a tension around 3; see the main chart test for examples.

dojox.lang.functional
new package for functional idioms like lambda, reduce, etc.

Crypto merged with encoding
The original dojox.crypto package has been merged with the newer DojoX encoding project; dojox.crypto will be entirely removed by release 1.2.

DojoX FX Easing functions
Robert Penner donated his easing functions to dojo, see the dojo-moj-oe post.

dojox.highlight
客户端代码高亮组件，语法是<code></code>，可以用在dojo1.0及以上版本（dojo > 0.9?)

dojox.data
new dojox.data stores

Storage
Flash storage ported from 0.4

Jaxer
???

- more NodeList animations

DojoX Widgets
New widgets:

FisheyeLight: 类似于Mac Dock的东西，比之前的版本更小巧，速度更快。
Wizard - 向导组件（上一步、下一步），从0.4来的。
ScrollPane - 根据鼠标位置自动移动的面板
DragPane - 能拖动内容的面板，就像PDF Reader
Magnifier 放大镜
CheckedMultiSelect - like a select with multiple=true but displays checkboxes for each item
Updated:

Lightbox

Util (buildscripts)

新的构建选项

cssOptimize：设置cssOptimize=comments将去除CSS里所有空白，并根据@import规则，把所有CSS文件压缩为一行
cssImportIgnore：设置cssOptimize里需要忽略掉的css文件。使用逗号分开，路径与@import的url一致
buildLayers：只重新构建某些layer，用法是buildLayers=[comma separated list of layer names]
symbol：symbol=short 和 symbol=long将为所有匿名函数添加一个名称，主要方便调试
dojo多版本并存有一些相关选项，请参考http://dojotoolkit.org/book/book-dojo/part-3-javascript-programming-dojo-and-dijit/multiple-versions-dojo-page
Rhino builds：指定Rhino为host environment，代替普通的浏览器环境。

下载地址 http://www.dojotoolkit.org/downloads

整个dojo1.1，总体是在1.0的基础上进行了大量BUG FIX工作，据说修复了800个BUG。变动稍大的部分是widget的表单组件，由于一些方法名称、模板的变更(table->div)以及CSS的变化，对于自定义组件的影响还是挺大的，有很多自定义的CSS需要重新写，有些可能需要修改代码。
开始对过度设计进行弥补，比如SimpleTextArea这东西就是个普通的TextArea，以前的TextArea会自动改变大小，导致Grid里一行撑很高，纯粹没事找抽。Grid里移动鼠标时老是自动晃的功能也去了，谢天谢地。
在可用性方面有所提升，很多Form组件增加了布局相关的代码，比如resize方法。soria主题看起来也比原来的tundra稍微好看，不过要打到ext的那种漂亮程度和像素级精度还很远。

dojo Quick Start

Kenny — Tue, 01 Jan 2008 17:34:48 +0800

以前的文章了，先转过来凑数，以后将只在这里更新~~~

原作者: Kenny 转载请注明出自 http://www.fyting.com,谢谢

2006年初，dojo还是0.22的时候就很关注它的发展，可一直没有在实际项目中使用。一来是由于文档的缺少，而来是dojo的相关介绍总是让人望而生畏。到现在都如此，第一个hello world就搞了一大堆东西，比如widget组件，自定义的script标签等，加上要引入什么css文件，djConfig、dojo.require等等，让人很迷惑，这么复杂，到底dojo该怎么使用呢？我只是想把dojo当作一个普通的js类库，就像prototype那样？OK，闲话少说，来看看如何使用dojo。

首先，引入dojo.js

dojo的发行包里有4个子目录
假设你是这样的目录结构:

project
|
+–dojo-lib
| |
| +–dijit
| +–dojo
| +–dojox
| +–util
|
+–dojo_hello_world.html

要引入的文件是名叫”dojo”的子目录里的dojo.js

<script type="text/javascript" src="./dojo-lib/dojo/dojo.js">
</script>

开始使用dojo

现在开始使用dojo的第一个函数:dojo.byId
dojo.byId就等同于常用的document.getElementById

<input type="text" name="username" id="username" value="Mark" /> 
<script type="text/javascript"> 
var username = dojo.byId('username').value 
alert(username); 
</script>

OK，是不是和普通的js库一样，没有任何玄机？

dojo.addOnLoad

现在我们想在window.onload里面处理一点东西，就像Ext.onReady，这个东西在dojo里叫做dojo.addOnLoad

dojo.addOnLoad(function(){   
    var username = dojo.byId('username').value   
    alert(username);   
});

dojo.connect

OK，window.onload搞定了，那么如何监听普通的dom事件呢？没问题，强大的dojo.connect出场

<script type="text/javascript">   
function sayHello(event)   
{   
    alert("Hello");   
}   
dojo.addOnLoad(function(){   
    var btn = dojo.byId('hello');   
    dojo.connect(btn,"onclick",sayHello);   
});   
</script>   
<input type="button" id="hello" value="Hello" />

是不是和prototype的Event.observe($(’btnAdd’), “load”, doAdd)差不多?
用prototype时最烦的就是那个长长的bindAsListener了，使用dojo.conncect，可以在第三个参数中指定当前的scope：

var name = "Mark"  
function sayHello()   
{   
    alert("Hello " + this.name);   
}   
var obj = {   
    name: "Karl"  
}   
dojo.addOnLoad(function(){   
    var btn = dojo.byId('hello');   
    dojo.connect(btn,"onclick",obj,sayHello);//注意这行的第三个和第四个参数   
});

OK，点击按钮，将输出：Hello Karl
这里dojo.connect的第三个参数变成了scope，而handler函数是第四个，实际上
dojo.connect(btn,”onclick”,sayHello);
与
dojo.connect(btn,”onclick”,null,sayHello);
相同。
更加复杂的用法这里不作介绍，写太多就越搞越复杂了，后面再写文章详细介绍dojo.connect，这里只简单介绍如何绑定DOM事件。

xmlhttp dojo.xhrGet

OK，介绍了简单的DOM操作方法，接下来该到Ajax的传统项目-XmlHttp了
在使用xmlhttp时，需要注意到编码的问题，要让dojo默认绑定为utf-8怎么办呢？很简单，只需要修改一下引入dojo.js时的标签：

<script type="text/javascript" src="./dojo-lib/dojo/dojo.js" djConfig="isDebug:true,bindEncoding:'UTF-8'">
</script>

多了一个djConfig属性，很简单，第一个isDebug是说是否打开FireBug的Console，第二个是xmlhttp使用的编码。第二个才是重点，设置了就一劳永逸了。

这次我们要点击了hello按钮后发出一个xmlhttp请求:

function sayHello() {   
    dojo.xhrGet({   
        url: "http://localhost/hello/sayHello.jsp",   
        handleAs: "text",   
        load: function(responseText)   
        {   
          alert(responseText);   
          dojo.byId("divHello").innerHTML = responseText;   
        },   
        error: function(response)   
        {   
          alert("Error");   
        }   
    });   
}   
dojo.connect(btn,"onclick",sayHello);

看看，够不够一目了然？

url 就是url……
handleAs 把获取的内容作为text/html
load 成功时的回调函数
error 失败时的回调函数

那如果要传入参数怎么办?

var params = {   
    username:'Mark',   
    id:'105'  
}   
dojo.xhrGet({   
    url: "http://localhost/hello/sayHello.jsp",   
    content:params,   
    //...   
});

注意那个content参数，你要传入的参数是个关联数组/object，dojo会自动把参数解析出来，要使用post方法？
dojo.xhrGet —> dojo.xhrPost
其他的还有
dojo.xhrPut
dojo.xhrDelete

json

那要是我想更换获取到的数据类型，比如json？xml？
修改handleAs即可，如：
handleAs: “json”

dojo.xhrGet({   
    url: "http://localhost/hello/sayHello.jsp",   
    handleAs: "json",   
    load: function(json)   
    {   
        alert(json.name)   
    }   
    //...   
});

handleAs: “json-comment-filtered” 使用注释符号/**/把json数据包含起来,推荐使用
handleAs: “json-comment-optional” 首先尝试使用json-comment-filtered,如果执行错误,再使用普通的json格式解析
handleAs: “javascript” dojo尝试把服务器返回的数据当作javascript执行,并把结果作为参数传递给load函数
handleAs: “xml” xml对象。注意在Mozilla和IE中的xml是不同的，推荐使用sarissa

至于json和object的转换等，在http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dijit-and-dojo/other-miscellaneous-function/converting-json有一个表格，应该能找到你需要的。

想要直接提交一个表单

,就这样:

dojo.xhrGet({   
    url: "http://localhost/hello/sayHello.jsp",   
    form: dojo.byId("form1")   
    //...   
});

要解决IE下那个臭名昭著的缓存问题，就这样,preventCache会帮你自动生成一个timestamp

dojo.xhrGet({   
    url: "http://localhost/hello/sayHello.jsp",   
    preventCache: true  
    //...   
});

dojo.hitch scope/context

既然用到了xmlhttp，一个常见的问题就是回调函数的scope/context。在prototype、mootools里我们常用Function.bind，在dojo中，做相同事情的东西叫做dojo.hitch

var handler = {   
    name:'Mark',   
    execute1: function(){   
        dojo.xhrGet({   
            url: "http://localhost/hello/sayHello.jsp",   
            handleAs: "text",   
            error: function(text)   
            {   
                console.dir(this);   
                alert(this.name);//输出undefined,这里的this表示当前io参数   
            }   
            //...   
        });   
    },   
    load: function(text){   
        alert(this.name);   
    },   
    execute2: function(){   
        dojo.xhrGet({   
            url: "http://localhost/hello/sayHello.jsp",   
            handleAs: "text",   
            error: dojo.hitch(this,"load") //输出Mark    
            //error: dojo.hitch(this,this.load); //与上一句相同,知道为什么要用方法名字而不是引用了吧?省去了长长的一串this.xxx   
            //...   
        });   
    }
}

OK，基本的东西解决了，还有很多常用的函数没有介绍，比如：dojo.query，dojo.forEach，dojo.marginBox，dojo.contentBox等等
这个就没事翻翻dojo.js.uncompressed.js源代码，dojo的文档是没啥好指望的了。

面向对象,定义Class

下一步我们看看dojo里

如何定义Class

：

dojo.declare("Customer",null,{   
    constructor:function(name){   
        this.name = name;   
    },   
    say:function(){   
        alert("Hello " + this.name);   
    },   
    getDiscount:function(){   
        alert("Discount is 1.0");   
    }   
});   
 
var customer1 = new Customer("Mark");   
customer1.say();

declare有三个参数:

第一个 class名字
第二个父类的引用
第三个 …

构造函数的名字就叫做”construnctor”

再来看看如何继承:

dojo.declare("VIP",Customer,{ getDiscount:function(){ alert("Discount is 0.8"); } }); var vip = new VIP("Mark"); vip.say(); vip.getDiscount();

那么，如何调用父类的方法呢。使用this.inherited方法

dojo.declare("VIP",Customer,{   
    getDiscount:function(){   
        this.inherited(arguments);   
        //this.inherited("getDiscount",arguments);   
    }   
});

关于构造函数:

父类构造函数总是被自动调用的，所以看下面的例子:

dojo.declare("Customer",null,{   
    constructor:function(name){   
        this.name = name;   
        alert("base class");   
    },   
    say:function(){   
        alert(this.name);   
    }   
});   
 
dojo.declare("VIP",Customer,{   
    constructor:function(age){   
        this.age = age;   
        alert("child class");   
    },   
    say:function(){   
        alert("name:" + this.name);   
        alert("age:" + this.age);   
    }   
});   
 
var vip = new VIP("123");//1   
vip.say();//2

1将打印出两条alert语句，先是父类的构造函数，再是子类的。
2将输出”name: 123″ “age: 123″

个人认为，这个特性并不好，因为javascript这种弱类型的语言中，根本无法确定构造函数中的参数是传递给谁的，就比如上面的语句执行后，name=”123″,age=”123″，那哪个才是正确的？这个问题在使用dojo Grid的model里就很麻烦，定义一个model得这样:new dojox.grid._data.Table(null,null,data);我要是想扩展这个Model，更麻烦，所有子类的构造函数都被父类给搞乱了。所以推荐的做法是使用关联数组作为构造函数的参数，就像Python里的关键字参数。

constructor:function(args){   
    var args = args || {};   
    this.name = args.name;   
    this.age = args.age;   
}

多继承,mixin

说到继承，多继承的问题又来了。dojo支持多继承，准确地说，是mixin。还记得dojo.declare的第二个参数吗，就是表示父类的那个参数，这个参数可以是一个数组，数组的第一个元素作为声明的类的父类，其他的作为mixin。子类自动获得父类和mixin的所有方法，后面的mixin的同名方法覆盖前面的方法

dojo.declare("Customer",null,{   
    say:function(){   
        alert("Hello Customer");   
    },   
    getDiscount:function(){   
        alert("Discount in Customer");   
    }
});
 
dojo.declare("MixinClass",null,{   
    say:function(){   
        alert("Hello mixin");   
    },   
    foo:function(){   
        alert("foo in MixinClass");   
    }   
});   
dojo.declare("VIP",[Customer,MixinClass],{   
});   
var vip = new VIP();   
vip.getDiscount();   
vip.foo();   
vip.say();//输出"Hello MixinClass"

其他的比较有用的函数就是dojo.mixin和dojo.extend了，顾名思义，一个是作用于对象实例，一个是用于扩展class，翻文档和源码吧。

package机制

说完了dojo里的类继承机制，不得不说说package机制。
主要用到的有
dojo.require
dojo.provide
dojo.registerModulePath

dojo.require

dojo.require就是引入相应路径文件下的js文件，现在已经有很多library这样做了。现在我们假设要用
project/dojo-lib/dojo/string.js

dojo中的顶层目录就是dojo.js所在目录的上一层,即”project/dojo-lib/”，而dojo.js放在
project/dojo-lib/dojo/dojo.js
所以我们就这样:
dojo.require(”dojo.string”);
比如要引用其他目录下的:
project/dojo-lib/dojox/dtl/_base.js，则这样：dojo.require(”dojox.dtl._base”);

project/dojo-lib/dojox/grid/Grid.js dojo.require(”dojox.grid.Grid”);

说白了，就和ruby之类的require很相似。

dojo.provide

要自己编写一个package怎么办，那就利用dojo.provide。比如要写在：
project/dojo-lib/com/javaeye/fyting/Package1.js
那么在对应的Package1.js中第一行需要这样写:
dojo.provide(”com.javaeye.fyting.Package1″);

类似java里的package声明，是吧？

dojo.registerModulePath

那要是我写的js文件不想和dojo放在一起怎么办呢，那就用registerModulePath。假设要放在：
project/js/com/javaeye/fyting/Package2.js

Package2.js和上面的Package1.js一样的写法，不需要作特殊变化，就这样就行：
dojo.provide(”com.javaeye.fyting.Package2″);

在使用时，需要指名这个Package2.js所在的位置，
dojo.registerModulePath(”com”,”../../js/com”);
只需要注意这里的相对路径是相对dojo.js来的。

我们假设所有以com.javaeye开头的js都放在一起，而com.microsoft的放在另外的地方，为了防止冲突，可以这样:
dojo.registerModulePath(”com.javaeye”,”../../js/com/javaeye”);
dojo.registerModulePath(”com.microsoft”,”../../javascript/com/microsoft”);

总得来说，package机制是开发大型项目必须的，但是造成了调试困难，使用dojo.require引入js出错时，根本不知道是什么原因，所以调试时最好手动引入js，dojo的test也是这么搞的。还有js框架中的各种实现类继承的手法，也造成调试困难，dojo还随地抛出个Error，又缺少java那样的error statck，根本不知道错误根源在哪儿。所以，期待js原生地支持这些^^
完整的代码文件在附件里，一个是含有dojo-1.0.2的，一个是没有dojo的
samples-without-dojo.zip
samples-with-dojo.zip