Spinner（微調(diào)器）裝飾器開發(fā)：

組件介紹：

仿照 window時(shí)間日期管理中，年份調(diào)節(jié)的控件，原型是一個(gè)文本輸入筐，一般用于數(shù)字輸入。筐后有上下微調(diào)按鈕，用于增減控件值。

這種控件在backbase框架中也有出現(xiàn)，JSI的spinner就是仿照其外形設(shè)計(jì)。

顯示效果：

代碼：

使用方法見在 基于FCKEditor 開發(fā)JSI Editor裝飾器已有詳細(xì)介紹，不再敘述。

見：http://www.javaeye.com/article/79063

基于FCKEditor 開發(fā)JSI Editor裝飾器：

組件介紹：

效果：

裝飾器實(shí)現(xiàn)代碼：

裝飾器定義代碼：

使用方法：

1. 增加命名空間（xmlns:d="http://www.xidea.org/taglib/decorator"）


2. 加入JSI引導(dǎo)腳本（<script src="../scripts/boot.js"></script>）


3. 加入所用裝飾器的標(biāo)記

總結(jié)：

<script>

var test1 = 1;

function test1(){};//函數(shù)申明不能覆蓋變量申明？

alert(test1);

</script>

<script>

var test2 = 1;

eval('function test2(){};');

alert(test2);//函數(shù)申明怎么又覆蓋了變量申明？

</script>

JSA 1.0 Alpha發(fā)布，壓縮效率提高大約10％

壓縮算法改進(jìn)：

實(shí)現(xiàn)了自己的文本壓縮算法

• 提高了壓縮比率以及解壓效率。

優(yōu)化了語法壓縮

• 合并連續(xù)var申明，
• 刪除了多余var申明，
• 刪除了多余大括弧（{、}），
• 刪除了多余分號（；）。

UI改進(jìn)：

• 自動編碼識別
• 支持文件拖放
• 支持JAVA1.4.2+ 當(dāng)jar打開方式為java時(shí),可雙擊運(yùn)行，但,若JAR打開方式被修改（如winrar），請使用如下方式：
  CMD>java -jar xx.jar
  
• 格式化
  注釋只能在各語句之間，插在語句中間的注釋有可能丟失，在格式化的時(shí)候，算bug吧。
• 壓縮參數(shù)設(shè)置
  操作->設(shè)置：
  執(zhí)行語法壓縮：將替換局部變量，刪除冗余語法。
  執(zhí)行文本壓縮：將腳本文本分詞、替換壓縮。執(zhí)行時(shí)可通過eval( 解壓函數(shù)() )方式還原。
  兼容IE5、NS3：老版本的瀏覽器對正則表達(dá)式支持優(yōu)先，是否需要兼容他們（需要采用稍微復(fù)雜一點(diǎn)的解壓函數(shù)）。
  執(zhí)行文本壓縮的條件設(shè)置：設(shè)置何時(shí)采用文本壓縮，有兩項(xiàng)，比率要求和大小要求；因?yàn)閑val是需要額外開銷的，所以，只有當(dāng)文本壓縮的比率小于指定值且文件大小大于指定值時(shí)才采用文本壓縮。
  

ANT Task

• 默認(rèn)編碼 ：取JRE的默認(rèn)編碼，可能隨機(jī)器不同而改變，所以，推薦手動指定器編碼方式（eg:charset="utf-8"/charset="GBK"）
• jsicompile 任務(wù)：編譯JSI （壓縮，預(yù)裝載編譯，定制啟動文件）
• jscompress 壓縮腳本

ANT Task 示例

jsicompiler 示例（處理JSI及其集成的第三方腳本）

  <target name="compress" depends="init">
    <jsicompiler destDir="ant/temp/script2" charset="utf-8" rebuildboot="true">
      <fileset dir="web/scripts">
        <include name="*/**/*.js" />
        <include name="*.js" />
        <exclude name="preload/**" />
      </fileset>
      <preloadgroup path="code-decorator.js">
        <fileset dir="web/scripts">
          <include name='js/io/__$package.js' />
          <include name='js/io/request.js' />
          <include name='js/io/writer.js' />
          <include name='js/xml/__$package.js' />
          <include name='js/xml/template.js' />
          <include name='js/xml/tag.js' />
          <include name='js/util/__$package.js' />
          <include name='js/util/collections.js' />
          <include name='org/xidea/syntax/__$package.js' />
          <include name='org/xidea/syntax/syntax-parser.js' />
          <include name='org/xidea/decorator/__$package.js' />
          <include name='org/xidea/decorator/code.js' />
        </fileset>
      </preloadgroup>
    </jsicompiler>
  </target>




jscompress 示例（壓縮普通腳本）

  <target name="test-compress">
    <jscompress destDir="ant/temp/script2" charset="utf-8">
      <fileset dir="web/scripts">
        <include name="js/**/*.js" />
        <include name="*.js" />
      </fileset>
    </jscompress>
  </target>

頁面裝飾引擎簡介

適用范圍

現(xiàn)狀分析

參考

1. 云想衣裳花想容－－JSI組件模型介紹（二）

1. 基于FCKEditor 開發(fā)JSI Editor裝飾器


2. 從零開始 Spinner（微調(diào)器）裝飾器開發(fā)

結(jié)語