1. Intiliazition

Construction

Construction是组件构造阶段，组件的构造器不能有必须的参数。在构造函数中可以添加事件监听器，初始化属性。这个阶段只做很少的事情。

Configuration

Configuration是组件的配置阶段，组件的属性，事件回调函数，样式和效果定义都在这个阶段完成。你不应该把这些任务推迟到Attachment和Initlization阶段之后。

Attachment

Attachment阶段是把该组件追加到显示列表当中，一个Flex组件会被一个Flex容器IContianer以addChild方法添加到显示列表当中。

Initlization

在Initlization初始化阶段，组件会执行一次完整的invalidation/validation周期。这个阶段做的工作流程是：

• 发出preinitialize事件。
• 执行方法createChildren()
• 发出initialize事件。
• 行一次完整的invalidation/validation周期。
• 发出creationComplete事件。

2. Updating

用户可能会与组件产生交互，组件的位置大小可能改变，样式可能被重新赋值，也可能获得焦点或者被禁用等等。这些情况的发生都用影响到组件外观的变化。所以组件需要重绘自身来响应这些变化。

Invalidation

如果一个组件的属性改变，它可能就会标记组件为失效状态。

Validation

一个组件被标记失效后，会验证是否需要更新组件，如果需要会调用相关的方法来更新。组件有三个极其重要的方法来更新自己：

• commitProperties()
• measure()
• updateDisplayList(unscaledWidth,unscaledHeight)

除了这三个方法，还有一个重要的方法是styleChanged(styleName)，当某个样式改变时，styleChanged被调用，然后执行Invalidation标记组件。如果你有自定义一个组件，有一些法则必要得遵守：

不要在子类中显式调用commitProperties，measure和updateDisplayList这三个方法，你要做的是override，而不是call。如果你添加了新的样式，同样是要继承styleChanged方法，加入自己的逻辑。

3. Destruction

Detachment

当不需要这个组件时，把它从显示列表中移出。把组件从一个容器中移出再添加到另一个容器中比创建新的组件有更小的开销。

Garbage Collection

如果组件不再被引用时，它就成为符合垃圾回收的对象了，所以垃圾回收的第一条准则是不再有活动的引用。
更加值得注意的是第二条准则，即不包含使用了强引用的事件监听器，Dictionary和Timer。
所以尽量使用弱引用是多么重要，但是同样，小心你的弱引用在不该回收的时刻被回收了。例如对函数中的临时变量使用弱引用，你可能得不到你想要的异步结果。

但很有趣的是虽然官方已提供了详细的 FAQ 回答常见的问题，但仍然有许多误解存在，也因此我特别针对这些问题请教了 Gordon Smith (from Adobe Flex team) 两人一阵 email 往返后，大概已得出最佳化的答案，下面我试者将学到的资讯整理出来。

＊Actionscrīpt 3 与 Javascrīpt 2 的差别

AS3 与 JS2 都是依循 Ecmacript 4 规格所实作出来的语言，它们的 core language 是完全一样的。

Core language 包含: sealed classes, interfaces, namespaces, method closures, exceptions, strong typing, E4X 等，所以像 Array, String, int 等也都包含在内。

但在 core language 之上，就会依它执行的环境不同，而加上不同的 extension。

AS3: 在 flash player 里执行，因此会加上 flash所需的 DOM (Document Object Model) 例如 Sprite, MovieClip, Socket等。

JS2: 在 Browser 里执行，就会加上 Browser 相关的 DOM, 例如 Document, Form等。

＊Tamarin 是什么？

Tamarin 是由 AVM2 延伸而来，它只负责执行 Ecmacript 4 core language 的部份。

因此 Mozilla Foundation 拿到 Tamarin engine 后，第一件要做的事就是在上面实作 Browser 相关的 DOM，例如 Form 要怎么生成、Document 物件要如何存取。

Adobe 要做的事则是在上面实作 Flash 相关的 DOM, 例如 Sprite 要如何画出来？Video 要怎么串流与播放？Audio 的载入与音量控制等。(很显然的，这部份工作已经做完，不然你手上的 flash player 9 是打那儿来的？)

＊Adobe 与 Tamarin 往后的关系

如果日后，Mozilla 的 developer community 针对 Tamarin 做了某些最佳化，例如有神童出现把 E4X 的执行效率提高了100倍(例如他写了一个 routine/library 可以让 xml 的 processing time 缩短为原本的1/100)，这些改变一旦被加入 Tamarin 的 codebase，Adobe 也就可以共享成果。

因此每当 Tamarin 有重大升级或改版时，Flash Player 就可能也跟者推出新版，因为它内部的 core language scrīpt engine 也需要升级才能整合 Tamarin 的改变。

