racle JET是一个用于经验丰富的JavaScript开发人员构建客户端的基于JavaScript的应用程序的工具包，此次更新带来了更多的新功能，可以说再也没有比定义JET UI组件基于Custom Element的语法更强大的了，尤其是在开发HTML内容的时候，你会发现这种新语法简直太直观自然了。

据悉，现在开发人员正在为保持现有HTML标准和规范做进一步的努力。当你将应用程序迁移使用v4.0.0时，不必使用到新的自定义元素语法，所以，我们更建议开发人员使用新语法来开展所有新的工作，自定义元素语法也可以和现有数据绑定语法共存。

新旧语法比示例：

旧：

<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的语法中得到的启发。

接下来，我们就看一下新版本有哪些亮点：

Web组件

除了新的自定义元素语法之外，新版本中还多了一些框架级的增强功能：

CDN支持

Oracle JET现在可以通过CDN来获得，其中包含有所有JET库以及JET分发的第三方库，除了本版本之外，JET v3.1.0,3.0.0和4.0.0也可以使用。

ojDefer

这个功能是用于提供使用JET构建应用程序的性能，下例中<oj-defer>只有在父元素调用的时候才会呈现。

<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

当 toolkit/framework 提供多种类型的动画和异步数据交互时，测试自动化总是很棘手的。JET BusyContext API为测试人员提供了多种方式来控制基于JET的应用程序。

<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";

});

复合组件

Oracle JET更强大的功能之一是新的复合组件架构。这是JET实现用于创建和共享可重用UI元素的HTML5 Web组件规范。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最大的新功能之一就是帮助你构建应用程序，并为现有应用程序添加新功能。这个命令行界面（CLI）已经在最近的两个JET版本中可以预览，但是在JET v4.0.0中已经是官方发布状态，创建Web或者Mobile应用程序是一样简单的：

ojet create myApp --template=navdrawer

添加一个新的复合组件到应用程序：

ojet create component my-component

数据可视化（DVT）组件集始终是JET最受欢迎的功能之一，随着这个版本的发布，DVT组件性能有所改善，而且出现了一些新特性和组件功能。

ojGantt

任务标签的多个位置可用

ojDataGrid

支持合并单元格

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

ojAvatar

这个新组件可以轻松构建响应式员工列表

ojTreeView

ojTree组件已被完全重新编写的oj-tree-view组件替换，支持HTML5拖放功能以及图标和延伸内容的扩展。

Color Pallet 和 Color Spectrum

oj-color-palette和oj-color-spectrum组件已经得到改进，可以轻松自定义的配色方案。

这次版本中提供了超过1750个功能，新的自定义元素方法累积了JET开发人员一年多的工作成果，这是JET团队提供的最全面的版本职业。