This is a temporary post that was not deleted. Please delete this manually. (db1e8ee0-5049-45a3-ab05-751720fe46f4)

好久没有来这里写东西了，原因是---我要当爸爸喽！！

嘟嘟是她的小名，4个月了，母女一切正常（我们希望他是她）。既然娘子的肚肚都瞒不住，所以就不隐瞒大家，让你们跟我一起开心一下。都说女人有了宝宝体型会变丑，可我觉得俺娘子现在更漂亮，是真话（她们同事也说来着），可不是拍马屁。

真得很奇怪，在知道有宝宝之前，看到小孩子就会发自内心的喜欢，原来可不会这样。一次和同学聊天，他突然告诉我我有宝宝了，就是因为在聊天的时候，我竟然不自觉的反复问他家千金的事情，现在想起来，这个家伙竟然是第一个预言了我们家嘟嘟将要降临的人。

有了嘟嘟之后的感觉很奇妙，千万别问我是什么感觉，你经历一下就知道了;-) 明年是可爱的猪猪年，据我现在了解很多人都在蠢蠢欲动哟，抓紧时间呀，咱公司男宝宝多女宝宝少，等他们长大后，你们家的各位小公子就给我排好队，让我们家嘟嘟挑选，呵呵。

测试用

<script type="text/xml-script">
    <page xmlns:script=" http://schemas.microsoft.com/xml-script/2005">
        <components>
            <dataSource id="listDataSource" autoLoad="true" serviceURL="MyService.asmx"/>
...

简单的通过XML配置就可以实现一个名为MyService的WebService调用（严格来说是微软的一个新的DataService，但原理就是WS）。我只看过text/javascript或者text/vbscript，这个xml-script是什么东西？网上一坨坨的都是介绍这个东西多好用，但是什么东西却不明不白。搞清楚它，就是Atlas的核心。也对我们的JS理解会大有帮助（事后感言）。让我们开始探索之旅：

POST /AtlasWebSite/MyService.asmx?mn=GetData HTTP/1.1
{"parameters":{},"loadMethod":""}
返回：
new Sys.Data.DataTable([new Sys.Data.DataColumn("Name",String,null,false,false),new Sys.Data.DataColumn("Email",String,null,false,false)],[{"Name":"Dflying 0","Email":" Dflying0@dflying.net"},{"Name":"Dflying 1","Email":"Dflying1@dflying.net "},{"Name":"Dflying 2","Email":"Dflying2@dflying.net"},{"Name":"Dflying 3","Email":" Dflying3@dflying.net"},{"Name":"Dflying 4","Email":"Dflying4@dflying.net "}])

客户端的阴暗角落：
既然是在Client端执行的XML-Script，那还有两种情况，Brower支持，还是前面说的Atlas.js支持。开始我怀疑是前者，因为我的Opera不能运行这个例子。后来证明我开始猜错了，看来Opera对JS的支持还要提高亚。我就就告诉你吧，是JS做的事情。我是从Atlas的ReleaseNote的一句话看到的。但他到底怎么做到呢？

再次深入Atlas.js
既然Atlas.js要解析XML，那Atlas.js里面一定有Tag名称，这时我才发现恐怖的事情，Atlas所有的Control类都实现了一个GetDecription的函数，这个函数就做了一件事，就是往一个td（TypeDescriptor）里面加Tag名字和对应类型（又是NOP）。一定有哪里通过这些NOP来解析XML。搜索一把，在Sys.TypeDescriptor.getTypeDescriptor函数中调用了他，而这个函数调用的地方好多，总算被我找到了：！！！

Sys.MarkupParser

从名字上看，我知道有门了。这个函数的原理不用讲了，想也知道怎么做的，但这个函数是怎么被调用的，怎么就和Html里面的xml-script联系起来了。

最后补充一句：
如果你认为有个一个Sys.Runtime.load/unload消息还不够，想知道这两个消息是怎么回事，下面看：

Sys.Runtime =new function() 
{
  window.attachEvent('onload',onWindowLoad);
  window.attachEvent ('onunload',onWindowUnload);
  this.initialize =function() {
    Sys.Runtime.load.invoke(Sys.Runtime,null);
  }
  function onWindowLoad() {
    Sys.Runtime.initialize();
  }
}

看到了吧，万恶之源就是DOM的window的onload消息和onunload消息，要再问我这是什么，hoho，我真没有招数了。