＊这代表 Adobe 也将 Flash Player open source了吗？

不。

Flash Player = Tamarin + Flash-specific DOM

而这次开放出去的只有核心的 Tamarin engine，因此跟 open source flash player 完全没关系。

实际上做为一个 universal platform，最好也不要有太多的 branch/fork，所以在可见的将来也不太可能见到官方做这件事。

＊将来 Firefox 不再需要 flash player 了吗？

不，从上面可知，Firefox + Tamarin 只是取得了一个快速的 Ecmascrīpt 4 core language engine, 但它并没有内含 flash DOM，所以用 Flash 开发的程式(swf)还是要乖乖在 flash player 里跑。

不然，adobe 还投入人力开发 64bit 与 linux player，难不成是做心酸的吗？

＊Tamarin 可以用在其它地方吗？

可以。

以 Dreamweaver 为例，它有内建 javascrīpt engine，可以让user写一些巨集之类的指令，自动化做某些事。

目前它是用 javascrīpt 1.5 语法，底层则是内建了 SpiderMonkey engine，然后在这之上，加入了 Dreamweaver 独有的 DOM, 例如 MenuCommand, EditorWindow，让user可以用 js1.5 去控制 Dreamweaver 的某些行为。

将来，Dreamweaver 可以选择改用 Tamarin 取代掉 SpiderMonkey 做为内建的 scrīpt engine, 这样user就可以写 OO 式的 JS2 巨集。

这就是一个不同的应用实例，而实际上 Fireworks, Flash, Acrobat 等也都有这样的能力，知名的 Red5 目前用 Rhino 将来也可以考虑改用 Tamarin，毕竟有个10倍速的免钱 scrīpt engine，何乐不为呢？

＊Tamarin 对 Flex developer 的影响

这部份就很有趣，简单来说，影响都是正面的，只是要把时间放长来看，正面的效应大概要一到两年后才会出现，但最多三年(2009)后就可以看出这步棋下的完全正确，而且可能是决定性的一步。
以上文字来自：http://ria.richtechmedia.com/

刚才还是忍不住到V8的官网读了些文档，想看看到底它的技术特点是什么。
V8官网：Google V8 JavaScript Engine
设计概念的文档：Design Elements
有人初试V8的经过：http://d.hatena.ne.jp/amachang/20080903/1220405193
V8是BSD许可证的，比较自由，方便用在各种项目中。
它是一个相当快的JavaScript实现。根据其设计概念的文档，它的高性能主要来自：

• 快速的属性访问
• 动态机器码生成
• 高效的垃圾收集

引用

  - Jscre, located under third_party/jscre.  This code is copyrighted
    by the University of Cambridge and Apple Inc. and released under a
    2-clause BSD license.
  - Dtoa, located under third_party/dtoa.  This code is copyrighted by
    David M. Gay and released under an MIT license.
  - Strongtalk assembler, the basis of the files assembler-arm-inl.h,
    assembler-arm.cc, assembler-arm.h, assembler-ia32-inl.h,
    assembler-ia32.cc, assembler-ia32.h, assembler.cc and assembler.h.
    This code is copyrighted by Sun Microsystems Inc. and released
    under a 3-clause BSD license.

Jscre我没怎么听说过，不知道跟PCRE（Perl Compatible Regular Expressions）的关系是怎样的。在Jscre源码的目录里看到了"pcre"的字样，不过详细情况还是以后再看看好了。Apple Webkit里的JavaScriptCore应该是直接用了PCRE的吧？还是说我看漏了……
===========================================================================
今天Mozilla方面也没忘记对Chrome/V8的发布作出反应。Brendan Eich，JavaScript的创始者，在其blog上发表了一篇相关评论：
Brendan Eich: TraceMonkey Update

Brendan Eich 写道

（向右多的是TraceMonkey比较快，向左多的是V8比较快）
可以看到在Brendan做的SunSpider测试中，TraceMonkey在递归密集的程序中速度会比V8慢许多，而在正则表达式等方面则比V8快。据Brendan称，TraceMonkey的开发时间还不长，递归方面的trace还没多少进度，所以在这部分是比较慢的。但下一步将会解决这个问题。

CREATE

    TABLE FAMILY

    (

        PERSON_ID INTEGER,

        NAME VARCHAR(50),

        AGE INTEGER,

        GENDER CHARACTER(1),

        PARENT_ID INTEGER

    )

insert into FAMILY (PERSON_ID, NAME, AGE, GENDER, PARENT_ID) values 

(1, 'Apple', 10, 'F', 10),

(2, 'Zoe', 11, 'F', 3),

(3, 'John', 30, 'M', 13),

