博客园-Trulyhttp://www.cnblogs.com/Truly/写精彩代码 品暇逸人生 zh-cnFri, 29 Aug 2008 07:14:01 GMTFri, 29 Aug 2008 07:14:01 GMT60继续完善SandCastlehttp://www.cnblogs.com/Truly/archive/2007/08/09/849856.htmlTrulyTrulyThu, 09 Aug 2007 12:56:00 GMThttp://www.cnblogs.com/Truly/archive/2007/08/09/849856.htmlhttp://www.cnblogs.com/Truly/comments/849856.htmlhttp://www.cnblogs.com/Truly/archive/2007/08/09/849856.html#Feedback4http://www.cnblogs.com/Truly/comments/commentRss/849856.htmlhttp://www.cnblogs.com/Truly/services/trackbacks/849856.html作者：Truly
日期：2007.8.8

今天抽空继续调整了SandCastle的部分代码，现在可以初步看到一些jscript格式的说明文档了，不过还是不很完美，由于没有SandCastle的源码，极大的影响了调试修改的过程。下面是生成的文档的一个抓图，大家可以通过点击这里查看我生成的文档。




// Bootstrapping the Sys namespace. Can't use registerNamespace here as its code uses some of the private
// variables that moved from the global namespace onto Sys.
// Changes to registerNamespace should be checked against this bootstrapping code to keep them in sync.
window.Sys = {
    __namespace: true,
    __typeName: "Sys",
    getName: function() {return "Sys";},
    __upperCaseTypes: {}
};
Sys.__rootNamespaces = [Sys];
Sys.__registeredTypes = {};

Sys.IDisposable = function Sys$IDisposable() {
    throw Error.notImplemented();
}

    function Sys$IDisposable$dispose() {
        throw Error.notImplemented();
    }
Sys.IDisposable.prototype = {
    dispose: Sys$IDisposable$dispose
}
Sys.IDisposable.registerInterface('Sys.IDisposable');
Sys.StringBuilder = function Sys$StringBuilder(initialText) {
    /// <summary locid="M:Sys.StringBuilder.#ctor" />
    /// <param name="initialText" optional="true" mayBeNull="true" locid="Param:Sys.StringBuilder.#ctor.initialText"></param>
    var e = Function._validateParams(arguments, [
        {name: "initialText", mayBeNull: true, optional: true}
    ]);
    if (e) throw e;
    this._parts = (typeof(initialText) !== 'undefined' && initialText !== null && initialText !== '') ?
        [initialText.toString()] : [];
    this._value = {};
    this._len = 0;
}

上面是Sys的部分代码，看一下生成的文档：


抓图3：


说明：今天继续修改SandCastle组件并调整了生成的配置，最终获得了上面的js文档。

通过SandCastle我们可以生成JavaScript和.NET代码的注释文档，风格有好几种，而且现在的CTP版本已经增强了很多自定义的功能。

本文仍然是以MicrosoftAjax.js为文档，对于自己编写的js也可以利用ScriptDoc和SandCastle来生成文档。

today's update(August 9, 2007): fixed the format of class and method,etc. and added a JavaScriptDeclarationSyntaxGenerator class into the SyntaxComponents, then you can set sandcastle.config to generate a javascript document using this template.

here's some shots:





Now its format is very close the MS script reference.

to be continue...

[新闻]Mac OS X 10.5.5 Build 9F23 测试版和 Safari 4 预览版]]>使用SandCastle和ScriptDoc创建JavaScript文档http://www.cnblogs.com/Truly/archive/2007/08/08/847945.htmlTrulyTrulyWed, 08 Aug 2007 07:45:00 GMThttp://www.cnblogs.com/Truly/archive/2007/08/08/847945.htmlhttp://www.cnblogs.com/Truly/comments/847945.htmlhttp://www.cnblogs.com/Truly/archive/2007/08/08/847945.html#Feedback1http://www.cnblogs.com/Truly/comments/commentRss/847945.htmlhttp://www.cnblogs.com/Truly/services/trackbacks/847945.html作者：Truly
日期：2007.8.8

