2007年5月30日

Java服務(wù)器每次請(qǐng)求創(chuàng)建的對(duì)象數(shù)

改寫了一下Java基類，添加了一個(gè)計(jì)數(shù)器。
用tomcat測(cè)試了一下連續(xù)若干次請(qǐng)求時(shí)創(chuàng)建的對(duì)象個(gè)數(shù)。

第【148259】個(gè)對(duì)象
天哪，服務(wù)器啟動(dòng)開(kāi)始就是14萬(wàn)個(gè)對(duì)象。

第【148668】個(gè)對(duì)象
第【149091】個(gè)對(duì)象
第【149211】個(gè)對(duì)象
第【149291】個(gè)對(duì)象
第【149418】個(gè)對(duì)象
第【149541】個(gè)對(duì)象
第【149867】個(gè)對(duì)象
第【149947】個(gè)對(duì)象

回想一下以前人們?yōu)槌舐膕truts1的單例Action的設(shè)計(jì)的辯護(hù)，真是可笑之極，哈哈哈哈

posted @ 2008-03-11 11:35 金大為閱讀(932) | 評(píng)論 (4) | 編輯收藏

文言文版的編程之道【推薦】

無(wú)意間看到的一片趣文：

希望有一天能看到文言文版的國(guó)外圖書翻譯，真的比較有趣，還有，不懂的時(shí)候，也可以順帶看看英文原文，也好順便學(xué)學(xué)英語(yǔ)，呵呵。

引：

Thus spake the master programmer:

"When you have learned to snatch the error code from the trap frame, it will be time for you to leave."

師曰：『惑中取錯(cuò)之日，可出山矣。』

…..

全文見(jiàn)：

http://livecn.huasing.org/tao_of_programming.htm

posted @ 2007-12-01 15:27 金大為閱讀(259) | 評(píng)論 (0) | 編輯收藏

挺一個(gè)中國(guó)程序員開(kāi)發(fā)的漂亮的模板引擎：CommonTemplate

我一直都想搞一個(gè)XML的模板引擎，大凡非xml的模板風(fēng)格，第一感覺(jué)就是那么的不爽。
可是CommonTemplate例外。

CommonTemplate處處為程序員考慮周到的漂亮的語(yǔ)法風(fēng)格，確實(shí)非常誘人。
具體的語(yǔ)法我就不一一列舉了，大家可以到他的官方網(wǎng)站去翻閱。

挑幾個(gè)亮點(diǎn)介紹一下：

for循環(huán)的空處理，相信曾經(jīng)麻煩了不少程序員吧。
現(xiàn)在好了，CT支持如下語(yǔ)法：

   $for{}
   <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
   </tr>
   $forelse
   <tr>
      <td colspan="3">沒(méi)有數(shù)據(jù)</td>
   </tr>
   $end
大膽的關(guān)鍵字利用。

<html>
    <body>
        $if{users != null && users.size > 0}
        <table border="1">
            $for{user : users}
            <tr>
                <td>${for.index + 1}</td>
                <td>${user.name}</td>
                <td>${user.coins}</td>
            </tr>
            $end
        </table>
        $end
    </body>
</html>

大家看這段代碼。一般來(lái)說(shuō)，for這種常用關(guān)鍵字是不好用作id的，但是這里作為默認(rèn)的循環(huán)狀態(tài)對(duì)象的id。既解決了塊對(duì)象存放的問(wèn)題，又不會(huì)引起其他命名的沖突。一個(gè)字，妙！！！！
其他漂亮的特征：

注釋版語(yǔ)法外套，方便于測(cè)試數(shù)據(jù)填充及可視化編輯。
單一的語(yǔ)法規(guī)則，方便解析與擴(kuò)展。

等等。。。。

好了，贊嘆之余還是給出一點(diǎn)點(diǎn)遺憾：

boolean 運(yùn)算有點(diǎn)丑陋。
我個(gè)人更期望 js的boolean運(yùn)算風(fēng)格，沒(méi)有必要一碰到boolean 運(yùn)算就返回true ？ false
我們完全可以返回一個(gè)更有意義的值，比如，我更期望這個(gè)語(yǔ)句能如我所愿的執(zhí)行。

${ variable|| "默認(rèn)值"}

當(dāng)能，如上支持，CT是有的，它的寫法是

${ variable | "默認(rèn)值"}

但是，我感覺(jué)，這個(gè)語(yǔ)法就有點(diǎn)復(fù)雜了，也不那么直觀。
一般來(lái)說(shuō)| 是按位取或，是位運(yùn)算符，這里這個(gè)用法，跳躍的確實(shí)有點(diǎn)大，較難接受的。

posted @ 2007-11-29 21:28 金大為閱讀(1430) | 評(píng)論 (5) | 編輯收藏

eclipse正則表達(dá)式在編碼過(guò)程中的運(yùn)用

剛剛經(jīng)歷的一點(diǎn)小技巧，共享一下。

1。給代理函數(shù)加上空判斷

一個(gè)組合模式的運(yùn)用。代碼如下：

class Composite impliments IF1,IF2,IF3{
   private IF1 if1;
   private IF2 if2;
   private IF2 if2;
   public Composite (if1,if2,if3){
   }
}

eclipse 生成指代方法>>>>

class Composite impliments IF1,IF2,IF3{
   private IF1 if1;
   private IF2 if2;
   private IF2 if2;
   public Composite (if1,if2,if3){
   }
   public void method1(){
      if1.method1();
   }

.
}

//正則表達(dá)式
// (\w+method\d)(\..*) if($1!=null){$0}
//>>>

class Composite impliments IF1,IF2,IF3{
   private IF1 if1;
   private IF2 if2;
   private IF2 if2;
   public Composite (if1,if2,if3){
   }
   public void method1(){
      if(if1= null){
         if1.method1();
      }
   }

.
}

//還有一個(gè)構(gòu)造函數(shù)里的屬性賦值：
// (\w+) this.$1=$1

結(jié)果，略

觸類旁通，更多新的用法待你去發(fā)掘^_^

posted @ 2007-11-10 18:17 金大為閱讀(959) | 評(píng)論 (3) | 編輯收藏

這是hsqldb的bug？還是自己的用法不對(duì)。

被一個(gè)貌似hsqldb bug的問(wèn)題折磨了好幾個(gè)小時(shí)。
把經(jīng)過(guò)帖出來(lái)，大家?guī)臀铱纯础?br />
習(xí)慣把hql都寫成預(yù)定義的形式，同時(shí)又為了避免過(guò)多的hql定義，我的慣用伎倆：通過(guò)如下方式定義hql。

from Message
  where packageKey=:packageKey
   and ( null =  :fileKey or fileKey = :fileKey)
   and ( null = :objectKey or objectKey= :objectKey)
   and ( null = :memberKeys or memberKey in ( :memberKeys))

但是。今天在hqldb上測(cè)試時(shí)發(fā)現(xiàn)，在任何情況下（null = ?）都為真！！！
非常奇怪，害我調(diào)試了老半天，后來(lái)把數(shù)據(jù)庫(kù)換成了mysql，ok！！

非常奇怪啊。
不過(guò)，上面的寫法（null = :fileKey）也有點(diǎn)怪怪的。

posted @ 2007-10-18 22:31 金大為閱讀(795) | 評(píng)論 (2) | 編輯收藏

運(yùn)動(dòng)曲線研究(緩動(dòng)效果)

摘要: 剛剛學(xué)習(xí)了一下網(wǎng)頁(yè)動(dòng)畫中上的緩動(dòng)效果，分享一下學(xué)習(xí)心得。緩動(dòng)曲線的概念：緩動(dòng)曲線是一個(gè)0為起點(diǎn)的連續(xù)函數(shù)曲線，x軸表示時(shí)間變化，y軸表示位移變化。曲線的斜率反映出運(yùn)動(dòng)的數(shù)度。緩動(dòng)效果在Flash動(dòng)畫中比較常見(jiàn)，用于模擬一些現(xiàn)實(shí)中常見(jiàn)的運(yùn)動(dòng)軌跡，或者制造一些超絢的效果。而且新版本的Flash中，內(nèi)置了一些常用的緩動(dòng)曲線函數(shù)。可惜,Flash的這些曲線函數(shù)不是開(kāi)源的... 閱讀全文

posted @ 2007-10-14 21:14 金大為閱讀(1228) | 評(píng)論 (0) | 編輯收藏

目前為止，JSA依然是最強(qiáng)大的腳本壓縮工具。

目前為止，JSA依然是最強(qiáng)大的腳本壓縮工具。
As i know,JSA is the most powerfull compressor for javascript.

for jquery1.2.1 (80,469 byte;)

Compressor	beforegzip	aftergzip
source:	80,469;	24,975;
jquery default:	46,437;	14,641;
yuicomressor	46,210;	14,452;
JSA(without eval)	40,704;	13,604;
JSA(with eval):	26,157;	13,549;

JSA(webstart): http://www.xidea.org/webstart/JSA.jnlp

posted @ 2007-09-29 14:04 金大為閱讀(824) | 評(píng)論 (2) | 編輯收藏

JSA在線壓縮程序發(fā)布

JSA這個(gè)壓縮工具，是java編寫的，需要安裝java運(yùn)行環(huán)境。
這多少給一些非jav程序員帶來(lái)點(diǎn)不便。

現(xiàn)在我們發(fā)布servlet在線壓縮版本。無(wú)需安裝，在線壓縮，給非Java用戶一個(gè)更加便捷的使用方式。

項(xiàng)目主頁(yè)：http://www.xidea.org/project/jsa/
現(xiàn)在的在線壓縮服務(wù)器由Seaprince提供。
歡迎更多有空閑服務(wù)器資源的朋友安裝JSA在線服務(wù)，我將在jsa項(xiàng)目主頁(yè)提供鏈接，方便大家使用。

仍外，為了避免服務(wù)器資源被惡意濫用，我們默認(rèn)啟用了圖片驗(yàn)證，服務(wù)頻率限制等保護(hù)設(shè)置。
給用戶帶來(lái)些不便，敬請(qǐng)諒解。

posted @ 2007-08-22 16:28 金大為閱讀(1019) | 評(píng)論 (5) | 編輯收藏

腳本裝載時(shí)一個(gè)似乎應(yīng)該有所重視的問(wèn)題。

今天無(wú)意間打開(kāi)了一個(gè)CSDN上的個(gè)人blog，發(fā)現(xiàn)窗口無(wú)法拖動(dòng)，F(xiàn)irefox的標(biāo)簽頁(yè)也無(wú)法切換。

查看代碼：

看到Include函數(shù)，馬上可以想到，它很可能使用了動(dòng)態(tài)包含腳本的設(shè)計(jì)。

//http://blog.csdn.net/scripts/jsframework.js
window.Include=function(namespace, path)
{

..
};
S.load=function(namespace, path)
{

}

仔細(xì)閱讀這兩個(gè)函數(shù)代碼，發(fā)現(xiàn)它是通過(guò)XMLHttpRequest對(duì)象同步裝載腳本資源的（對(duì)IE，它采用userdata緩存優(yōu)化）。而這必將導(dǎo)致一種完全阻塞問(wèn)題（這種問(wèn)題我在仍外一篇blog上描述過(guò)：http://jindw.javaeye.com/blog/66702）。

說(shuō)到阻塞問(wèn)題，我想大家可能會(huì)以為只是一種下載延遲，其實(shí)不然。
下載延遲不是完全阻塞，瀏覽器依然可以響應(yīng)用戶事件。而同步XHR請(qǐng)求阻塞是一種完全的阻塞。
瀏覽器在腳本運(yùn)行與事件響應(yīng)共用同一個(gè)線程（我的猜測(cè)）。任何腳本尚在運(yùn)行時(shí)（包括被同步XHR請(qǐng)求阻塞的時(shí)間），瀏覽器將無(wú)法響應(yīng)任何用戶事件（無(wú)法拖放窗口、切換標(biāo)簽、重畫頁(yè)面等等，就像程序死了一樣）。與普通的下載延遲造成的阻塞，感覺(jué)明顯不同。