(4, 'Mary', 25, 'F', 24),

(5, 'Peter', 14, 'M', 4),

(6, 'Jenny', 13, 'F', 4),

(24, 'Robert', 60, 'M', 30);

查询Jenny的祖先

WITH temptab (person_id, name, parent_id, LEVEL) AS          

     (SELECT person_id, name, parent_id, 0               

        FROM FAMILY

       WHERE name = 'Jenny'

      UNION ALL                                      

      SELECT SUPER.person_id, SUPER.name, SUPER.parent_id, CHILD.LEVEL+1         

        FROM FAMILY SUPER, temptab CHILD

       WHERE SUPER.person_id = CHILD.parent_id

) SELECT * FROM temptab                               

查询Robert的子孙

WITH temptab (person_id, name, parent_id, level) AS          

     (SELECT person_id, name, parent_id, 0               

        FROM FAMILY

       WHERE name = 'Robert'

      UNION ALL                                      

      SELECT CHILD.person_id, CHILD.name, CHILD.parent_id, SUPER.LEVEL+1         

        FROM FAMILY CHILD, temptab SUPER

       WHERE SUPER.person_id = CHILD.parent_id AND level < 2

) SELECT * FROM temptab WHERE LEVEL<>0

• public void setErrorMessage(String newErrorMessage)：显示传入的错误信息。（我们把用这个方法设置的信息叫做error message。）当前显示的信息会被保存起来，等到error message清空之后会再次显示，而清空error message要传入null，而不是传入空字符串。
  
• setMessage(String newMessage)：显示传入的信息，等同于setMessage(String newMessage, IMessageProvider.NONE)。如果当前显示的是error message，那么newMessage会被保存起来，等到error message清空后再显示。
  
• setMessage(String newMessage, int newType)：显示传入的信息，并显示指定的信息类型。可用的类型有NONE、INFORMATION、WARNING和ERROR。需要注意的是， setMessage(String newMessage, int IMessageProvider.ERROR)和setErrorMessage(String newErrorMessage)并不相同。后者会覆盖当前的任何信息，而前者只会覆盖当前的非error message，不会影响到error message（也就是说当error message清空后才会显示）。
  

这样，我们就可以为一些文本框添加ModifyListener，然后在其中设置TitleArea的信息了。

接着，再让我们来看看Button Bar。有些时候，我们希望把OK和Cancel这种默认的Button放置在Button Bar的右侧，而把其他Button放置在Button Bar的左侧，如下图中的Customize... Button：



这又如何实现呢？有人可能想到在 createButtonsForButtonBar方法中做一些手脚，但是遗憾的是这行不通，我们真正要覆写的是createButtonBar方法，下面是一个简单的例子：

/*
 * (non-Javadoc)
 * 
 * @see org.eclipse.jface.dialogs.TrayDialog#createButtonBar(org.eclipse.swt.widgets.Composite)
 */
protected Control createButtonBar(Composite parent) {
    Composite composite = new Composite(parent, SWT.NONE);
    GridLayout layout = new GridLayout();
    layout.numColumns = 0;
    layout.marginHeight = convertVerticalDLUsToPixels(IDialogConstants.VERTICAL_MARGIN);
    layout.marginWidth = convertHorizontalDLUsToPixels(IDialogConstants.HORIZONTAL_MARGIN);
    layout.verticalSpacing = convertVerticalDLUsToPixels(IDialogConstants.VERTICAL_SPACING);
    layout.horizontalSpacing = convertHorizontalDLUsToPixels(IDialogConstants.HORIZONTAL_SPACING);

    composite.setLayout(layout);
    composite.setLayoutData(new GridData(GridData.FILL_HORIZONTAL));

    if (isHelpAvailable()) {
        createHelpControl(composite);
    }

    createButton(composite, MyConstants.IMPORT_BUTTON_ID, "Import", false).addSelectionListener(new SelectionAdapter() {
        public void widgetSelected(SelectionEvent e) {
            MessageDialog.openInformation(MaintainModuleDialog.this.getShell(), "Information",
                "\"Import\" button has not been implemented.");
        }
    });

    createButton(composite, MyConstants.EXPORT_BUTTON_ID, "Export", false).addSelectionListener(new SelectionAdapter() {
        public void widgetSelected(SelectionEvent e) {
            MessageDialog.openInformation(MaintainModuleDialog.this.getShell(), "Information",
            "\"Export\" button has not been implemented.");
        }
    });

    createButton(composite, MyConstants.OTHER_BUTTON_ID, "Other", false).addSelectionListener(new SelectionAdapter() {
        public void widgetSelected(SelectionEvent e) {
            MessageDialog.openInformation(MaintainModuleDialog.this.getShell(), "Information",
            "\"Other\" button has not been implemented.");
        }
    });

    Label filler = new Label(composite, SWT.NONE);
    filler.setLayoutData(new GridData(GridData.FILL_HORIZONTAL | GridData.GRAB_HORIZONTAL));
    layout.numColumns++;

    super.createButtonsForButtonBar(composite);

    return composite;
}