首先我们要遵循JavaScript注释规范，详见ScriptDoc和
    http://weblogs.asp.net/bleroy/archive/2007/04/23/the-format-for-javascript-doc-comments.aspx

下面是SandCastle的一些相关站点    
http://blogs.msdn.com/sandcastle/
   
Sandcastle June CTP 的下载地址
http://www.microsoft.com/downloads/thankyou.aspx?familyId=e82ea71d-da89-42ee-a715-696e3a4873b2&displayLang=en


都下载安装好，运行ScriptDoc则可以在Output目录中找到生成的MicrosoftAjax.org和MicrosoftAjax.xml，注意codeplex上面的版本是对应1.0.0.0版本的Asp.net Ajax框架，而现在ms官方站点上面的版本是1.0.61025.0，所以可能部分代码有点问题。假设你可以正确生成MicrosoftAjax.org和MicrosoftAjax.xml，如果不能正确生成的，请到ScriptDoc这里下载，我们今天要使用的是MicrosoftAjax.org。

由于官方的SandCastle暂时还不能完美的支持ScriptDoc，这里我简单做了一个修正，但是产生的文档跟我们的期望还是有点差距的，等我进一步完善后，再贴出补丁包。

暂时可以使用下面补丁进行预览

我制作的补丁包Sandcastle.rar

执行说明：1.首先需要安装好SandCastle，上面已经给出下载地址。

            2.然后将上面的补丁包覆盖过去，运行Example中的runme.bat，等待片刻即可。

说明：我修改了SandCastle的一个SyntaxComponents组件，避免了错误报出，Exapmle\Truly\目录中的MicrosoftAjax.org即是用ScriptDoc导出的MicrosoftAjax.js文件的注释文档。

小节：SandCastle组件大量使用反射，以及ASP.NET AJAX实现的反射机制，都值得我们深入研究。

资源：
http://blog.csdn.net/hustorochi/archive/2007/07/20/1700449.aspx 文中详细讲解了SandCastle和Sandcastle Help File Builder等的使用。
http://blogs.msdn.com/sandcastle/              SandCastle
http://www.codeplex.com/scriptdoc           ScriptDoc

这里我把一个生成好的文档放上来，先预览一下，有待完善，需要重新制作模版
这里是原始的MicrosoftAjax.js文件：http://www.cnblogs.com/Files/Truly/MicrosoftAjaxDebugJS.rar，也可以到ASP.NET Ajax官方站点ajax.asp.net下载



[新闻]十月上市 Google手机HTC Dream官方图现]]>关于.NET的异常处理的几个误区http://www.cnblogs.com/Truly/archive/2007/08/05/843837.htmlTrulyTrulySun, 05 Aug 2007 08:21:00 GMThttp://www.cnblogs.com/Truly/archive/2007/08/05/843837.htmlhttp://www.cnblogs.com/Truly/comments/843837.htmlhttp://www.cnblogs.com/Truly/archive/2007/08/05/843837.html#Feedback15http://www.cnblogs.com/Truly/comments/commentRss/843837.htmlhttp://www.cnblogs.com/Truly/services/trackbacks/843837.html作者：Truly
日期：2007.8.5

很久前就想写这么一篇文章，因为很多人使用.Net多年之后还是对异常处理一知半解的，有很多误解，本文将讲解三个常见误解，一个是catch的使用方法是否正确，另外两个是try/catch的性能损失问题。

有些人认为下面代码就是一个catch的错误用法:

catch(Exception e)
{
    throw e;
}

首先说明，这不是一个错误用法，但是通常来讲，我们应该避免这种代码。然后要说明的是，这段代码有一个比较典型的作用就是改变异常出现的位置，也就是可以对某类异常统一在一个位置处理。先看下面代码：

    public int GetAllCount2()
    {
        try
        {
            openDB();
            int i = 1;
            return i;
        }
        catch (SqlException sex)
        {
            throw sex;
        }
        catch (Exception ex)
        {
            throw ex;
        }
    }
    public int GetAllCount()
    {
        openDB(); // 这里也可能是微软企业类库等
        int i = 1;
        return i;
    }

    private void openDB()
    {
        conn.Open();
    }