我對(duì)這個(gè)問(wèn)題可以說(shuō)深有體會(huì)，起初，在構(gòu)建JSI1的項(xiàng)目站點(diǎn)時(shí)。因?yàn)榫W(wǎng)站放在sourceforge上，訪問(wèn)數(shù)度不是一般的慢，幾個(gè)簡(jiǎn)單的例子，瀏覽器就要完全阻塞好幾妙鐘。正是厭惡這種完全阻塞的現(xiàn)象，我才開(kāi)發(fā)了JSI2。

事實(shí)上，現(xiàn)在的一堆堆js框架中，采用XHR同步裝載資源的有不少，JSVM、dojo、a9engine、hax的pies；其中JSVM， dojo都提供打包工具，將可能裝載的腳本打包到啟動(dòng)文件中，所以也可以避免XHR同步請(qǐng)求。不過(guò)這樣也就失去了部分動(dòng)態(tài)裝載的意義了。

總之，我非常討厭這種完全阻塞現(xiàn)象，認(rèn)為這個(gè)嚴(yán)重影響用戶體驗(yàn)。
可能也有些主觀因素把，希望聽(tīng)聽(tīng)大家的看法。

posted @ 2007-08-12 22:22 金大為閱讀(784) | 評(píng)論 (0) | 編輯收藏

一篇可能是誤認(rèn)子弟的言論

最近看見(jiàn)一個(gè)JavaEye上關(guān)于Java基本類型編譯優(yōu)化的帖子。
貌似高深莫測(cè)，其實(shí)疑點(diǎn)重重。吧內(nèi)容轉(zhuǎn)貼過(guò)來(lái)，希望在這里找到更合理的解釋。

引用網(wǎng)上看得一些文章

　int a = 3;
　int b = 3；

　　編譯器先處理int a = 3；首先它會(huì)在棧中創(chuàng)建一個(gè)變量為a的引用，然后查找有沒(méi)有字面值為3的地址，沒(méi)找到，就開(kāi)辟一個(gè)存放3這個(gè)字面值的地址，然后將a指向3的地址。接著處理int b = 3；在創(chuàng)建完b的引用變量后，由于在棧中已經(jīng)有3這個(gè)字面值，便將b直接指向3的地址。這樣，就出現(xiàn)了a與b同時(shí)均指向3的情況。

再令a=4；那么，b不會(huì)等于4，還是等于3。在編譯器內(nèi)部，遇到a=4；時(shí)，它就會(huì)重新搜索棧中是否有4的字面值，如果沒(méi)有，重新開(kāi)辟地址存放4的值；如果已經(jīng)有了，則直接將a指向這個(gè)地址。因此a值的改變不會(huì)影響到b的值

不知道真正的原理是不是那樣的？

如果是的話能證明嗎？

這些描述我也看過(guò)，很是不解。

如果說(shuō)這種基本類型也需要用這種指針的風(fēng)格，還要共享數(shù)據(jù)，那么后續(xù)的操作處理起來(lái)不是更麻煩嗎？
每次寫操作都要查找已有常量。甚至開(kāi)辟新的空間存儲(chǔ)新值。
再說(shuō)這個(gè)指針怎么的也要個(gè)32位吧。為什么就不能直接吧值放進(jìn)去，硬是要通過(guò)指針跳來(lái)跳去的，有意義嗎？
這優(yōu)化了嗎？

反正在我看來(lái)，這是不可能的。

希望有高手出來(lái)澄清一下，給個(gè)合理的解釋。

如果是對(duì)的，那也應(yīng)該給出有點(diǎn)說(shuō)服力的證據(jù)。
如果是錯(cuò)的，那么建議大家吧這篇文章的源頭揪出來(lái)，這個(gè)確實(shí)誤人不淺。

不過(guò)java對(duì) String 這類不可變對(duì)象的處理，編譯器確實(shí)有類似優(yōu)化，不過(guò)也只是編譯期。
這種系統(tǒng)類庫(kù)受到點(diǎn)編譯器的特別關(guān)注倒是很合理的。

posted @ 2007-07-30 08:29 金大為閱讀(1169) | 評(píng)論 (12) | 編輯收藏

JSI2 新功能預(yù)告：類庫(kù)導(dǎo)出支持、Ext集成

* 類庫(kù)導(dǎo)出支持（完全脫離JSI環(huán)境）
從JSI托管類庫(kù)中，選擇文件/對(duì)象集，導(dǎo)出為單一腳本文件，完全脫離JSI裝載環(huán)境。
也就是說(shuō)，屆時(shí)JSI不僅可以作為一個(gè)運(yùn)行時(shí)的腳本管理框架，也可以當(dāng)作一個(gè)部署時(shí)的腳本定制、打包工具。

我是看Ext的定制工具后產(chǎn)生這個(gè)想法的，JSI的依賴定義API完全可以用作一個(gè)通用的腳本定制、打包工具的依賴描述語(yǔ)言。

* Ext集成（歡迎Ext用戶加入）
集成Ext，一方面可以彌補(bǔ)JSI組件的缺乏。另一方面可以優(yōu)化Ext的裝載延遲。
ext目前大小為：462,031字節(jié)，JSI2Alpha版的內(nèi)核為35,140字節(jié)，不到Ext的十分之一（文件大小均在文本壓縮之前記數(shù)）。集成Ext后，用戶可以使用JSI導(dǎo)入函數(shù)，按需導(dǎo)入那些頁(yè)面上直接使用到的元素。

一些細(xì)節(jié)的想法：
    初步?jīng)Q定使用jquery為其基礎(chǔ)類庫(kù)（prototype不必?fù)?dān)心，JSI可以隔離腳本沖突，不會(huì)影響到prototype用戶）。
    裝載單元?jiǎng)澐值膬煞N想法：
1.按照 http://extjs.com/download/build 中描述的定制模塊劃分（可能做些文件合并，避免零碎件的裝載開(kāi)銷）
    2.按照Ext內(nèi)部包劃分（Ext 下載包的packages目錄下好像已經(jīng)做了文件合并）

我個(gè)人還沒(méi)用過(guò)Ext，非常希望有Ext用戶合作。

posted @ 2007-07-12 12:35 金大為閱讀(867) | 評(píng)論 (0) | 編輯收藏

代碼生成工具示例工程

大約兩年前私下編寫一個(gè)wiki時(shí)使用的代碼生成工具，最近想繼續(xù)這個(gè)wiki項(xiàng)目（http://sourceforge.net/projects/txdoc），也順便吧這個(gè)代碼生成工具整理出來(lái)。

PPT見(jiàn)：http://m.tkk7.com/jindw/archive/2007/06/30/127195.html

eclipse項(xiàng)目，文件太大，SF文件發(fā)布系統(tǒng)最近問(wèn)題多多，只好分成三分上傳在javaeye blog：http://jindw.javaeye.com/blog/98436

其中，代碼生成工具及一些基礎(chǔ)類庫(kù)在web/WEB-INF/lib/xdoclet-xidea-plus.jar文件中（附源碼）

目錄結(jié)構(gòu)
    src/main：   源文件
    src/gen:     生成的源文件及配置文件
    src/test:    測(cè)試類
    build:       ant 腳本(build.xml)、ant配置、構(gòu)建過(guò)程的臨時(shí)目錄（temp）
    web:         web根目錄
    lib：          編譯器附加類庫(kù)（如ant任務(wù)需要的lib）
    doc:         文檔目錄
    doc/xdoclet: xdoclet參考文檔


一.創(chuàng)建持久類：
1.改類為一個(gè)有諾干屬性的簡(jiǎn)單java類
2.為持久類打上hibernate標(biāo)記：
     必要標(biāo)記：hibernate.class(指定該類為持久類，無(wú)必選屬性，可選屬性參考xdoclet文檔)
            hibernate.id (指定持久類主鍵，必選屬性generator-class，指定主鍵生成算法，常用算法有uuid.hex、hilo、assigned....)
     常用標(biāo)記：hibernate.property(指定持久屬性，無(wú)必選屬性)
            hibernate.cache(預(yù)定義查詢，必選屬性 name，query)
            hibernate.one-to-many,hibernate.many-to-one等，指定對(duì)象關(guān)系，比較復(fù)雜，建議先看hibernate官方文檔、xdoclet文檔

3.打開(kāi)項(xiàng)目下build/build.xml、運(yùn)行hibernate任務(wù)，該任務(wù)將生成hibernate映射文件、hibernate dao實(shí)現(xiàn)、hibernate的spring配置，及dao配置。
    其中hibernateDao實(shí)現(xiàn)常用DAO方法，并定義以后將使用的常量：如預(yù)定義查詢名、預(yù)定義查詢參數(shù)名、集合名，等等。

4.持久類的路徑一般為:src/main/{package}/po/{TableName}.java ,生成的DAO路徑為src/main/{package}/dao/{TableName}Dao.java

二.創(chuàng)建Spring服務(wù)實(shí)現(xiàn)：
1.Spring服務(wù)實(shí)現(xiàn)無(wú)任何接口約束，普通java對(duì)象即可。
2.將需要使用的hibernate Dao 聲明為該服務(wù)類的屬性（spring.property標(biāo)記）。
3.為服務(wù)類打上spring標(biāo)記：
    必要標(biāo)記：spring.bean(parent:對(duì)于所有需要spring事務(wù)支持的javabean，必須聲明parent屬性值為"transactionProxy";
             生成工具將根據(jù)類名為spring bean自動(dòng)生成默認(rèn) id，)
    常用標(biāo)記：spring.property(spring 屬性)。
          spring.transaction(對(duì)于parent=transactionProxy的bean，需要為需要聲明是事務(wù)支持的方法聲明事務(wù)屬性，具體請(qǐng)參考xdoclet文檔)
4.打開(kāi)項(xiàng)目下build/build.xml、運(yùn)行spring任務(wù)，該任務(wù)將生成spring配置文件。