正如你所见，我们实际上创建了自己的Button Bar，然后在上面添加了3个Button：Import、Export和Other，最后 super.createButtonsForButtonBar会创建OK和Cancel Button。filler是用来在两组Button见占位的。代码中用到的两个convert方法来自 org.eclipse.jface.dialogs.Dialog类，你还可以在这个类中找到一个getButton(int)方法，它可以根据传入的 ID返回用createButton创建的Button。这些都是非常实用的方法。

回头看一下上面那个完整的 TitleAreaDialog图片，你会看到在Dialog左下角有一个问号符号，这其实是一个Button，点击它可以显示帮助信息，当然帮助信息是由你来创建的。让我们看看Eclipse Search的TitleAreaDialog中的帮助信息吧：



如果我们也想实现这种帮助机制，那么就要实现如下方法：

/*
 * (non-Javadoc)
 * 
 * @see org.eclipse.jface.dialogs.TrayDialog#createHelpControl(org.eclipse.swt.widgets.Composite)
 */
protected Control createHelpControl(Composite parent) {
    // TODO Auto-generated method stub
    return super.createHelpControl(parent);
}

如果不想实现帮助机制，那么最好不要在Dialog中显示出那个问号符号，你可以覆写如下方法并永远返回false，这样就不会显示问号符号了。

/*
 * (non-Javadoc)
 * 
 * @see org.eclipse.jface.dialogs.TrayDialog#isHelpAvailable()
 */
public boolean isHelpAvailable() {
    return false;
}

那么这个酷酷的帮助机制到底是个什么东西呢？实际上，它的学名叫做DialogTray。TitleAreaDialog继承了

org.eclipse.jface.dialogs.TrayDialog类，而TrayDialog就可以显示这种 DialogTray，是不是有点儿拗口呢？实际上，我们不仅仅可以添加帮助信息这一种DialogTray，还可以添加任意的DialogTray，现在就让我们动手实现一个最简单的吧。代码很简单，最主要的就是要实现一个DialogTray，代码如下：

import org.eclipse.jface.dialogs.DialogTray;
import org.eclipse.swt.SWT;
import org.eclipse.swt.layout.GridData;
import org.eclipse.swt.layout.GridLayout;
import org.eclipse.swt.widgets.Composite;
import org.eclipse.swt.widgets.Control;
import org.eclipse.swt.widgets.Label;
import org.eclipse.swt.widgets.Text;

public class MyDialogTray extends DialogTray {

    /*
     * (non-Javadoc)
     * 
     * @see org.eclipse.jface.dialogs.DialogTray#createContents(org.eclipse.swt.widgets.Composite)
     */
    protected Control createContents(Composite parent) {
        Composite container = new Composite(parent, SWT.NONE);
        final GridLayout gridLayout = new GridLayout();
        gridLayout.numColumns = 2;
        container.setLayout(gridLayout);

        final Label label = new Label(container, SWT.NONE);
        label.setText("Name:");

        final Text text = new Text(container, SWT.BORDER);
        text.setLayoutData(new GridData(SWT.FILL, SWT.CENTER, true, false));

        return container;
    }

}

我们只在其中创建了一个Label和一个Text，这就足够了。最后，我们为MyTitleAreaDialog添加两个Button，用来打开和关闭MyDialogTray，代码如下：

final Button openTrayButton = new Button(container, SWT.NONE);
openTrayButton.setText("Open Tray");

final Button closeTrayButton = new Button(container, SWT.NONE);
closeTrayButton.setText("Close Tray");
closeTrayButton.setEnabled(false);

openTrayButton.addSelectionListener(new SelectionAdapter() {
    public void widgetSelected(final SelectionEvent e) {
        // this method is from TrayDialog
        openTray(new MyDialogTray());
        openTrayButton.setEnabled(false);
        closeTrayButton.setEnabled(true);
    }
});

closeTrayButton.addSelectionListener(new SelectionAdapter() {
    public void widgetSelected(final SelectionEvent e) {
        // this method is from TrayDialog
        closeTray();
        openTrayButton.setEnabled(true);
        closeTrayButton.setEnabled(false);
    }
});

最后我们会得到如下对话框：



好了，就讲这么多吧。如果能把这些东东适当地用在你的Application中，那么效果一定非常棒。