假设我们有一个公用方法叫openDB(),而很多方法中调用它，当数据库打开失败的时候，对于调用GetAllCount方法，异常将定位于conn.Open而如果调用GetAllCount2，那么异常定位于throw sex的位置，同时堆栈信息也有所不同，可以更快捷的找到调用方法的位置，也可在此位置进行一些错误恢复处理。尤其是我们编写一些底层类库的时候，比如Framework类库从不会把异常代码定位到Framework类库内部的某个方法上面。但是需要注意的是我们尽量避免捕获异常而不返回，例如
catch(){}

这样的使用就是典型的错误使用了，因为对于Framework来讲，任何时候系统都可能抛出一个StackOverflowException或者OutOfMemoryExcetpion而上面这段代码则隐藏了这些异常，有时候则导致一些严重的问题。


对于异常处理，在性能上有2点注意

第一点，在使用try/catch时，如果不发生异常，那么几乎可以忽略性能的损失。

关于这一点，这里我们进行一些深入分析，对此比较了解的可以跳过本节。首先，让我们先看一下try/catch的IL表现。我们有2个方法，一个使用try/catch，而另一个未做任何处理：

static int Test1(int a, int b)
{
    try
    {
        if (a > b)
            return a;
        return b;
    }
    catch
    {
        return -1;
    }
}

static int Test2(int a, int b)
{
    if (a > b)
        return a;
    return b;
}

使用ILDasm工具查看，IL代码分别如下：（这里之所以引入IL，是因为IL是比较接近机器汇编，所以在IL中我们可以更清楚的了解代码的执行情况，对IL没有兴趣的可以跳过此节）

.method private hidebysig static int32  Test1(int32 a,
                                              int32 b) cil managed
{
  // 代码大小       30 (0x1e)
  .maxstack  2
  .locals init ([0] int32 CS$1$0000,
           [1] bool CS$4$0001)
  IL_0000:  nop
  .try
  {
    IL_0001:  nop
    IL_0002:  ldarg.0
    IL_0003:  ldarg.1
    IL_0004:  cgt
    IL_0006:  ldc.i4.0
    IL_0007:  ceq
    IL_0009:  stloc.1
    IL_000a:  ldloc.1
    IL_000b:  brtrue.s   IL_0011
    IL_000d:  ldarg.0
    IL_000e:  stloc.0
    IL_000f:  leave.s    IL_001b
    IL_0011:  ldarg.1
    IL_0012:  stloc.0
    IL_0013:  leave.s    IL_001b
  }  // end .try
  catch [mscorlib]System.Object 
  {
    IL_0015:  pop
    IL_0016:  nop
    IL_0017:  ldc.i4.m1
    IL_0018:  stloc.0
    IL_0019:  leave.s    IL_001b
  }  // end handler
  IL_001b:  nop
  IL_001c:  ldloc.0
  IL_001d:  ret
} // end of method Program::Test1


Test2

.method private hidebysig static int32  Test2(int32 a,
                                              int32 b) cil managed
{
  // 代码大小       22 (0x16)
  .maxstack  2
  .locals init ([0] int32 CS$1$0000,
           [1] bool CS$4$0001)
  IL_0000:  nop
  IL_0001:  ldarg.0
  IL_0002:  ldarg.1
  IL_0003:  cgt
  IL_0005:  ldc.i4.0
  IL_0006:  ceq
  IL_0008:  stloc.1
  IL_0009:  ldloc.1
  IL_000a:  brtrue.s   IL_0010
  IL_000c:  ldarg.0
  IL_000d:  stloc.0
  IL_000e:  br.s       IL_0014
  IL_0010:  ldarg.1
  IL_0011:  stloc.0
  IL_0012:  br.s       IL_0014
  IL_0014:  ldloc.0
  IL_0015:  ret
} // end of method Program::Test2

这里我们只需关注红字高亮的几行即可。此处我们只关心try区块，即未发生异常的时候，对于Test1来讲，IL代码多出了8个字节来保存catch的处理代码，这一点对性能和资源几乎是微不足道的。
我们看到当Test1执行到IL_000f或者IL_0013的时候，将数据出栈并使用leave.s退出try区块转向IL_001b地址，然后将数据入栈并返回。