三.創(chuàng)建XWork Action,一般為*/action/*.java
1.Action需要實(shí)現(xiàn)com.opensymphony.xwork.Action，如果我們需要xwork的國(guó)際化支持，繼承ActionSupport基類，必然需要實(shí)現(xiàn)TextProvider接口。
2.為Action打上xwork標(biāo)記：
    必要標(biāo)記：xwork.package（必要屬性有name），
            xwork.action(必要屬性name，表示某方法為Action方法，將映射到一個(gè)具體的url地址)，
            xwork.result(必要屬性name,該標(biāo)記定義在定義了xwork.action的地方，可定義多個(gè)，表示該Action的結(jié)果集)
    常用屬性: xwork.spring-ref （屬性的set方法上，其值將從spring context中獲取）

3.為Action制作結(jié)果集頁(yè)面：
    若未在 xwork.result標(biāo)記中定義value屬性，其值未ActionName+"-"+resultName，若有大寫字符，將用"-"隔開(kāi)，并轉(zhuǎn)小寫;
    value值即未頁(yè)面地址。可以為jsp，velocity，xsl等等。

4.打開(kāi)項(xiàng)目下build/build.xml、運(yùn)行xwork任務(wù)，該任務(wù)將生成xwork配置文件。

posted @ 2007-07-06 14:37 金大為閱讀(1050) | 評(píng)論 (1) | 編輯收藏

JS幾處怪癖的語(yǔ)義

帶ID的函數(shù)表達(dá)式：

var fn = function fnid(){};

按照ECMA262定義,上面這段腳本等價(jià)于：

with({fnid:null}){
  var fn = fnid = function(){};
}

注意：fnid在with外是不可見(jiàn)的，但是IE沒(méi)有嚴(yán)格遵守ECMA規(guī)范(同樣的情況發(fā)生在catch語(yǔ)法上)。在IE上相當(dāng)于：

var fnid = function(){};
var fn = fnid;

在剛剛發(fā)布的JSA1beta上，還不能處理這個(gè)問(wèn)題（新版本將這周內(nèi)發(fā)布）。同時(shí)，鑒于這種語(yǔ)法在不同瀏覽器上表現(xiàn)不同，還是建議盡量避免使用（這點(diǎn)上，我個(gè)人還是更喜歡ie的方式）。

var語(yǔ)句：
太常用了，但是，沒(méi)有注意還是很容易出問(wèn)題。
var 用來(lái)聲明全局或函數(shù)變量，但是，只是申明，重復(fù)申明也不能置空，范圍是函數(shù)或者全局空間，位置在函數(shù)或腳本頂端，與塊無(wú)關(guān)，這些與常用高級(jí)語(yǔ)言區(qū)別很大。

怪癖的代碼

var vaiable =0;
function test(){
   variable =1;//別擔(dān)心，不會(huì)改動(dòng)全局變量vaiable
   //do

..
   var vaiable;//變量申明無(wú)順序（一律置頂），只是賦值有順序。
}

常見(jiàn)錯(cuò)誤有：

var flag;//這里可能有人（包括我自己）喜歡自做聰明的利用一下變量的初始值undefined
while(!flag){//沒(méi)準(zhǔn)那個(gè)角落里面已經(jīng)給當(dāng)前函數(shù)內(nèi)同名變量給賦值了就慘了
  //

..
}

posted @ 2007-06-30 16:47 金大為閱讀(1256) | 評(píng)論 (3) | 編輯收藏

發(fā)布一個(gè)有點(diǎn)古老的代碼生成工具

已經(jīng)有一年多沒(méi)做java這塊了，今天翻出這個(gè)一年前寫的代碼生成工具，準(zhǔn)備開(kāi)放出來(lái)，或許對(duì)某些人還有點(diǎn)用處。

這個(gè)代碼生成器是基于xdoclet2的改進(jìn)版。
所做工作：
* 生成Hibernate 映射文件及相應(yīng)得spring的配置文件。
* 生成Hibernate DAO 文件及命名查詢名稱常量（新）。
* 生成Spring配置文件（支持事務(wù)申明）。
* 生成xwork配置文件（增加多包及spring屬性支持）。
* 驗(yàn)證資源冗余及缺失。

先吧PPT放出來(lái)，如果有人（包括我自己）能用上再吧代碼整理一下，放出來(lái)。

ppt下載：
http://m.tkk7.com/Files/jindw/codegen.rar

posted @ 2007-06-30 08:44 金大為閱讀(1008) | 評(píng)論 (6) | 編輯收藏

[導(dǎo)入]云想衣裳花想容－－JSI組件模型介紹（二）

裝飾引擎簡(jiǎn)介：

系統(tǒng)默認(rèn)的裝飾引擎為：org.xidea.decorator.DecoratorEngine。
JSI裝載后，將做如下操作：

判斷有無(wú)裝飾器命名空間聲明（xmlns:d= "http://www.xidea.org/taglib/decorator"）
若有，將在文檔裝載結(jié)束后，啟動(dòng)裝飾引擎，初始化當(dāng)前可用的裝飾提供者表。（裝飾提供者是一個(gè)JavaScript包，在注冊(cè)這種裝飾包時(shí)可同時(shí)指定他的別名，別名*表示默認(rèn)包）
遍歷當(dāng)前文檔，凡是該命名空間的節(jié)點(diǎn)，都被看作需要裝飾的元素。若當(dāng)前文檔存在裝飾元素，啟用遮罩（關(guān)機(jī)效果），頁(yè)面將不可操作（仍可查閱）。
查找裝飾元素對(duì)應(yīng)的裝飾類（通過(guò)tagName判斷類名），采用異步方式動(dòng)態(tài)裝載這些裝飾器類（不會(huì)裝載到全局空間），并更新當(dāng)前進(jìn)度信息，同時(shí)設(shè)置裝飾器之間的關(guān)系（parent,children）。
以深度遍歷的方式遍歷這些節(jié)點(diǎn)，注冊(cè)組件（以后可以通過(guò)$JSI.getComponent函數(shù)獲取裝飾器對(duì)象），依次執(zhí)行他們的before操作，和decorate操作。
完成裝飾，取消遮罩，頁(yè)面進(jìn)入可用狀態(tài)。

裝飾器規(guī)范簡(jiǎn)介：

裝飾器指的是所有擁有decorate成員方法的類。一般來(lái)說(shuō)，可將一組裝飾器歸為同一個(gè)包中（太復(fù)雜的裝飾器，可將具體邏輯放置在其他包中），能后在配置文件中定義裝飾包。
scripts/config.js $JSI.addDecoratorProvider("org.xidea.decorator","xidea","*");

裝飾器類包含兩個(gè)方法before、docorate分別在遍歷前（子節(jié)點(diǎn)未裝飾）和遍歷后（子節(jié)點(diǎn)裝飾完成）調(diào)用。

同時(shí)，裝飾引擎遍歷時(shí)還將注入如下三個(gè)屬性：

parent：父裝飾器
children：子裝飾器集合
attributes：裝飾器屬性集對(duì)象（只有一個(gè)成員函數(shù)：get(attrName) ）

JSI現(xiàn)有裝飾器集合簡(jiǎn)介

目前JSI2最高版本2.0預(yù)覽版 (2007-04-16)包含如下裝飾器：

DatePicker
日期選擇控件，參照xul datepicker標(biāo)簽，支持彈出方式(默認(rèn)值 type='pop')，和內(nèi)嵌式(type='grid')
Editor
編輯器控件，參照xul editor標(biāo)簽
Spinner
Spinner控件（window時(shí)間日期管理中，年份調(diào)節(jié)的控件），參照backbase 的 Spinner標(biāo)簽
TabBox、Tabs、Tab、TabPanels、TabPanel
TabBox(標(biāo)簽頁(yè))控件，參照xul tabbox標(biāo)簽
Code
代碼語(yǔ)法高亮顯示控件，參照SyntaxHighlighter的顯示風(fēng)格
Include
片斷包含標(biāo)簽，支持xpath選取文檔片斷，支持xslt轉(zhuǎn)換

這些裝飾器的演示見(jiàn)：
http://www.xidea.org/project/jsi/decorator/index.html

目前JSI自帶的裝飾器不夠豐富，而且都還是初級(jí)階段，不夠完善。現(xiàn)在發(fā)布的這些裝飾器，主要是為了演示JSI的工作方式，編碼風(fēng)格，希望能吸引第三方團(tuán)隊(duì)、公司在這個(gè)基礎(chǔ)上開(kāi)發(fā)出自己的更加實(shí)用的裝飾器集合。

JSI及其裝飾引擎采用LGPL協(xié)議。可以商業(yè)應(yīng)用，當(dāng)能，更希望能開(kāi)源。

目前就我一人之力，開(kāi)發(fā)一套完整的裝飾器，尚需時(shí)日，這次將這個(gè)半成品拿出來(lái)演示，主要是為了展示一下jsd的風(fēng)格，希望能吸引其他開(kāi)發(fā)者，共同參與這個(gè)工程，有興趣豐富JS自帶I裝飾器集合的網(wǎng)友，請(qǐng)msn與我聯(lián)系：jindw◎xidea。org

posted @ 2007-06-27 10:35 金大為閱讀(771) | 評(píng)論 (0) | 編輯收藏

[導(dǎo)入]云想衣裳花想容－－JSI組件模型介紹（一）

JSI組件模型是一種用來(lái)裝飾簡(jiǎn)單html元素的框架，使用簡(jiǎn)單的xml標(biāo)記，標(biāo)識(shí)其裝飾行為，比如將一個(gè)普通的input裝飾成一個(gè)日期輸入控件，將一個(gè)html ul標(biāo)記裝飾成菜單或樹(shù)，將一個(gè)textarea裝飾成一個(gè)代碼語(yǔ)法高亮顯示區(qū)域，或一個(gè)wysiwyg html編輯器。
JSI啟動(dòng)后將自動(dòng)檢查decorator標(biāo)記，構(gòu)建層次結(jié)構(gòu)，自動(dòng)做相關(guān)類的尋找、導(dǎo)入和裝飾操作；實(shí)現(xiàn)零腳本代碼的web富客戶端編程。

代碼示例：

日期選擇器 (DatePicker):

<d:datepicker>
  <input type="text" name="test2" />
</d:datepicker>
編輯器示例 (Editor):

<d:editor>
  <textarea name='editorText'>This is some <strong>sample text</strong>. You are using <a
    href="http://www.fckeditor.net/">FCKeditor</a>.</textarea>
</d:editor>
Spinner控件（Spinner 類似window時(shí)間日期管理中，年份調(diào)節(jié)的控件）:

<d:spinner start='0' end='8' step='2'>
  <input type="text" name="test2" value='0' />
</d:spinner>
客戶端包含(Include):

<d:include url='menu.xml' xslt="menu.xsl"></d:include>
代碼語(yǔ)法高亮顯示控件(Code):

<d:code language="js">
<textarea>alert(‘Hello World’)</textarea>
</d:code>
標(biāo)簽頁(yè)控件(TabBox參照xul tabbox標(biāo)簽):

<d:tabbox>
  <d:tabs>
    <d:tab>tab1</d:tab>
    <d:tab>tab2</d:tab>
    <d:tab>tab3</d:tab>
  </d:tabs>
  <d:tabpanels>
    <d:tabpanel>content1</d:tabpanel>
    <d:tabpanel>content2</d:tabpanel>
    <d:tabpanel>content3</d:tabpanel>
  </d:tabpanels>
</d:tabbox>
綜合示例:

來(lái)一個(gè)復(fù)雜一點(diǎn)的完整的例子,以日期選擇控件的演示頁(yè)面為例
頁(yè)面上有: 標(biāo)簽頁(yè)裝飾器（TabBox….）、源代碼高亮顯示裝飾器（Code）、日期選擇裝飾器（DatePicker）、包含裝飾器（Include）

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:d="http://www.xidea.org/taglib/decorator" xml:lang="zh_CN"
  lang="zh_CN">
<head>
<script src="../scripts/boot.js"></script>
<title>DatePicker 示例</title>
</head>
<body>
<h2>DatePicker 示例</h2>

<d:tabbox>
  <d:tabs>
    <d:tab>效果</d:tab>
    <d:tab>代碼</d:tab>
  </d:tabs>
  <d:tabpanels>
    <d:tabpanel>
      
      <d:datepicker type='grid'>
        <input type="text" name="test1" />
      </d:datepicker>
      
      <d:datepicker>
        <input type="text" name="test2" />
      </d:datepicker>
    </d:tabpanel>
    <d:tabpanel>
      
      <d:code language="xml">
        <textarea>
      
      <d:datepicker type='grid'>
        <input type="text" name="test1" />
      </d:datepicker>
      
      <d:datepicker>
        <input type="text" name="test2" />
      </d:datepicker></textarea>
      </d:code>
    </d:tabpanel>
  </d:tabpanels>
</d:tabbox>
<select style="margin-left:120px"><option>彈出的datepicker 可覆蓋IE select</option></select>
<hr />

<d:include url='menu.xml' xslt="menu.xsl"></d:include>
</body>
</html>

裝飾結(jié)果：

云想衣裳花想容－－JSI組件模型介紹（二）已經(jīng)發(fā)布，那里有裝飾過(guò)程及其原理的介紹：
http://www.javaeye.com/topic/71425

posted @ 2007-06-27 10:24 金大為閱讀(811) | 評(píng)論 (0) | 編輯收藏

[導(dǎo)入] 百花齊放日月同輝――采用JSI解決不同類庫(kù)間的沖突

眾所周知， Scriptaculous所依賴的Prototype庫(kù)與jQuery存在沖突。所以同時(shí)使用比較困難。

JSI針對(duì)每一個(gè)裝載的腳本都有完全獨(dú)立的執(zhí)行上下文。所以這個(gè)問(wèn)題能在JSI上徹底解決。

下面的例子，我們將在同一個(gè)頁(yè)面上同時(shí)使用Scriptaculous和 jQuery 類庫(kù)。證實(shí)一下JSI隔離沖突功能。

示例頁(yè)面（hello-jquery-aculo.html）：

<html>
<head>
<title>Hello jQuery And Scriptaculous</title>

<script src="../scripts/boot.js"></script>
<script>
//導(dǎo)入jQuery
$import("org.jquery.$");
//導(dǎo)入Scriptaculous
$import("us.aculo.script.Effect");


$(document).ready(function(){
  //使用jQuery添加一段問(wèn)候語(yǔ)
  $("<p id='helloBox' style='background:#0F0;text-align:center;font-size:40px;cursor:pointer;'>Hello jQuery And Scriptaculous</p>")      .appendTo('body');
$('#helloBox').ready(function(){
    //使用Scriptaculous高亮顯示一下剛才添加的內(nèi)容
    new Effect.Highlight('helloBox');
}).click(function(){
    //當(dāng)用戶單擊該內(nèi)容后使用jQuery實(shí)現(xiàn)漸出
    $('#helloBox').fadeOut();
});
});
</script>
</head>
<body>
<p>文檔裝載后，jQuery將在后面添加一段問(wèn)候語(yǔ)；并使用Scriptaculous高亮顯示（Highlight）；在鼠標(biāo)點(diǎn)擊后在使用jQuery漸出（fadeOut）。</p>
</body>
</html>

posted @ 2007-06-26 07:46 金大為閱讀(799) | 評(píng)論 (0) | 編輯收藏

[導(dǎo)入] 海納百川有容乃大――采用JSI封裝、集成第三方類庫(kù)

Java的成功，離不開(kāi)它那個(gè)龐大的類庫(kù)，不單是sun的類庫(kù)，很多細(xì)節(jié)的實(shí)現(xiàn)都取自第三方（如xml解析采用Apache的實(shí)現(xiàn)）。

JSI暫時(shí)不大算編寫豐富的公共API，但是我們可以集成其他成熟的類庫(kù)，同時(shí)隔離他們的依賴，隔離各個(gè)腳本的執(zhí)行上下文，消除命名沖突的危險(xiǎn)。

這里我們?cè)敿?xì)介紹一個(gè)復(fù)雜一點(diǎn)的實(shí)例：類似Windows XP文件瀏覽器左側(cè)的滑動(dòng)折疊面板(任務(wù)菜單)效果。

我們先集成Scriptaculous Effect類庫(kù)，并且在這個(gè)基礎(chǔ)上按我個(gè)人的習(xí)慣對(duì)一個(gè)面板折疊效果做一個(gè)簡(jiǎn)單的封裝，展示框架的類庫(kù)封裝功能。

1。集成Scriptaculous類庫(kù)：

這里我們不做過(guò)多介紹，詳細(xì)情況請(qǐng)參考集成實(shí)戰(zhàn)；我們發(fā)布的版本中已經(jīng)把Scriptaculous放置于us.aculo.script包中，您可以把這些作為系統(tǒng)內(nèi)置的類庫(kù)使用。

2。編寫我們的折疊面板函數(shù)（example/effect.js）：

/**
* 滑動(dòng)面板實(shí)現(xiàn).
* 當(dāng)指定元素可見(jiàn)時(shí)，將其第一個(gè)子元素向上滑動(dòng)至完全被遮掩（折疊）。
* 當(dāng)指定元素不可見(jiàn)時(shí)，將其第一個(gè)子元素向下滑動(dòng)至完全顯示（展開(kāi)）。
*/
function slidePanel(panel){
  panel = $(panel);
  if(panel.style.display=='none'){
    //調(diào)用Scriptaculous Effect的具體滑動(dòng)展開(kāi)實(shí)現(xiàn)
    new Effect.SlideDown(panel);
  }else{
    //調(diào)用Scriptaculous Effect的具體滑動(dòng)閉合實(shí)現(xiàn)
    new Effect.SlideUp(panel);
  }
}