前言：
Atlas提供了一套服务端和客户端控件，大大简化了IE开发的难度，尤其是AJAX。服务端控件比较简单，看看UpdatePane这系列就会比较明白，但Atlas的服务端有很多限制，另外，也不是Atlas最推荐的开发方法。Atlas刚刚发布的Client Controls一经面世，立刻引人注意。而他的基础，就是要明白Atlas的JavaScript Framework（Atlas.js，足足200多K，OMG！）
另外，深深的感觉到，我们这些在CPP的世界里混了太久，接触JS，Python等脚本语言都会很困难。
 
类的定义：
Sys.UI.TextBox =function(associatedElement)
{
  this.get_text =function(){return this.element.value;}
  ...此处省略了所有TextBox实现
}
Sys.UI.TextBox.registerClass('Sys.UI.TextBox',Sys.UI.InputControl);
在JS的世界里，定义类是不是很奇怪：
·首先：用"函数"定义类。其实在JS中，所有的东西都是"Name->Object对"(重要！！！今后我都简称NOP)，这里就是Sys.UI.TextBox到一

个无名函数function(associatedElement)的映射。当你在html里面调用
var tbInput = new Web.UI.TextBox($('textBoxInput'));
其实就是调用了这个对应的无名函数而已。（当然不止于此，我理解还将Sys.UI.TextBox.prototype这个特殊对象传给了tbInput）。顺便说一下这个例子中的$其实是一个Atlas的函数，其实就是调用DOM的getElementByID。
·其次：怎么所有的实现都在这个无名函数(构造函数)里面？因为TextBox这个Object里面有哪些"NOP"是在运行时添加的。你没有看错，是运行时，也就是说，当你使用new调用构造函数时，在构造函数里面才通过this.get_text=function...给这个对象定义了一个名为"get_text"的属性（准确是NOP的N），他对应的O就是一个无名函数。这就是我弄了半天才转过来的弯，但是这个特性使得JS的运行时很简单，同时语言也具备了很大的灵活性。大家都非常喜欢JS的Eval函数，如果理解所有的都是NOP，小菜一碟。
·最后，TextBox是从InputControl继承下来的（InputControl能对输入内容进行有效性验证），在Atlas是通过调用registerClass实现的。
Function.prototype.registerClass =function(...)
{...
for (var i=0;i <baseType.length;i++){this.prototype._astrPendingInherits.push (baseType[i]);}
...}
Function是JS内建的类，刚才你已经看到了，TextBox这个名字其实对应的是一个Function，所以TextBox.prototype就是Function.prototype。他的实现本质也非常简单，就是把Sys.UI.InputControl的所有NOP全部复制到TextBox的prototype里面。想象不到吧，竟然这么实现继承。
·补充：有兴趣的兄弟强烈推荐看看prototype.js这个Framework的源码，简单且强大。他实现类的方法和Atlas采用完全不同的方法。前面已经看到了，Atlas是通过添加TextBox的NOP实现的，而Prototype是通过直接定义prototype这个特殊对象实现的，也就是说Atlas这种方法的好处是，编程时和传统语言较相似，而缺点就是内存和效率都很差。这里就不再深入了（其实我也深不了了，;P）。

消息和代理（Delegate）：
Sys.UI.TextBox =function(associatedElement)
{
this.initialize =function(){
_changeHandler =Function.createDelegate(this,this._onChanged);
this.element.attachEvent('onchange',_changeHandler);
}
this._onChanged =function(){...}
}
·首先：Function.createDelegate其实就是返回一个函数指针（其实就是Function Object），这个函数的作用就是调用this._onChanged。
Function.createDelegate =function(instance,method){return function(){return method.apply (instance,arguments);}}
晕了没有？没有？你强。有？我来解释下。为什么不直接this.element.attachEvent('onchange',this._onChanged);原因是JS的Input控件在触发消息时，是不会传递this指针的。而createDelegate的作用就是创建了一个保存了this指针的函数。明白了么？
·其次：this.element是哪里来的？还记得构造函数唯一的参数associatedElement么？在调用基类的initialize函数时，基类（Sys.UI.Control）的构造函数中this.element =associatedElement;设置的这个NOP。
·最后：attachEvent是DOM函数，允许一个事件有多个处理函数。html中<input type="button" onclick="onBtnClick"/>，其实就是调用了element.attachEvent(onBtnClick);。