对于Test2来讲，执行到IL_000e或者IL_0012的时候, 直接退出，并将数据入栈然后返回。

这里对几个关键指令简单介绍一下

nop      do noting
stloc.0  Pop value from stack into local variable 0.
ldloc.0  Load local variable 0 onto stack.
br.s target branch to target, short form
leave.s target Exit a protected region of code, short form

下面我们看代码的实际运行情况，新建一个控制台Console程序，加入下面代码：

   点击左边图标展开代码

运行后可以看到代码的差异，通常在0.0001%的差别以内。

第二点，如果发生异常，那么引发或处理异常时，将使用大量的系统资源和执行时间。引发异常只是为了处理确实异常的情况，而不是为了处理可预知的事件或流控制。例如，如果方法参数无效，而应用程序需要使用有效的参数调用方法，则可以引发异常。无效的方法参数意味着出现了异常情况。相反，用户偶尔会输入无效数据，这是可以预见的，因此如果用户输入无效，则不要引发异常。在这种情况下，请提供重试机制以便用户输入有效输入。

我们经常需要将一个字符串转换为int，比如将Request.QueryString["id"]这样的字符串转换为int，在asp.net 1.x时代，我们常使用下列方式

try
{
    int id = Int32.Parse("123");
}
catch(){}

这样的后果是如果出现转换异常，你将不得不牺牲大量的系统资源来处理异常，即使你没有编写任何异常处理代码。

当然你也可以编写大量的代码来检测和转换字符串来替代try/catch方式，而从asp.net 2.0以后，框架将这个检测转换过程封装到Int32.TryParse方法中，再也不用蹩脚的try/catch来处理了。

还要补充一点，就是finally中的代码是始终保证运行的，所以留给大家一个问题，下面代码执行后a的值是多少：

int a = 2;
try
{
    int i = Int32.Parse("s");
}
catch
{
    a = 1;
    return;
}
finally
{
    a = 3;
}



小节：本文主要对异常处理的3个常见误解进行了纠正。撰稿仓促，如有疏漏，烦请指出。

参考文献：

http://msdn2.microsoft.com/zh-cn/library/system.exception(VS.80).aspx
http://msdn.microsoft.com/library/chs/default.asp?url=/library/CHS/cpguide/html/cpconexceptionsoverview.asp
《CIL Instruction Set Specification》
《Applied Microsoft.NET Framework Programming》



[新闻]2008年8月29日IT博客精选]]>JavaScript实现自定义事件http://www.cnblogs.com/Truly/archive/2007/08/03/842384.htmlTrulyTrulyFri, 03 Aug 2007 14:31:00 GMThttp://www.cnblogs.com/Truly/archive/2007/08/03/842384.htmlhttp://www.cnblogs.com/Truly/comments/842384.htmlhttp://www.cnblogs.com/Truly/archive/2007/08/03/842384.html#Feedback7http://www.cnblogs.com/Truly/comments/commentRss/842384.htmlhttp://www.cnblogs.com/Truly/services/trackbacks/842384.html作者：Truly
日期：2007.8.3

上篇文章介绍了属性，或者说是闭包，本文讨论它的一个实际应用。

由于将变量封装为方法，这样可以更好的保护私有变量，同时，我们也可以方便的监视它值的变化。

先看如下代码，部分代码来自于《Action in Ajax》
<html>
<head>
    <title>Test5</title>
</head>

<body>
<span id='test'>Click Me!</span>
<input type=button onclick="document.getElementById('test').value = 2" value='set'>
<script>
function Element(value, domEL){
this.domEl = domEL;
this.value = value;
this.domEl.buttonObj = this;    
this.domEl.onclick=this.clickHandler;
}

Element.prototype.clickHandler=function(){
var buttonObj = this.buttonObj;
alert(buttonObj.value);
}

var b = new Element(1, document.getElementById('test'));
</script>

</body>
</html>

运行这个页面，点击ClickMe的时候返回来我们初始化的值1，而set之后，再次点击，却没有得到期望的值2。