3。編寫包定義腳本（example/__$package.js）：

4。在網(wǎng)頁(yè)上運(yùn)用上面的類庫(kù)：

<html>
  <head>
  <title>重用aculo Effect腳本實(shí)例</title>
  <link rel="stylesheet" type="text/css" href="/styles/default.css" />
  <script src="/scripts/boot.js"></script>
  <script>

    $import("example.slidePanel");
  </script>
  </head>
  <body>
    <div class="menu_header"
        onclick="slidePanel('menu_block1')">
        面板 1
    </div>
    <div class="menu_block" id="menu_block1">
      <ul>
        <li>text1</li>
        <li>text2</li>
        <li>text3</li>
      </ul>
    </div>
</body>
</html>

onclick="slidePanel('menu_block1')"這個(gè)事件函數(shù)將在我們點(diǎn)擊面板標(biāo)題時(shí)觸發(fā)，能后會(huì)調(diào)用Scriptaculous Effect的具體實(shí)現(xiàn)去實(shí)現(xiàn)我們需要的滑動(dòng)折疊功能。

壁立千仞無(wú)欲則剛――控制依賴

java可以隨意的使用第三方類庫(kù)，可是JavaScript卻沒(méi)那么幸運(yùn)，隨著類庫(kù)的豐富，煩雜的依賴關(guān)系和可能的命名沖突將使得類庫(kù)的發(fā)展越來(lái)越困難。程序的易用性也將大打折扣。

命名沖突的危險(xiǎn)無(wú)形的增加你大腦的負(fù)擔(dān)；隨著使用的類庫(kù)的增加，暴露的依賴也將隨之增加，這是復(fù)雜度陡增的極大禍根，將使得系統(tǒng)越來(lái)越復(fù)雜，越來(lái)越難以控制。潛在的問(wèn)題越來(lái)越多，防不勝防。

JSI的出現(xiàn)，可以解決上述問(wèn)題，我們建議類庫(kù)的開(kāi)發(fā)者將自己類庫(kù)的依賴終結(jié)在自己手中，避免依賴擴(kuò)散，以提高類庫(kù)的易用性。

同樣使用上面的例子，假如我們想拋開(kāi)JSI，實(shí)現(xiàn)同樣的功能，那我們的頁(yè)面代碼將是（類庫(kù)代碼不用改動(dòng)）：

<html>
  <head>
  <title>重用aculo Effect腳本實(shí)例</title>
  <link rel="stylesheet" type="text/css" href="/styles/default.css" />
  
<script src="/scripts/net/conio/prototype/v1_5/prototype.js">
</script>
<script src="/scripts/us/aculo/script/v1_7/effects.js">
</script>
<script src="/scripts/us/aculo/script/v1_7/builder.js">
</script>
<script src="/scripts/example/effect.js">
</script>
  </head>
  <body>
    <div class="menu_header"
        onclick="slidePanel('menu_block1')">
        面板 1
    </div>
    <div class="menu_block" id="menu_block1">
      <ul>
        <li>text1</li>
        <li>text2</li>
        <li>text3</li>
      </ul>
    </div>
</body>
</html>

這個(gè)例子的html代碼明顯比上面的復(fù)雜了，一堆堆的script標(biāo)簽，而且還是有序的；還出現(xiàn)在頁(yè)面上，重構(gòu)起來(lái)也極其麻煩。

可以看出，JSI的加入可以讓類庫(kù)更加易用，html代碼更為簡(jiǎn)潔，最終用戶已經(jīng)不必關(guān)心所用類庫(kù)的依賴了。

JSI中每一個(gè)腳本有一個(gè)單獨(dú)的執(zhí)行上下文。各個(gè)腳本頂部變量你可以隨便使用，不必?fù)?dān)心不同腳本中的命名沖突，不會(huì)污染全局變量空間，這種方式可以用于解決某些類庫(kù)間變量沖突的問(wèn)題（如jQuery和Prototype的$函數(shù)）。我們甚至可以做到同一個(gè)頁(yè)面上間接加載同一種類庫(kù)的兩個(gè)不同版本，不相互影響。

使用JSI后，很多細(xì)節(jié)我們可以在包中封裝掉，不需要告訴類庫(kù)使用者太多。大大增加類庫(kù)的易用性。同時(shí)，類庫(kù)封裝的支持可以讓我們?cè)诘谌綆?kù)的基礎(chǔ)上輕松的按自己的喜好編寫自己的類庫(kù)，同時(shí)避免依賴擴(kuò)散造成的復(fù)雜度增加。

使用JSIntegration唯一多出的負(fù)擔(dān)就是編寫包定義文件，不過(guò)想想這種定義文件可是一勞永逸的（以后就不需要每次導(dǎo)入腳本的時(shí)候都小心翼翼的判斷那個(gè)腳本先導(dǎo)入那個(gè)后導(dǎo)入，有那些間接使用到的類庫(kù)需要導(dǎo)入，等等），而且有了包結(jié)構(gòu)后對(duì)于代碼組織、重用，以及文檔的編寫閱讀，都將非常有利。

posted @ 2007-06-25 10:14 金大為閱讀(665) | 評(píng)論 (0) | 編輯收藏

[導(dǎo)入]腳本安需導(dǎo)入的三種模式的對(duì)比

何謂安需裝載？

腳本程序一般都是下載后執(zhí)行，當(dāng)腳本庫(kù)非常龐大時(shí)，一次性下載起來(lái)非常費(fèi)時(shí)，傳統(tǒng)的解決方式是，按功能模塊把腳本寫在不同的文件中，頁(yè)面上手動(dòng)加入script標(biāo)簽裝載指定內(nèi)容，但是這有一些缺點(diǎn)，類庫(kù)的使用者需要知道沒(méi)個(gè)腳本之間的關(guān)系，順序要求等等，而不可能要求每個(gè)類庫(kù)使用者都對(duì)其非常熟悉，出錯(cuò)的可能性很大。于是很多框架開(kāi) 始支持導(dǎo)入指令，想使用什么一個(gè)導(dǎo)入函數(shù)就完了，不必一堆堆的script文件，不用小心翼翼的關(guān)注著他們的依賴關(guān)系。

安需裝載可分如下三種模式：

即時(shí)同步按需裝載（阻塞，JSI、JSVM、dojo）。
最簡(jiǎn)單的按需裝載實(shí)現(xiàn)，通過(guò)XMLHttpRequest同步裝載腳本文件實(shí)現(xiàn)。問(wèn)題是，瀏覽器使用這種方式同步獲取資源時(shí)將導(dǎo)致瀏覽器阻塞：停止響應(yīng)用戶事件、停止頁(yè)面重畫操作。所以，雖然編程最為簡(jiǎn)單，但是用戶體驗(yàn)最差。
異步按需裝載（無(wú)阻塞，JSI2.0+）。
異步導(dǎo)入，不必多做解釋，用戶體驗(yàn)好，但是因?yàn)槠洚惒教卣鳎幚砥饋?lái)比較麻煩。
延遲同步按需裝載（無(wú)阻塞，JSI2.0+）。
JSI通過(guò)動(dòng)態(tài)預(yù)裝載功能實(shí)現(xiàn)的一種同步獲取資源的方法，雖然也是同步，但沒(méi)有阻塞，可以算時(shí)兼顧易用性和用戶體驗(yàn)的機(jī)決方按。缺點(diǎn)時(shí)有一定延遲，當(dāng)前腳本標(biāo)簽中不可用。

使用方法（JSI示例）

以一個(gè)代碼語(yǔ)法著色程序?yàn)槔?br> 類庫(kù)位置：example/codedecorator/code.js
頁(yè)面位置：example/xxx.html

即時(shí)同步按需裝載

$import("example.codedecorator.Code");

var code1 = new Code();
code1.id = "libCode";
code1.decorate();

異步按需裝載

$import("example.codedecorator.Code",function(Code){
var code1 = new Code();
code1.id = "libCode";
code1.decorate();
})

