racle JET是一個用于經(jīng)驗豐富的JavaScript開發(fā)人員構(gòu)建客戶端的基于JavaScript的應(yīng)用程序的工具包，此次更新帶來了更多的新功能，可以說再也沒有比定義JET UI組件基于Custom Element的語法更強大的了，尤其是在開發(fā)HTML內(nèi)容的時候，你會發(fā)現(xiàn)這種新語法簡直太直觀自然了。

據(jù)悉，現(xiàn)在開發(fā)人員正在為保持現(xiàn)有HTML標(biāo)準(zhǔn)和規(guī)范做進(jìn)一步的努力。當(dāng)你將應(yīng)用程序遷移使用v4.0.0時，不必使用到新的自定義元素語法，所以，我們更建議開發(fā)人員使用新語法來開展所有新的工作，自定義元素語法也可以和現(xiàn)有數(shù)據(jù)綁定語法共存。

新舊語法比示例：

舊：

<input id=&ldquo;text-input&rdquo;type=&ldquo;text&rdquo;

data-bind=&ldquo;ojComponent：{component：'ojInputText'，

value：value}&ldquo;/>

新：

<oj-input-text id=&ldquo;text-input&rdquo;value=&ldquo;{{value}}&rdquo;> </ oj-input-text>

注意使用 {{ }}來綁定 自定義元素的值。 {{ }} 代表雙向綁定， [[ ]] 代表單向綁定。這是從Polymer的語法中得到的啟發(fā)。

接下來，我們就看一下新版本有哪些亮點：

Web組件

除了新的自定義元素語法之外，新版本中還多了一些框架級的增強功能：

CDN支持

Oracle JET現(xiàn)在可以通過CDN來獲得，其中包含有所有JET庫以及JET分發(fā)的第三方庫，除了本版本之外，JET v3.1.0,3.0.0和4.0.0也可以使用。

ojDefer

這個功能是用于提供使用JET構(gòu)建應(yīng)用程序的性能，下例中<oj-defer>只有在父元素調(diào)用的時候才會呈現(xiàn)。

<oj-collapsible id="collapsiblePage">

<h4 id="collapsibleHeader" slot="header">Deferred Content</h4>

<oj-defer>

<div data-bind="ojModule: 'deferredRendering/content'">

</div>

</oj-defer>

</oj-collapsible>

ojBusyContext

當(dāng) toolkit/framework 提供多種類型的動畫和異步數(shù)據(jù)交互時，測試自動化總是很棘手的。JET BusyContext API為測試人員提供了多種方式來控制基于JET的應(yīng)用程序。

<div id="mycontext" data-oj-context>

...

<!-- JET content -->

...

</div>

var node=document.querySelector("#mycontext");

var busyContext=oj.Context.getContext(node).getBusyContext();

busyContext.whenReady().then(function (){

var component=document.querySelector("#myInput");

component.value="foo";

if (!component.isValid()) component.value="foobar";

});

復(fù)合組件

Oracle JET更強大的功能之一是新的復(fù)合組件架構(gòu)。這是JET實現(xiàn)用于創(chuàng)建和共享可重用UI元素的HTML5 Web組件規(guī)范。HTML代碼如下：

<demo-memory-game

id="game1"

cards="[[chartImages]]"

on-attempts-changed="[[updateAttempts]]"

on-has-won-changed="[[showWinnerPopup]]">

</demo-memory-game>

ojet-CLI

JET v4.0.0最大的新功能之一就是幫助你構(gòu)建應(yīng)用程序，并為現(xiàn)有應(yīng)用程序添加新功能。這個命令行界面（CLI）已經(jīng)在最近的兩個JET版本中可以預(yù)覽，但是在JET v4.0.0中已經(jīng)是官方發(fā)布狀態(tài)，創(chuàng)建Web或者M(jìn)obile應(yīng)用程序是一樣簡單的：

ojet create myApp --template=navdrawer

添加一個新的復(fù)合組件到應(yīng)用程序：

ojet create component my-component

數(shù)據(jù)可視化（DVT）組件集始終是JET最受歡迎的功能之一，隨著這個版本的發(fā)布，DVT組件性能有所改善，而且出現(xiàn)了一些新特性和組件功能。

ojGantt

任務(wù)標(biāo)簽的多個位置可用

ojDataGrid

支持合并單元格

其他更新的UI組件包括...

ojAvatar

這個新組件可以輕松構(gòu)建響應(yīng)式員工列表

ojTreeView

ojTree組件已被完全重新編寫的oj-tree-view組件替換，支持HTML5拖放功能以及圖標(biāo)和延伸內(nèi)容的擴展。

Color Pallet 和 Color Spectrum

oj-color-palette和oj-color-spectrum組件已經(jīng)得到改進(jìn)，可以輕松自定義的配色方案。

這次版本中提供了超過1750個功能，新的自定義元素方法累積了JET開發(fā)人員一年多的工作成果，這是JET團隊提供的最全面的版本職業(yè)。