我们使用属性方法来改造上面的代码，得到：
<html>
<head>
    <title>Test6</title>
</head>

<body>
<span id='test'>Click Me!</span>

<input type=button onclick="document.getElementById('test').setValue(2)" value='set'>
<script>

function Element(value, domEL){
this.domEl = domEL;                
this.domEl.getValue = function() { return value; };
this.domEl.setValue = function(newValue) { value = newValue; };
this.value = value;
this.domEl.buttonObj = this;    
this.domEl.onclick=this.clickHandler;
}

Element.prototype.clickHandler=function(){
var buttonObj = this.buttonObj;    
alert(buttonObj.domEl.getValue());
}

var b = new Element(1, document.getElementById('test'));
</script>

</body>
</html>

打开页面，点击Click Me，然后点击set按钮，再次点击Click Me，这次我们得到了正确的结果，方法的好处就在于此。

有了上面的基础，我们就很方便的实现对DOM元素的onValueChange事件进行监听：
<html>
<head>
    <title>Test7</title>
</head>

<body>
<span id='test'>Click Me!</span>
<input type=button onclick="document.getElementById('test').setValue(2)" value='set'>
<script>
function Element(value, domEL){
this.domEl = domEL;            
this.domEl.getValue = function() { return value; };
this.domEl.setValue = function(newValue) { var isChange=false || value!=newValue; value = newValue; if(isChange && this.onValueChange) this.onValueChange();  };
this.domEl.buttonObj = this;    
this.domEl.onclick=this.clickHandler;
this.domEl.onValueChange=this.valueChangeHandler;
}

Element.prototype.clickHandler=function(){
var buttonObj = this.buttonObj;    
alert(buttonObj.domEl.getValue());
}
Element.prototype.valueChangeHandler=function(){
var buttonObj = this.buttonObj;
alert('value is changed to '+ buttonObj.domEl.getValue());
}

var b = new Element(1, document.getElementById('test'));
</script>

</body>
</html>

这样当我们点击set按钮改变dom元素value的时候，则激发其onValueChange事件，并且此方法可以应用到所有的DOM元素上，更加方便实现MVC模式和Obsever模式。

同时通过本文的示例，更加清晰的认识了使用属性或者说闭包方式带给我们的好处。

enjoy code！


[新闻]微软在华布局农村手机 定位小城镇和打工者]]>JavaScript面向对象之属性实现http://www.cnblogs.com/Truly/archive/2007/08/03/842291.htmlTrulyTrulyFri, 03 Aug 2007 13:23:00 GMThttp://www.cnblogs.com/Truly/archive/2007/08/03/842291.htmlhttp://www.cnblogs.com/Truly/comments/842291.htmlhttp://www.cnblogs.com/Truly/archive/2007/08/03/842291.html#Feedback15http://www.cnblogs.com/Truly/comments/commentRss/842291.htmlhttp://www.cnblogs.com/Truly/services/trackbacks/842291.html作者：Truly
日期：2007.8.3

在我前面一篇文章《在JavaScript中使用面向对象》中我们介绍了MSDN的一篇文章《使用面向对象的技术创建高级 Web 应用程序》，作者简单介绍了JavaScript面向对象的一些关键技术，但是作者在讲到闭包概念的时候犯了一个明显的错误：“正常情况下，无法从函数以外访问函数内的本地变量。函数退出之后，由于各种实际原因，该本地变量将永远消失”详见原文。事实上这段描述是错误的。

请先看如下代码：
<script>
function Test(abc)
{
this.g = function(){debugger;};
}

var p = new Test(2);
p.g();
</script>

如果你启用了IE的调试功能，并安装了脚本调试器，例如VS，那么你在程序提示调试的时候进入调试，此时你可以醒目的发现abc依然存在，并且完好的保存了正确的值，而并非永远消失。但是这也不是我本文要讨论的重点，只是希望大家以后能够多动手，多实践，像MS ASP.NET AJAX 团队的软件设计工程师都会犯这种错误，更何况诸位呢？

本文要讨论的是面向对象编程中常用的属性，但是在JavaScript中属性则无法像高级编程语言那样可以直接使用，看起来更像方法，这种实现方式也有人称之为闭包，但本文以属性相称。