延遲同步按需裝載（無(wú)阻塞，JSI2.0+）。

<script>"../scripts/boot.js"></script>
<script>
$import("example.codedecorator.Code",true);
</script>

<script>
var code1 = new Code();
code1.id = "libCode";
code1.decorate();
</script>

示例說(shuō)明：

在線測(cè)試

http://jsintegration.sourceforge.net/example/code.html

http://www.xidea.org/project/jsi/example/code.html

參考：

JSI 導(dǎo)入函數(shù)： function $import(path, callbackOrLazyLoad, target )

posted @ 2007-06-25 09:24 金大為閱讀(624) | 評(píng)論 (0) | 編輯收藏

[導(dǎo)入]再談一下DOMContentLoad事件

這個(gè)問(wèn)題算是個(gè)老問(wèn)題了。
所以，標(biāo)題加上一個(gè)再字。

我主要說(shuō)一下模擬這個(gè)事件時(shí)候容易出現(xiàn)的問(wèn)題。

對(duì)于FF，Opera9，原生DOMContentLoad支持，就不說(shuō)了，最頭疼的是IE。
我最初考慮這個(gè)問(wèn)題的時(shí)候，想到的是document的readyState屬性。
偷窺一下Dojo的源碼，發(fā)現(xiàn)它也是基于這個(gè)屬性去做的，那時(shí)，我基本就認(rèn)準(zhǔn)了這個(gè)方法。
于是再后來(lái)JSI1和JSI2早期的預(yù)覽版本中，都是基于這個(gè)屬性做的，后來(lái)，有個(gè)朋友向我反應(yīng)，說(shuō)JSI的裝飾引擎在IE上啟動(dòng)比FF慢很多，我當(dāng)時(shí)就猜測(cè)，是否是這個(gè)DOMContentLoad的問(wèn)題。

經(jīng)過(guò)測(cè)試，發(fā)現(xiàn)，確實(shí)，readyState必須等待圖片裝載完成之后才能置為complete。
于是到網(wǎng)上搜索一下其他辦法，最終 Dean Edwards的blog上描述的一個(gè)基于script defer屬性的解決辦法勝出：http://dean.edwards.name/weblog/category/dom/onload/
不過(guò)，使用document.write打印一段腳本，我真的不喜歡：（

在評(píng)論里面我們可以看到一些其他的建議，有人認(rèn)為 readyState == 'complete' 加 readyState==‘interactive’這個(gè)狀態(tài)可以準(zhǔn)確模擬DOMContentLoad。我開(kāi)始簡(jiǎn)單測(cè)試一下，貌似可行，但是后來(lái)發(fā)現(xiàn) readyState==‘interactive’可能受alert等函數(shù)影響，就是說(shuō)，一般情況下，readyState== ‘interactive’時(shí)，dom是裝載完了的，但是，當(dāng)你文檔裝載過(guò)程中，調(diào)用了alert函數(shù)，那么，readyState將提前置為 ‘interactive’。

總之，目前來(lái)說(shuō)，我知道的，只有兩個(gè)辦法可以真正實(shí)現(xiàn)IE上模擬DOMContentLoad

最常見(jiàn)的一個(gè)錯(cuò)誤：

再說(shuō)一下JSI的DOMContentLoad實(shí)現(xiàn)的使用接口。

js.html.EventUtil.addDOMReadyListener(<Function>listener ,<boolean>runAnyCase )

第二個(gè)參數(shù)用于確保listener 在任何時(shí)候都會(huì)被調(diào)用（FF DOMContentLoad事件如果在事件發(fā)生之后設(shè)置listener是無(wú)效的）

posted @ 2007-06-25 09:13 金大為閱讀(656) | 評(píng)論 (0) | 編輯收藏

JSI2性能測(cè)試報(bào)告

裝載效率測(cè)試
測(cè)試頁(yè)面見(jiàn)：test/load-eff-test.html

為了測(cè)試結(jié)果更顯客觀，我選擇了第三方類庫(kù)的裝載測(cè)試：
'com.yahoo.yui.*',
'net.conio.prototype.*',
'net.fckeditor.*',
'org.jquery.*',
'us.aculo.script.*'
共22個(gè)腳本文件（對(duì)于JSI來(lái)說(shuō)還有諾干包定義文件）。

FF2:
標(biāo)記導(dǎo)入時(shí)間（原始方式）:469,469,1047,484,484,437,469,484
同步導(dǎo)入時(shí)間:469,453,484,437,469,453
延遲導(dǎo)入時(shí)間:921,765,891,906,953,906,922
異步導(dǎo)入時(shí)間:859,1093,1141,1031,1641,1125,1078,1093,1157,1141

IE7:
標(biāo)記導(dǎo)入時(shí)間:343,297,297,344,328,328
同步導(dǎo)入時(shí)間:281,250,235,235,234,234,250,265
延遲導(dǎo)入時(shí)間:922,422,406,391,391,391,407,391
異步導(dǎo)入時(shí)間:625,672,672,703,703,672,703,704,688

運(yùn)行時(shí)間測(cè)試
測(cè)試腳本管理后對(duì)新能的影響,影響因素有：全局變量和局部變量的查找時(shí)間差異，eval的腳本和script標(biāo)記直接插入的腳本的可能差異。（這個(gè)測(cè)試不具有普遍性，這里我主要是測(cè)試了一下瀏覽器對(duì)局部變量的訪問(wèn)速度【JSI里面訪問(wèn)變量都是裝載單元內(nèi)的局部變量】，所以故意測(cè)試了大量局部變量訪問(wèn)的操作）
測(cè)試頁(yè)面見(jiàn)：test/runtime-eff-test.html

FF2：
jsiTime:        845,    927,    598,    687,    764,
scriptTime:     1432,   950,    1305,   1278,   1219,
evalTime:       1644,   1373,   1322,   1186,   1360,
execTime:       0
dscriptTime:    1432,   950,    1305,   1278,   1219,

IE7:
jsiTime:    295,    205,    157,    315,    156,    142,    375,    328,    172,    172,
scriptTime: 172,    172,    189,    140,    251,    187,    217,    203,    172,    234,
evalTime:   236,    249,    139,    172,    281,    171,    172,    108,    436,    359,
execTime:   219,    234,    314,    157,    220,    266,    204,    234,    187,    95,
dscriptTime:    187,    265,    294,    326,    187,    328,     141,   221,    127,    249,

上面的基數(shù)太小，隨機(jī)誤差太大，調(diào)整原始數(shù)據(jù)從新測(cè)試一遍jsiTime和scriptTime

jsiTime: 576, 658, 688, 703, 611, 608,
scriptTime: 706, 608, 562, 547, 655, 657,

總結(jié)：
JSI的裝載性能表現(xiàn)不錯(cuò)，完全不必計(jì)較。
托管代碼的運(yùn)行性能也沒(méi)有太大區(qū)別，不過(guò)，因?yàn)椤SI托管腳本使用的變量基本都是裝載單元內(nèi)的局部變量（本地聲明變量，或者外部依賴的引用或值拷貝），所以，對(duì)于FF這類局部變量比全局變量訪問(wèn)速度快不少的解釋引擎，JSI托管腳本可以達(dá)到更好的運(yùn)行效率。

有個(gè)奇怪的問(wèn)題，JSI在裝載類庫(kù)時(shí)，與傳統(tǒng)模式相比，肯定增加了些額外的運(yùn)算，但是，貌似JSI的同步裝載模式下，裝載腳本的耗時(shí)比傳統(tǒng)模式還少（IE 表現(xiàn)明顯）？為何？
歡迎大家對(duì)這奇怪的現(xiàn)象提出自己的猜想，我稍后貼出我對(duì)此問(wèn)題的看法^_^

posted @ 2007-06-22 15:01 金大為閱讀(702) | 評(píng)論 (0) | 編輯收藏

JSI2Alpha及JSA1beta 發(fā)布：

JSI簡(jiǎn)介：

JSI 是一個(gè) 開(kāi)放的、無(wú)侵入的腳本庫(kù)管理框架，內(nèi)核不提供任何具體功能，有一些功能子項(xiàng)目，如網(wǎng)頁(yè)裝飾引擎。

更多信息請(qǐng)查看：http://www.xidea.org/project/jsi/

JSA簡(jiǎn)介：
JSA最初是做JSI編譯處理的一個(gè)小工具，現(xiàn)在也可以用來(lái)混淆、壓縮腳本。支持swing和ant task兩種工作方式。
可以通過(guò)webstart啟動(dòng)：啟動(dòng)JSA（允許訪問(wèn)文件系統(tǒng)），沙箱內(nèi)運(yùn)行（功能受限）

這次發(fā)布的JSI2Alpha相對(duì)于以前的預(yù)覽版本，做了一次全面的重構(gòu)；同時(shí)對(duì)API做了些簡(jiǎn)化。

目前JSI2的公開(kāi)API有：

/* 導(dǎo)入函數(shù) */
$import(<string>path,<boolean|Function>callbackOrLazyLoad[可選參數(shù)],<Object>target[可選參數(shù)])

/* 日志設(shè)置相關(guān) */
$JSI.setDefaultLogLevel(level)
$JSI.setLogLevel(pathPattern,level)

/* 裝飾引擎相關(guān)函數(shù) */
$JSI.addDecoratorProvider(pkg,alias…) //添加裝飾包.
$JSI.decorate ( ) //準(zhǔn)備執(zhí)行裝飾器任務(wù),一般在配置文件（config.js）中調(diào)用.

/* 用于包定義的Package成員函數(shù)，在__package__.js中調(diào)用（this指向當(dāng)前package對(duì)象） */
this.addScript(scriptPath,objectNames)//添加腳本及其聲明的對(duì)象（函數(shù)、方法名）.
this.add*Dependence(thisPath,targetPath,beforeLoad)//添加腳本依賴.
this.setImplementation(realPackage)//設(shè)置具體實(shí)現(xiàn)包(當(dāng)前包只是其別名，并無(wú)任何內(nèi)容)。

我們會(huì)盡量將JSI做成與具體功能無(wú)關(guān)（專著于腳本管理）。

對(duì)于js.*.*這個(gè)類庫(kù)，做了些精簡(jiǎn)。
只保留下列元素

#js.html //保留這個(gè)包，因?yàn)檫@些實(shí)在太常用了。
   * BrowserInfo
   * EventUtil
   * StyleUtil

#js.util//保留這個(gè)包主要因?yàn)楫惒窖b載用到這些類庫(kù)
   * LoadTask
   * Request
   * ScriptLoadTask
   * TaskQueue

發(fā)布文件說(shuō)明：
自該版本啟，source目錄將不再打包。
但是在scripts目錄下新增boot-with-source.js文件，該文件中包含全部源代碼的數(shù)據(jù)。
里面編碼的源代碼可以通過(guò)我們的文檔工具查看。讓大家習(xí)慣一下這個(gè)工具的使用：）

JSA1beta：增加了對(duì)JSI2的編譯支持，同時(shí)對(duì)于普通腳本的壓縮，也增加了一些功能：
1. ant task 增加多文件分組合并。
2. swing ui 修正文件編碼的bug。

下載：
javaeye group: http://jsi.group.javaeye.com/shares
sourceforge: <系統(tǒng)最近好像有問(wèn)題，我的文件一直沒(méi)能上傳成功,要過(guò)一段時(shí)間再說(shuō)> 。。。。。

posted @ 2007-06-22 14:36 金大為閱讀(752) | 評(píng)論 (0) | 編輯收藏

貌似Opera的一個(gè)bug

今天抽空測(cè)試了一下JSI當(dāng)前狀態(tài)的瀏覽器兼容性，一個(gè)頭疼的問(wèn)題困擾了很久。
找出問(wèn)題出自，懷疑是一個(gè)opera的bug。

function test(x){
  try{
    if(x){
      return 1;
    }else{
      return 2;
    }
  }catch(e){
    x=1;
  }finally{
    x=2;
  }
}

語(yǔ)法檢查就通不過(guò)，報(bào)告錯(cuò)誤：
le://localhost/D:/eclipse/workspace/JSI/web/scripts/core.js
Event thread: BeforeExternalScript

opera8報(bào)錯(cuò)，opera9好像就沒(méi)有這個(gè)問(wèn)題。
貼出來(lái)，讓有類似問(wèn)題的人省點(diǎn)心。

posted @ 2007-06-20 21:42 金大為閱讀(126) | 評(píng)論 (0) | 編輯收藏

中國(guó)象棋的webstart小程序

剛發(fā)布JSA的webstart版，順便吧這個(gè)古董級(jí)別的小程序也發(fā)布一下。
僅供那些和我一樣棋術(shù)平平的無(wú)聊人士打發(fā)時(shí)間。

高手就不必了：）
當(dāng)能，如果是想找個(gè)地方出出氣，也可以，呵呵。

http://www.xidea.org/webstart/chess.jnlp

沒(méi)有棋譜，所以，開(kāi)局的棋力很差。中局還行。

posted @ 2007-06-14 10:51 金大為閱讀(745) | 評(píng)論 (2) | 編輯收藏

JavaScript模板引擎測(cè)試，讓我空歡喜一場(chǎng)：（

測(cè)試了一下trimpath模板引擎和一個(gè)我以前編寫xml模板引擎，顯示測(cè)試結(jié)果，828/16。

太讓我振奮了。原想，如果效率太低我就放棄這個(gè)項(xiàng)目，貌似結(jié)果：這個(gè)流行的js模板引擎，和我沒(méi)做優(yōu)化的xml模板引擎還有這么大的差距？？？

仔細(xì)檢查一下，暈倒，測(cè)試模板數(shù)據(jù)搞錯(cuò)了：（

糾正過(guò)來(lái)，測(cè)試數(shù)據(jù)顯示，trimpath比xml模板引擎要快好幾倍：（

而且，如果模板內(nèi)使用的循環(huán)次數(shù)越多，差距越大：（

比較掃興的結(jié)果。
決定吧這個(gè)東西從jsi系統(tǒng)api中刪除。

不過(guò)，感覺(jué)，雖然有這點(diǎn)差距，xml模板引擎還是可以作為一個(gè)備用選擇。
基于js標(biāo)記庫(kù)，類el表達(dá)式，對(duì)于熟悉jsp2.0，jstl的程序員來(lái)說(shuō)，還是比較易懂，擴(kuò)展也相對(duì)簡(jiǎn)單（trimpath沒(méi)怎么研究，或許是錯(cuò)的）。

下載測(cè)試：
（XML Template是從jsi中拉出來(lái)的，部分測(cè)試中沒(méi)有用到的依賴沒(méi)有包括進(jìn)去）

posted @ 2007-06-08 16:15 金大為閱讀(935) | 評(píng)論 (2) | 編輯收藏

用正則在Eclipse上對(duì)javascript批量縮進(jìn)。

一直沒(méi)有找到好用的 javascript格式化工具，不過(guò)UE有個(gè)非常漂亮的功能，多行編輯，可以輕松的批量縮進(jìn)。
但是eclipse呢？很遺憾，沒(méi)有，不過(guò)用正則表達(dá)式可以輕松完成這個(gè)功能，匹配整行，替換時(shí)在行前加上縮進(jìn)空格。

find：^.*
replace With： $0

說(shuō)到這個(gè)正則，鄙視一下js的正則語(yǔ)法，居然匹配組是 $1 $2 $3 ....索引從1開(kāi)始，但是匹配全部為什么要來(lái)個(gè)$&? 多么難記？？還是eclipse的$0方便
而且js的match函數(shù)返回的數(shù)組還是 [全匹配,組1，組2....]，全匹配索引就是0嘛！居然要來(lái)個(gè)$&??
扼殺我們的聯(lián)想天性。

posted @ 2007-06-08 11:33 金大為閱讀(735) | 評(píng)論 (0) | 編輯收藏

正則表達(dá)式實(shí)現(xiàn)JavaScript日期格式化的想法。

今天和網(wǎng)友聊起在javascript里面實(shí)現(xiàn)DateFormat 的話題。

把想法發(fā)布一下，當(dāng)是筆記。

格式化：
1、先用正則把日期表達(dá)式分段：
var tokens = "yyyy-MM-dd(沒(méi)有時(shí)間)".match(/y+|M+|d+|m+|[^yMdm]+/g)
//結(jié)果數(shù)組為：yyyy,-,MM,-,dd,(沒(méi)有時(shí)間)
2、將其中的yyyy MM dd 替換成相映的處理對(duì)象

3、格式化時(shí)，先復(fù)制數(shù)組，依次遍歷，如果元素是處理對(duì)象，那么元素值替換成處理結(jié)果。

4、將新數(shù)組join。即為需要結(jié)果。

5、parse時(shí)。先復(fù)制數(shù)組，若元素為字符串，精確匹配。若未處理對(duì)象，讀取需要的值，匹配失敗，則終止操作，返回結(jié)果。

想法而已，實(shí)際實(shí)現(xiàn)時(shí)可能還有很多現(xiàn)在無(wú)法意料的事情：）

posted @ 2007-06-07 16:27 金大為閱讀(1390) | 評(píng)論 (3) | 編輯收藏

JSI2 API重構(gòu)進(jìn)展

為了jsi2 alpha的盡快發(fā)布，我對(duì)jsi 的系統(tǒng)api重構(gòu)了一下，刪除了一些不夠成熟或者沒(méi)有必要的api（將他們拖到org.xidea.* 命名空間下）。

更新（2007－6－9）
接上，移除了xml命名空間及其內(nèi)容，裝飾引擎。io包并入util了，移除了一些腳本，如xml 模板引擎、裝飾引擎實(shí)現(xiàn)等。。。
基本上做到了功能無(wú)關(guān)了。
只剩下html包和util包。lang包這種語(yǔ)言兼容包不說(shuō)。

現(xiàn)在的類庫(kù)只有（數(shù)據(jù)拷貝自JSI jsdoc）：

#js.html //保留這個(gè)包，因?yàn)檫@些實(shí)在太常用了，
   * BrowserInfo
   //保留Decorator是因?yàn)檠b飾器初始化，還是受到點(diǎn)特別關(guān)照
   * Decorator
   * EventUtil
   * StyleUtil

#js.util//保留這個(gè)包主要因?yàn)楫惒窖b載用到這些類庫(kù)
    * LoadTask
    * Request
    * ScriptLoadTask
    * TaskQueue

現(xiàn)在的類庫(kù)只有（數(shù)據(jù)拷貝自JSI jsdoc）：

#js.html //保留這個(gè)包，因?yàn)檫@些實(shí)在太常用了，
   * BrowserInfo
   //保留Decorator是因?yàn)檠b飾器初始化，還是受到點(diǎn)特別關(guān)照
   * Decorator
   * EventUtil
   * StyleUtil

#js.util//保留這個(gè)包主要因?yàn)楫惒窖b載用到這些類庫(kù)
   * LoadTask
   * Request
   * ScriptLoadTask
   * TaskQueue

歡迎大家提出自己的看法：）

posted @ 2007-06-07 11:48 金大為閱讀(748) | 評(píng)論 (12) | 編輯收藏

JSI API之BrowserInfo、EventUtil討論

JSI 自身提供一些常用API，數(shù)量極少，盡量以一種正式的風(fēng)格提供，盡量回避爭(zhēng)議。
有些是啟動(dòng)文件用到的，如任務(wù)隊(duì)列支持，還有如裝飾引擎直接用到的，如BrowserInfo、EventUtil、StyleUtil等。
對(duì)于啟動(dòng)文件中未直接用到的，如果風(fēng)格的爭(zhēng)議太大，都將剔除出去。

BrowserInfo對(duì)象：

/**
* BrowserInfo 對(duì)象，用于判斷瀏覽器的相關(guān)信息，如瀏覽器類型、quirks模式、客戶端語(yǔ)言（簡(jiǎn)體中文？英語(yǔ)..未實(shí)現(xiàn)）、操作系統(tǒng)（未實(shí)現(xiàn)）等等。
* @public
*/
var BrowserInfo = {
  isIE : falseChecker,
  isOpera : falseChecker,
  isGecko : falseChecker,
  isNetscape : falseChecker,
  isMozilla : falseChecker,
  isFirefox : falseChecker,
  isKhtml : falseChecker,
  isSafari : falseChecker,
  isKonqueror : falseChecker,
  isQuirks : function(){…}
};

其中最常用的要數(shù) is<瀏覽器類別>（最小版本號(hào)碼,最大版本號(hào)）。
此外，我還將BrowserInfo的函數(shù)拷貝到navigator對(duì)象上，這個(gè)有無(wú)必要呢？

//@Deprecated ???
for(var n in BrowserInfo){
window.navigator[n] = BrowserInfo[n];
}

不同之處：

現(xiàn)在在瀏覽器判斷上面，一般是用常量表示，比如isIE之類的，JSI的BrowserInfo使用函數(shù)，以便提供更強(qiáng)大更靈活的功能。

EventUtil
EventType 對(duì)象的成員函數(shù)有：

addListener(el, type, fn, cap)
removeListener(el, type, fn, cap)

add<Eventtype>Listener(element, listener, captrue)
如addLoadListener，addMousedownListener，addMouseoutListener
remove<Eventtype>Listener(element, listener, captrue)
createEvent(type, canBubble, cancelable)
dispatchEvent(el, even)

其中: <Eventtype>代表一種事件類型。
W3C事件類型有：

var events = ['click','mousedown','mouseup','mouseover','mousemove','mouseout','load','unload','abort','error','select','change','submit','reset','focus','blur','resize','scroll'].
concat(['DOMFocusIn','DOMFocusOut','DOMActivate']);

此外，還添加了一種事件類型：DOMLoad。就是mozilla的DOMContentLoaded事件，在Dom樹(shù)構(gòu)造完成但圖片資源等可能未完成時(shí)觸發(fā)。
對(duì)于這種事件類型， element, captrue參數(shù)都將忽略。暫時(shí)只有添加函數(shù)，沒(méi)有刪除函數(shù)（有刪除的必要嗎？）。

不同之處：

這個(gè)事件處理函數(shù)集與其他常見(jiàn)方式的卻別有：

this支持。IE的attach方法添加的函數(shù)，運(yùn)行時(shí)this指向window對(duì)象，JSI吧這點(diǎn)給糾正過(guò)來(lái)，與w3c的addEventListener行為一致。
事件類型直接體現(xiàn)在函數(shù)名中，這樣有利于書寫上的錯(cuò)誤及早發(fā)現(xiàn)。
事件格式化，將事件的訪問(wèn)方式格式化為W3C的方式。
自動(dòng)清理，這也不算不同吧，現(xiàn)在大多數(shù)JS庫(kù)都提供這個(gè)功能，就是在離開(kāi)頁(yè)面時(shí)清理全部注冊(cè)事件。但是這對(duì)一些單頁(yè)程序是無(wú)效的（OPOA，本人也比較討厭這種模式，呵呵），以后是否可以提供一個(gè)purgeElement函數(shù)，用于清理指定元素及其子元素的事件呢？

非常希望大家積極發(fā)表自己的看法，該修改就修改，如果爭(zhēng)議太大，那么我將吧這些從系統(tǒng)API中移除。

程序下載

這個(gè)API也可以脫離JSI使用，只是，在編寫的時(shí)候，因?yàn)橛辛薐SI的保護(hù)，我使用了不少內(nèi)部變量，為避免可能的沖突，做了如下處理。

var BrowserInfo = function(){
//#include(browser-info.js)

.
return BrowserInfo;
}

var EventUtil = function(){
//#include(event-util.js)

.
return EventUtil;
}

下載地址