属性是对私有变量的一种保护手段，同时提供了像public变量一样的使用效果，近代的高级编程语言例如C#和Java都支持了属性这一特点。

我们知道，函数的入口参数被声明为该函数的本地变量，而对于本地变量，像我前面《在JavaScript中使用面向对象》关于全局变量和局部变量中描述的那样，由于其作用域仅限于函数内部，所有无法在外部对其进行访问，例如p.abc不会返回p内部的abc变量。这一点跟高级编程语言完全一致，你无法在类外部访问其private变量，但是我们可以借助public方法来返回私有变量。所以高级编程语言如Java，C#等中属性的作用，就是保护私有变量。像C#这门语言，属性最终会由编译器编译为get_属性名()这样的方法，当我们使用某个属性时，实质上是调用一个方法。

《使用面向对象的技术创建高级 Web 应用程序》的作者认为是由于方法的定义才使局部变量存活下来，这一点是不正确的，具体我们前面已经分析过了，如果你仍有疑问，那么再仔细研究下面的代码：
function Person(name, age) {
    this.getName = function() {debugger; return 1; };
}
var o = new Person(1,2);
o.getName();    // 进入调试后发现name=1
var t = new Person(2,4);
t.getName();    // 进入调试后发现name=2
o.getName();    // 进入调试后发现name=1,并未受到其它实例的影响

对于这个问题，我起初也认为是因为变量有引用才没被销毁，最后证明局部变量在对象销毁前其内部的变量不会销毁。

同时那篇文章中另外一段也是不准确的：
注意，这些私有成员与我们期望从 C# 中产生的私有成员略有不同。在 C# 中，类的公用方法可以访问它的私有成员。但在 JavaScript 中，只能通过在其闭包内拥有这些私有成员的方法来访问私有成员（由于这些方法不同于普通的公用方法，它们通常被称为特权方法）。因此，在 Person 的公用方法中，仍然必须通过私有成员的特权访问器方法才能访问私有成员

关于这一点，他的表述相当模糊，事实上我们可以这样理解：

在C#中我们可以在类的任何方法中访问类的私有成员变量，
而在JavaScript中，只能使用在function方式中定义的方法对私有成员访问，而无法在prototype方式定义的方法中访问。

如果这样讲你还不能理解的话，那么还可以这样理解，在JavaScript中的私有变量无法在其声明函数外访问，例如：

function Person()
{
    var ttt;
}

永远不能在{}外部试图访问ttt。

现在我们更加深入的理解了变量作用域在JavaScript中的特点。

前面讲了高级编程语言中属性的种种好处，又研究了JavaScript对私有变量的保护，那么您对JavaScript中属性的实现应该非常清楚了，这里引用《使用面向对象的技术创建高级 Web 应用程序》文中的一段示例代码：

function Person(name, age) {
    this.getName = function() { return name; };
    this.setName = function(newName) { name = newName; };
    this.getAge = function() { return age; };
    this.setAge = function(newAge) { age = newAge; };
}

关于属性在实际中的应用及其优点，将在我下一篇文章介绍自定义事件中讲解。

后记：本来打算在这里讲述如何在JavaScript中实现面向对象中的一些特性，比如用“属性”这一现代编程概念体现的对象的封装性：不直接操作类的数据内容，而是通过访问器进行访问，即借助于get和set对私有成员的值进行读写。最后却演变成为一个白马是不是马的哲学讨论，真是汗颜。

[新闻]微软在华布局农村手机 定位小城镇和打工者]]>JavaScript随笔一篇http://www.cnblogs.com/Truly/archive/2007/07/31/838157.htmlTrulyTrulyTue, 31 Jul 2007 14:17:00 GMThttp://www.cnblogs.com/Truly/archive/2007/07/31/838157.htmlhttp://www.cnblogs.com/Truly/comments/838157.htmlhttp://www.cnblogs.com/Truly/archive/2007/07/31/838157.html#Feedback3http://www.cnblogs.com/Truly/comments/commentRss/838157.htmlhttp://www.cnblogs.com/Truly/services/trackbacks/838157.htmlTruly
日期：2007.7.31