posted @ 2007-06-06 12:17 金大為閱讀(729) | 評(píng)論 (0) | 編輯收藏

原來(lái)中國(guó)的計(jì)算機(jī)技術(shù)領(lǐng)先西方4千年：）

QQ群里無(wú)聊的對(duì)話，貼出來(lái)：

小馬猴(53958317) 20:31:20
那二進(jìn)制還中國(guó)發(fā)明的呢
五風(fēng)樓客(63515213) 20:36:02
哦，二進(jìn)制與中國(guó)什么關(guān)系，還真不知道呢，呵呵？
五風(fēng)樓客(63515213) 20:36:23
那個(gè)朝代的事呢？
小馬猴(53958317) 20:35:43
據(jù)說(shuō)是萊布尼茨在周易中發(fā)現(xiàn)了二進(jìn)制
海闊天空(149788288) 20:35:46
我也孤陋寡聞了
小馬猴(53958317) 20:36:02
就是那個(gè)八卦圖
五風(fēng)樓客(63515213) 20:37:04
^_^，強(qiáng)
五風(fēng)樓客(63515213) 20:37:49
今天才知道，我們大中國(guó)計(jì)算機(jī)技術(shù)領(lǐng)先西方三千年：）
海闊天空(149788288) 20:37:16
是啊是啊，中國(guó)領(lǐng)先的多著呢

五風(fēng)樓客(63515213) 20:38:09
不止，估計(jì)有個(gè)四千年左右把：）
呵呵
小馬猴(53958317) 20:37:22
不過(guò)外國(guó)人看周易，發(fā)明了計(jì)算機(jī)，中國(guó)人看周易，發(fā)明了算命。
小馬猴(53958317) 20:38:25
搜狐這兩天就請(qǐng)了幫看風(fēng)水的人去看他總部呢。那些看風(fēng)水的就是什么周易什么什么研究會(huì)的。
五風(fēng)樓客(63515213) 20:39:20
找張八卦圖看看，能不能發(fā)現(xiàn)什么玄機(jī)呢：）
海闊天空(149788288) 20:38:56
八卦新聞
五風(fēng)樓客(63515213) 20:40:08
不管什么新聞，俺是一直非常鄙視搜狐的。
小馬猴(53958317) 20:39:23
我估計(jì)八卦圖說(shuō)不定是中國(guó)古代發(fā)明的圖靈機(jī)呢
小馬猴(53958317) 20:39:29
哈哈
Tu-160(382392596) 20:41:50
哈哈哈
海闊天空(149788288) 20:42:03
八卦是好東西啊，兩儀生四向，四向生八卦
海闊天空(149788288) 20:42:17
下面一句是什么來(lái)著
五風(fēng)樓客(63515213) 20:44:06
太極生兩儀兩儀生四向四向生八卦八卦生萬(wàn)物
小馬猴(53958317) 20:43:49
嗯，于是萊布尼茨從這句話悟出了二進(jìn)制
五風(fēng)樓客(63515213) 20:45:19
呵呵，原來(lái)最早使用8進(jìn)制的不是瑪雅人，是俺們先輩，呵呵
海闊天空(149788288) 20:44:34
確實(shí)有2進(jìn)制的意思啊

海闊天空(149788288) 20:44:43
中國(guó)古代是用16進(jìn)制吧？
五風(fēng)樓客(63515213) 20:45:51
恩，至少重量單位是的
五風(fēng)樓客(63515213) 20:46:23
小時(shí)候還經(jīng)常聽(tīng)老人們說(shuō)16量的秤，呵呵
海闊天空(149788288) 20:47:05
一打
霖雨(3366414) 20:47:35
半斤八兩

posted @ 2007-06-06 08:19 金大為閱讀(226) | 評(píng)論 (2) | 編輯收藏

無(wú)意間發(fā)現(xiàn)，baidu也在用我的JSA做腳本壓縮了，呵呵

如題：
JSA介紹：http://www.javaeye.com/article/77776

posted @ 2007-06-05 18:34 金大為閱讀(307) | 評(píng)論 (4) | 編輯收藏

修改JSI特殊文件的命名方式的想法,希望聽(tīng)聽(tīng)大家的建議:

JSI2 Alpha即將發(fā)布,關(guān)于兩類特殊文件的命名方式,想聽(tīng)聽(tīng)大家的建議:

包定義文件,原先為 __$package.js
缺點(diǎn):$符號(hào)再linux上處理有點(diǎn)麻煩,通過(guò)shell命令創(chuàng)建時(shí)需要使用轉(zhuǎn)義字符(\$)

預(yù)裝載緩存腳本(編譯結(jié)果,用于支持延遲同步非阻塞式裝載),原先與原文件同名,只是映射到其他目錄.
缺點(diǎn):同一個(gè)包的資源處在不同目錄,發(fā)布,部署都有點(diǎn)麻煩.

現(xiàn)在的修改想法:

方式一:

__[package].js
file.js
file[preload].js

缺點(diǎn):[]也算特殊字符.
優(yōu)點(diǎn):看起來(lái)比較直觀,也不容易和已有文件沖突.linux系統(tǒng)中,通過(guò)控制臺(tái)還是可以直接創(chuàng)建的,不用轉(zhuǎn)義.

方式二:

__package__.js
file.js
file__preload__.js

缺點(diǎn):看起來(lái)沒(méi)有上面的直觀.已有別的類庫(kù)采用這個(gè)名字,不便于編輯工具識(shí)別 .
優(yōu)點(diǎn):無(wú)特殊字符.

大家感覺(jué)如何?給點(diǎn)建議吧:)

posted @ 2007-06-03 14:31 金大為閱讀(629) | 評(píng)論 (3) | 編輯收藏

JavaScript Integration 體驗(yàn)教材

JSI是一個(gè)簡(jiǎn)單、無(wú)侵入（被管理的腳本無(wú)需考慮JSI的存在）的腳本管理框架， JSI的出現(xiàn)，可以做到如下幾點(diǎn):

* 按需裝載。
* 管理依賴，避免依賴的保露、擴(kuò)散，提高類庫(kù)的易用性。
* 執(zhí)行環(huán)境的隔離，避免名稱沖突。

類庫(kù)裝載

動(dòng)態(tài)裝載類庫(kù)是按需裝載的基礎(chǔ)，JSI的裝載方式有三種：即時(shí)同步裝載（可能阻塞）、延遲同步裝載（需要編譯）、異步裝載。這里先演示一下最簡(jiǎn)單的方式，即時(shí)同步導(dǎo)入：

示例：重寫一下jQuery的hello world。

….

<script src="../scripts/boot.js"></script>
….
<script>
//導(dǎo)入jQuery的$函數(shù)
$import("org.jquery.$");
//使用jQuery的$函數(shù)
$(document).ready(function(){
alert("Hello World");
});
</script>
….

這是默認(rèn)的導(dǎo)入方式，當(dāng)能，如果網(wǎng)絡(luò)環(huán)境不好，這可能產(chǎn)生阻塞問(wèn)題。所以JSI2開(kāi)始增加了仍外兩種導(dǎo)入模式。延遲同步導(dǎo)入，異步導(dǎo)入。具體用法請(qǐng)查看文章后面的導(dǎo)入函數(shù)參考。

依賴管理

    Java可以隨意的使用第三方類庫(kù)，可是JavaScript卻沒(méi)那么幸運(yùn)，隨著類庫(kù)的豐富，煩雜的依賴關(guān)系和可能的命名沖突將使得類庫(kù)的發(fā)展越來(lái)越困難。程序的易用性也將大打折扣。

    命名沖突的危險(xiǎn)無(wú)形的增加你大腦的負(fù)擔(dān)；隨著使用的類庫(kù)的增加，暴露的依賴也將隨之增加，這是復(fù)雜度陡增的極大禍根，將使得系統(tǒng)越來(lái)越復(fù)雜，越來(lái)越難以控制。潛在的問(wèn)題越來(lái)越多，防不勝防。

    所以，我們建議類庫(kù)的開(kāi)發(fā)者將自己類庫(kù)的依賴終結(jié)在自己手中，避免依賴擴(kuò)散，以提高類庫(kù)的易用性。

    為了演示一下JSI的依賴管理，我們編寫一個(gè)復(fù)雜一點(diǎn)的類庫(kù)：類似Windows XP文件瀏覽器左側(cè)的滑動(dòng)折疊面板(任務(wù)菜單)效果。

1.編寫我們的折疊面板函數(shù)（org/xidea/example/display/effect.js）：

2.編寫包定義腳本，申明其內(nèi)容及依賴（org/xidea/example/display/__$package.js）：

//添加slidePanel（滑動(dòng)面板控制）函數(shù)
this.addScript("effect.js","slidePanel",null);
//給effect.js腳本添加對(duì)us.aculo.script包中effects.js腳本的裝載后依賴this.addScriptDependence("effect.js",
"us/aculo/script/effects.js",false);
//給effect.js腳本添加對(duì)net.conio.prototype包中$函數(shù)的裝載后依賴this.addScriptObjectDependence("effect.js",
"net.conio.prototype.$",false);

3.HTML代碼：

<html>
  <head>
  <title>重用aculo Effect腳本實(shí)例</title>
  <link rel="stylesheet" type="text/css" href="/styles/default.css" />
  <script src="/scripts/boot.js"></script>
  <script>
    $import("org.xidea.display.slidePanel");
  </script>
  </head>
  <body>
    <div class="menu_header"
        onclick="slidePanel('menu_block1')">
        面板 1
    </div>
    <div class="menu_block" id="menu_block1">
      <ul>
        <li>text1</li>
        <li>text2</li>
        <li>text3</li>
      </ul>
    </div>
</body>
</html>

    onclick="slidePanel('menu_block1')"這個(gè)事件函數(shù)將在我們點(diǎn)擊面板標(biāo)題時(shí)觸發(fā)，能后會(huì)調(diào)用Scriptaculous Effect的具體實(shí)現(xiàn)去實(shí)現(xiàn)我們需要的滑動(dòng)折疊功能。

    這個(gè)效果只是八行代碼，比較簡(jiǎn)單，但是它用到了Scriptaculous Effect類庫(kù)，Scriptaculous Effect又簡(jiǎn)接用到了Prototype類庫(kù)，所以，傳統(tǒng)方式使用起來(lái)還是比較復(fù)雜，有一堆腳本需要導(dǎo)入prototype.js，effects.js，builder.js，更加痛苦的是這些腳本的導(dǎo)入還要遵守一定的順序。

    但是，如果我們使用JSI 明確申明了這些依賴，那么使用起來(lái)就簡(jiǎn)單多了，只一個(gè)import就可以完全搞定。
    此外這里還有一個(gè)額外的好處，我們類庫(kù)中依賴的那些腳本，并不會(huì)對(duì)外部保露，在頁(yè)面上是不可見(jiàn)的，也就是說(shuō)，這些依賴完全終結(jié)在剛才編寫的類庫(kù)中，不必?fù)?dān)心使用這些類庫(kù)帶來(lái)的名稱污染問(wèn)題。

環(huán)境隔離

眾所周知， Scriptaculous所依賴的Prototype庫(kù)與jQuery存在沖突。所以同時(shí)使用比較困難。
下面的例子，我們將在同一個(gè)頁(yè)面上同時(shí)使用Scriptaculous和 jQuery 類庫(kù)。示范一下JSI隔離沖突功能。
示例頁(yè)面（hello-jquery-aculo.html）：

<html>
<head>
<title>Hello jQuery And Scriptaculous</title>

<script src="../scripts/boot.js"></script>
<script>
//導(dǎo)入jQuery
$import("org.jquery.$");
//導(dǎo)入Scriptaculous
$import("us.aculo.script.Effect");

$(document).ready(function(){
  //使用jQuery添加一段問(wèn)候語(yǔ)
  $("<p id='helloBox' style='background:#0F0;text-align:center;font-size:40px;cursor:pointer;'>\
Hello jQuery And Scriptaculous</p>")
    .appendTo('body');
  $('#helloBox').ready(function(){
    //使用Scriptaculous高亮顯示一下剛才添加的內(nèi)容
    new Effect.Highlight('helloBox');
  }).click(function(){
    //當(dāng)用戶單擊該內(nèi)容后使用jQuery實(shí)現(xiàn)漸出
    $('#helloBox').fadeOut();
  });
});
</script>
</head>
<body>
<p>文檔裝載后，jQuery將在后面添加一段問(wèn)候語(yǔ)；并使用Scriptaculous高亮顯示（Highlight）；在鼠標(biāo)點(diǎn)擊后在使用jQuery漸出（fadeOut）。</p>
</body>
</html>

其他話題

JSI組件模型：
頁(yè)面裝飾引擎：用于裝飾樸素html元素的框架，實(shí)現(xiàn)零腳本代碼的web富客戶端編程，更多細(xì)節(jié)請(qǐng)?jiān)L問(wèn)jsi官方網(wǎng)站。

參考：

    腳本導(dǎo)入函數(shù)
    腳本導(dǎo)入函數(shù)是JSI唯一的一個(gè)在頁(yè)面上使用的系統(tǒng)函數(shù)。

function $import(path, callbackOrLazyLoad, target )
      path 類庫(kù)路徑
      callbackOrLazyLoad 可選參數(shù),如果其值為函數(shù)，表示異步導(dǎo)入模式；如果其值為真，表示延遲同步導(dǎo)入模式，否則為即時(shí)同步導(dǎo)入（默認(rèn)如此）。
      Target 可選參數(shù)(默認(rèn)為全局變量,所以說(shuō),這種情況等價(jià)于直接聲明的全局變量)，指定導(dǎo)入容器。
名詞解釋：
    * 自由腳本
通過(guò)<script>標(biāo)記引入或直接編寫的腳本，我們不建議在使用JSIntegration之后，仍舊使用script src導(dǎo)入JSI啟動(dòng)腳本(boot.js)之外的腳本。
    * 托管腳本
通過(guò)$import函數(shù)直接或間接加載的腳本。這些腳本將在一個(gè)獨(dú)立的執(zhí)行上下文裝載，不會(huì)污染全局環(huán)境。
    * 腳本依賴
若要使用A，需要導(dǎo)入B，則A依賴B。
A、B可以是腳本文件，也可以是腳本文件中的某個(gè)腳本元素。
    * 類庫(kù)使用者
類庫(kù)的使用者，您只需再頁(yè)面上書寫腳本，導(dǎo)入類庫(kù)，編寫自己的簡(jiǎn)單腳本，一般情況請(qǐng)不要編寫js文件，那是類庫(kù)開(kāi)發(fā)者做的事.
    * 類庫(kù)開(kāi)發(fā)者
在此框架下開(kāi)發(fā)出方便實(shí)用的腳本庫(kù)，您需要編寫一些通用腳本，同時(shí)設(shè)置腳本依賴，做到任何類/函數(shù)，導(dǎo)入即可運(yùn)行。

posted @ 2007-06-02 14:16 金大為閱讀(1629) | 評(píng)論 (0) | 編輯收藏

Ajax之異步的優(yōu)勢(shì)

先申明一下，我討厭Ajax這個(gè)名詞。舊藥裝新瓶。（像那個(gè)80來(lái)歲的楊某一樣令人討厭，呵呵）。

正題：

    Ajax所謂的異步加載，為何需要異步，可以說(shuō)異步操作通常都是一個(gè)成熟的程序設(shè)計(jì)人員會(huì)盡力回避的東西。復(fù)雜度徒增，不好控制，容易出錯(cuò)。

    但是，這個(gè)問(wèn)題放在瀏覽器上就是另外一個(gè)情形，瀏覽器上的腳本＋事件通常只有一個(gè)線程。那些看是多線程的函數(shù)：setTimeout， setInterval，其實(shí)都不會(huì)插入或中斷任何一個(gè)其他的在執(zhí)行中的任務(wù)，而且一旦你的腳本尚在運(yùn)行，那么不管你是否在掛起等待，所有的事件都將阻塞。窗口重畫，拖動(dòng)...也都得靠邊站著，感覺(jué)就像是某個(gè)程序進(jìn)入一個(gè)死循環(huán)了。

    以前得腳本都是做一些簡(jiǎn)單得事情，需要的時(shí)間，用戶基本上都感覺(jué)不到，后來(lái)XMLHttpRequest的興起，問(wèn)題出來(lái)了，訪問(wèn)網(wǎng)絡(luò)資源，你得受網(wǎng)速得限制，如果同步的獲取，那你就等吧，等個(gè)幾秒幾分幾十分的，不是不可能。這時(shí)瀏覽器可沒(méi)那么聰明，站旁邊傻等，什么窗口重畫，移動(dòng)啊，都裝個(gè)沒(méi)聽(tīng)見(jiàn)。

    瀏覽器傻了，用戶可不傻，靠，這個(gè)網(wǎng)站咋的，吧我的瀏覽器都搞死了？加入黑名單，或者碰到個(gè)脾氣好點(diǎn)的，把你辛辛苦苦、沒(méi)日沒(méi)夜、綿綿數(shù)月敲下來(lái)的腳本，一律禁止運(yùn)行... 傻了把，可憐的腳本程序員。

    看似瀏覽器的問(wèn)題嘛，可是，誰(shuí)叫你是中年諸葛亮呢，扶不起的阿斗你也得背著，朽木上刻章方顯你的出眾嘛。于是異步操作遍地開(kāi)花，第N次世界大亂從此開(kāi)始。

    確實(shí)這里使用異步操作很有見(jiàn)成效，先告訴xmlhttp后臺(tái)加載網(wǎng)絡(luò)資源。一邊涼快涼快，加載完了通知一下。喝喝茶，看看報(bào)，N+1秒鐘過(guò)去了，報(bào)告: 001.xml全體元素集合完畢，帳前待命...,ok,..... (機(jī)密，隱藏...)。

    不錯(cuò)把，你不必焦急的盯著屏幕上所不期望的白大塊，不用使勁的失望的拖動(dòng)著沒(méi)有的鼠標(biāo)。你只需要東瞧瞧西瞅瞅，隨意的打發(fā)點(diǎn)時(shí)間，一會(huì)，東西準(zhǔn)備好了，歸你了，愛(ài)怎么辦就怎么辦吧。

    沒(méi)看明白？簡(jiǎn)單點(diǎn)說(shuō)吧，就是把資源加載這一操作放在腳本線程之外，那么就不會(huì)有長(zhǎng)時(shí)間運(yùn)行的腳本，那么用戶就覺(jué)得你的程序響應(yīng)快。就是是說(shuō)ajax，其實(shí)asynchronism也就這一個(gè)地方而已。

    記住一點(diǎn)，瀏覽器上單純的腳本程序，本身是不支持多線程的，異步也就無(wú)從談起，而現(xiàn)在所說(shuō)的異步，都不是純粹的ECMAScript，都是利用瀏覽器帶有的某些原生對(duì)象實(shí)現(xiàn)的。

    雕蟲小技而已，結(jié)果吹得雞毛滿天飛。眾嘴紜紜之勢(shì)，眾目睽睽之下，公雞下蛋，鯉魚上坡，皆有可能。

posted @ 2007-06-02 14:11 金大為閱讀(994) | 評(píng)論 (13) | 編輯收藏

javascript 性能測(cè)試系列：循環(huán)反轉(zhuǎn)的效果

循環(huán)反轉(zhuǎn)示例:

for(var i = 0;i<data.length;i++){
//

.
  }
  //反轉(zhuǎn)后代碼
for(var i = data.length-1;i>=0;i--){
    //

.
}

這類優(yōu)化的作用是明顯的,但是具體有多大作用呢?

用一個(gè)長(zhǎng)度為100 000 的數(shù)組測(cè)試一下:
515/313
500/313
516/312
516/328
516/328

可見(jiàn),循環(huán)反轉(zhuǎn)后,只需要原來(lái)3/5的時(shí)間.
但是,這種東西到底有多大價(jià)值?FF上200次循環(huán)僅需要1毫秒的時(shí)間.所以,個(gè)人認(rèn)為,只要循環(huán)的內(nèi)容不是太長(zhǎng),使用不算非常頻繁,那么沒(méi)有太大必要.
加入循環(huán)的長(zhǎng)度需要通過(guò)函數(shù)取得,且不變,那么,反轉(zhuǎn)的效率還是可觀的,在IE上,函數(shù)調(diào)用消耗是普通操作的十多倍.

測(cè)試代碼:

posted @ 2007-05-31 12:30 金大為閱讀(915) | 評(píng)論 (5) | 編輯收藏

javascript 性能測(cè)試系列：正則表達(dá)式

在JSI的實(shí)現(xiàn)中,有這樣一種需求,將有自帶命名空間的腳本元素名數(shù)組轉(zhuǎn)換成沒(méi)有命名空間的變量名數(shù)組.
比如 :
['YAHOO.util.XXXX,YAHOO.util.YYYY,YAHOO.event.XX'] ->['YAHOO']

以前一直是較長(zhǎng)的一段處理代碼,今天突發(fā)奇想,這個(gè)用正則表達(dá)式處理效果如何?

于是,就這種處理,分別測(cè)試了正則表達(dá)式和javascript代碼的效率.

測(cè)試數(shù)據(jù)如下(regTime /codeTime):
620/4536
729/4068
719/4250
645/4152
655/4642

FF和IE結(jié)果差不多,上面是FF2的數(shù)據(jù)

總結(jié):
經(jīng)常看見(jiàn)很多地方對(duì)正則表達(dá)式的效率的懷疑,但是這個(gè)問(wèn)題放在javascript里面,好像情況又不同了. 適當(dāng)使用正則式,反而可以大大提高效率.
在javascript這類\較慢的解釋型語(yǔ)言里面,少即快,能用原生代碼就不要自己寫.

測(cè)試代碼:

posted @ 2007-05-30 13:22 金大為閱讀(917) | 評(píng)論 (0) | 編輯收藏

for循環(huán)的空處理，相信曾經(jīng)麻煩了不少程序員吧。

大膽的關(guān)鍵字利用。

其他漂亮的特征：

裝飾引擎簡(jiǎn)介：

裝飾器規(guī)范簡(jiǎn)介：

JSI現(xiàn)有裝飾器集合簡(jiǎn)介

代碼示例：

裝飾結(jié)果：

壁立千仞無(wú)欲則剛――控制依賴

何謂安需裝載？

安需裝載可分如下三種模式：

使用方法（JSI示例）

示例說(shuō)明：

參考：

BrowserInfo對(duì)象：

不同之處：

不同之處：

類庫(kù)裝載

依賴管理

環(huán)境隔離

其他話題

參考：

常用鏈接

留言簿(2)

隨筆分類

隨筆檔案

blog

鏈接

搜索

最新評(píng)論

閱讀排行榜

評(píng)論排行榜

for循環(huán)的空處理，相信曾經(jīng)麻煩了不少程序員吧。

大膽的關(guān)鍵字利用。

其他漂亮的特征：

裝飾引擎簡(jiǎn)介：

裝飾器規(guī)范簡(jiǎn)介：

JSI現(xiàn)有裝飾器集合簡(jiǎn)介

代碼示例：

裝飾結(jié)果：

壁立千仞 無(wú)欲則剛――控制依賴

何謂安需裝載？

安需裝載可分如下三種模式：

使用方法（JSI示例）

示例說(shuō)明：

參考：

BrowserInfo對(duì)象：

不同之處：

不同之處：

類庫(kù)裝載

依賴管理

環(huán)境隔離

其他話題

參考：

常用鏈接

留言簿(2)

隨筆分類

隨筆檔案

blog

鏈接

搜索

最新評(píng)論

閱讀排行榜

評(píng)論排行榜

壁立千仞無(wú)欲則剛――控制依賴