近期Post了不少Javascript文章，还是收到不少支持，你们的回复是我写下去的动力，谢谢你们！

刚刚研究了一下新浪的财经板块，其中对股票数据的处理真的是跟我的MVC模式的文章不谋而合啊。我顺手写了2段代码，大家看看。

Stock.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Truly's stock</title>
    <script src=data.js></script>
    <style>
/* change_color */
.incolor{color:#FF0000;}
.decolor{color:#008000;}
#itemTickettime
{
    font-size:12px;
}
span,div{font-size:12px;}
    </style>
</head>

<body>
<script id=vsdata></script>
<input id=mystock value='000001'><br><br>
<input id='sh' type=radio name='type' checked value=1>sh<input type=radio name='type' value=2>sz
<br><br>
<input type=button value=' Go ' onclick='loadMyStockList()'> <input type=button value=' Stop ' onclick='stopFresh()'><br><br>
<div class="tbtb01">
<span id='name'></span>
<div><span id="itemMarket">-</span> <span id='code'></span> &nbsp;&nbsp;昨收<span id='s'></span>&nbsp;&nbsp;今开<span id='k'></span></div>
</div>
<div class="tbtb02">
<h3 id="itemCurrent" class="incolor">-</h3>
<span class="fRed01" id="itemcurrprice">-</span>&nbsp;&nbsp;<span class="fRed01" id="itemDiffpercent">-</span>
<span id="itemTickettime">-</span>
</div>
</body>
</html>

Data.js
var AppConf = {
    Interval_1s:1*1000,
    Interval_AginReq:500,
    url:'http://hq.sinajs.cn/format=js&func=S_Finance.upconstants.setData();&list='

};

function $(id){return document.getElementById(id);};
function $C(nodeName){return document.createElement(nodeName);};
function gt(){if($('sh').checked) return 'sh'+$('mystock').value;return 'sz'+$('mystock').value;}
var timer;
var itemCurrent;
function loadMyStockList()
{
    itemCurrent = $("itemCurrent");
    fullcode=gt();
    clearInterval(timer);
    timer = setInterval("Truly.load_data_script(AppConf.url+gt(),'vsdata');", 1000);
}
function stopFresh()
{
    clearInterval(timer);
}
var jk,zs;
var currprice,currnum;
var _A=function(t,c){t.appendChild(c)};
var fullcode = 'sh600390';
var Truly = {
    load_data_script:function(url,idname)
    {
        var h = new Date().getHours();
        var m = new Date().getMinutes();
        if(h < 9 || (h>15) || (h == 15&& m>10)) stopFresh();
        var obj=$(idname);
        if(obj){obj.parentNode.removeChild(obj);};
        var newscript=$C("script");
        newscript.type="text/javascript";
        newscript.src=url;
        newscript.id=idname;
        _A(document.body,newscript);
    }
}
var S_Finance={};
S_Finance.upconstants={itemTickettime:null,servertime:null,
setData:function(){
    this.itemTickettime=$("itemTickettime").innerHTML;
    eval("this.hq_str_symbol = hq_str_"+fullcode);
    if(this.hq_str_symbol!=null && this.hq_str_symbol!=undefined && this.hq_str_symbol!="undefined" && this.hq_str_symbol!="")
    {
        this.chgedary=new Array();
        this.chgedarylen=0;
        this.cacheidx=0;
        this.setValue(this.hq_str_symbol);
        this.initflag=1;
    }
    else
    {
        setTimeout(this._updata._Bind(this),AppConf.Interval_AginReq);
        return true;
    };
    this.setFlash=function(tid)
    {
        var _tidColor=$(tid).style.color;
        setTimeout(function(){$(tid).style.color="#000000";},400);
        setTimeout(function(){$(tid).style.color=_tidColor;},600);
        setTimeout(function(){$(tid).style.color="#000000";},800);
        setTimeout(function(){$(tid).style.color=_tidColor;},1000);
    };
    if(this.itemTickettime!=$("itemTickettime").innerHTML)
    {
        $("itemcurrprice").style.fontFamily="Arial";
        $("itemcurrprice").style.fontSize="11px";
        $("itemDiffpercent").style.fontFamily="Arial";
        $("itemDiffpercent").style.fontSize="11px";
        this.setFlash("itemCurrent");
        this.setFlash("itemcurrprice");
        this.setFlash("itemDiffpercent");
    };
    return true;
},
    setValue:function(data)
    {
        var dataContent=data;
        if(dataContent){
            dataContent.replace("\r","");dataContent.replace("\n","");
            var dataArray=dataContent.split(",");
            var arrayLen=dataArray.length;
        }
        $("itemTickettime").innerHTML=dataArray[30]+" "+dataArray[31];
        $("itemCurrent").innerHTML=dataArray[3];
        $("name").innerHTML=dataArray[0];
        $("code").innerHTML=fullcode;
        currprice = (dataArray[3]*1000-dataArray[2]*1000)/1000;
        currnum=(dataArray[3]*1000-dataArray[2]*1000)/(10*dataArray[2]);
        $("itemcurrprice").innerHTML=currprice;
        $("itemDiffpercent").innerHTML= Math.round(currnum*100)/100 + '%';
        jk=dataArray[1];
        zs=dataArray[2];
        
        $("k").innerHTML=jk;
        $("s").innerHTML=zs;
        if(dataArray[3] >zs) itemCurrent.style.color='#FF0000';
        else if(dataArray[3] ==zs) itemCurrent.style.color='#000000';
        else itemCurrent.style.color='#008000';
        $("itemcurrprice").style.color=itemCurrent.style.color;
        $("itemDiffpercent").style.color=itemCurrent.style.color;
    }
}

呵呵，写的很简单就不往首页放了。大家慢慢看，玩股票的兄弟们祝你们都赚到钱，不玩股票的就多研究研究技术。这里下载源码。

enjoy code！

[新闻]暴雪确认《星际争霸2》将不会在08年内发售]]>设计模式在JavaScript中的应用(2) -- Observerhttp://www.cnblogs.com/Truly/archive/2007/07/31/838107.htmlTrulyTrulyTue, 31 Jul 2007 13:34:00 GMThttp://www.cnblogs.com/Truly/archive/2007/07/31/838107.htmlhttp://www.cnblogs.com/Truly/comments/838107.htmlhttp://www.cnblogs.com/Truly/archive/2007/07/31/838107.html#Feedback5http://www.cnblogs.com/Truly/comments/commentRss/838107.htmlhttp://www.cnblogs.com/Truly/services/trackbacks/838107.htmlTruly
日期：2007.7.31

上次我们讨论了Web开发中最重要的设计模式MVC，今天我们要讨论的是Observer模式，与MVC这样的大型设计模式相比，Observer模式则要轻量很多。废话不多说了，进入主题

Obsever简单应用

请先看一段代码：

// the process array calling after page loaded for page listener.
var PageLoadListener = new Array(); 

// page listener
function onDocumentLoaded()
{
    for (var a in PageLoadListener)
    {
        if(typeof  PageLoadListener[a]  == 'function')
            PageLoadListener[a]();
    }
}
// Add a listener to current page to run all function on the page.
if (document.addEventListener)
 document.addEventListener('DOMContentLoaded', onDocumentLoaded, false);
else  
 window.attachEvent('onload', onDocumentLoaded); 

而在另外一个js中我们定义：

PageLoadListener.push(domLoaded);    // push the domLoaded function into the listener array.

// a method need to call after page is loaded
function domLoaded()
{
    alert('document loaded');
}

通常我们经常要处理window.onload事件，例如使用下面代码来指定onload事件
window.onload=aFunction

    而当我们这样的方式声明的时候，很可能会覆盖已经定义过的window.onload事件，或者我们这里还有很多事件要在onload执行，那么如何应对这种情况呢？Observer模式恰好可以用来处理这种情况。首先我们需要为页面定义了一个监听器，检测页面中需要处理的事件，然后定义一个全局的监听器数组。这样需要处理的事件都可以注册到这个监听器数组中，然后统一进行调用。
   
    如上面代码中的，我们将需要处理的事件名通过下面代码