【下載WijmoJS 2018 v2】

WijmoJS是為企業(yè)應(yīng)用程序開發(fā)而推出的一系列包含HTML5和JavaScript的開發(fā)控件。其中包含了金融圖表、FlexSheet、先進(jìn)的JavaScript控件（Wijmo 5）和經(jīng)典的jQuery小部件（Wijmo 3）。無論您的應(yīng)用程序是移動應(yīng)用還是必須要支持IE6，Wijmo Enterprise均能滿足您的需求。

新一代 JavaScript 控件 WijmoJS 發(fā)布 2018 v2 版本，提供全新的可視化設(shè)計器，在 Angular、React 和 Vue 中更加好用，增加了Web組件的互操作用法和 SASS 樣式支持，極大的提升了產(chǎn)品的易用性。

秉承觸控優(yōu)先的設(shè)計理念，WijmoJS 在全球率先支持 AngularJS，同時支持 React、Vue 等前端框架，并提供性能卓越、零依賴的 FlexGrid 和圖表等多個控件。WijmoJS 靈活的 API 為用戶提供易用、輕松的操作體驗，全面滿足開發(fā)所需，是構(gòu)建企業(yè)應(yīng)用程序的全套控件集，正在為微軟 Dynamics 等項目使用。

WijmoJS 2018 v2更新內(nèi)容如下：

全新的可視化設(shè)計器

目前為止，WijmoJS 純前端控件集已經(jīng)十分易于前端開發(fā)使用，但仍需要編寫代碼。WijmoJS 2018V2 宣布，這種方式將被徹底改變。用于創(chuàng)建和自定義WijmoJS控件的設(shè)計器，包含兩個beta版本，一個是與Visual Studio Code完美融合的設(shè)計器、另一個則是可視化在線設(shè)計器，提供實(shí)時預(yù)覽和編輯頁面屬性的功能。

VSCode設(shè)計器

此設(shè)計器是 VSCode 的擴(kuò)展。安裝后，它會在每個 Angular 框架下的 WijmoJS 組件上方添加“Wijmo Designer ...”操作。單擊操作按鈕后，它將打開一個設(shè)計界面，用于自定義該特定組件。開發(fā)人員可以實(shí)時更改屬性和綁定事件，并將所做更改保存回 Angular 應(yīng)用程序中。 要在 VSCode 中安裝此擴(kuò)展，請單擊 VS Marketplace上Designer 設(shè)置中的“安裝”按鈕。 此外，您還可以在 VSCode 的擴(kuò)展管理器中搜索“wijmo”并從那里安裝。 確保安裝后重新加載 VSCode。 然后打開一個使用 WijmoJS 控件的 Angular 應(yīng)用程序并嘗試啟動設(shè)計器。

可視化在線設(shè)計器

此設(shè)計器是用于創(chuàng)建和自定義 WijmoJS 控件的 Web 應(yīng)用程序。 您可以在任何瀏覽器中運(yùn)行此設(shè)計器。它允許您將控件添加到設(shè)計圖面，然后根據(jù)自己的喜好自定義它們。完成后，您可以將生成的代碼復(fù)制到您自己的應(yīng)用程序中。

Web-based Wijmo Designer

此設(shè)計器生成的代碼是純 HTML 和 JavaScript。 生成的代碼包括初始化控件所需的引用，宿主元素和 JavaScript 腳本。

支持 Angular 6 和 TypeScript 2.7

WijmoJS 已經(jīng)全面支持Angular 6.0.0版。現(xiàn)階段工作是將所有Demo示例升級到Angular V6，并將TypeScript版本升級到V2.7。

新的 React / Redux 加密貨幣跟蹤應(yīng)用程序

WijmoJS 為使用 React 和 Redux 的用戶增加了加密貨幣跟蹤應(yīng)用程序，該應(yīng)用程序是一個財務(wù)儀表板，可用于跟蹤加密貨幣值，這些值是在用戶開發(fā)的生產(chǎn)應(yīng)用程序之后建模的。使用 React / Redux 的現(xiàn)代設(shè)計模式和各種 WijmoJS 控件，可以幫助您更好地評估和開發(fā) WijmoJS 應(yīng)用程序。

Wijmo Crypto Currency App

支持 Vue V2 的集成增強(qiáng)功能

隨著 Vue 的不斷發(fā)展，WijmoJS 也正在不斷改進(jìn)，以增強(qiáng)在 Vue 中的易用性。本次更新中增加了對 Vue V2 的很多不錯的功能。比如，WijmoJS 子組件現(xiàn)在可以在動態(tài)場景中正確工作，例如 v-for 和 v-if 指令。

Child components in Vue.js

WijmoJS 中的 Web Components

WijmoJS 的 Web組件互操作的測試版已經(jīng)推出，它將 WijmoJS 控件公開為 Web組件，更具體地說是自定義元素。 WijmoJS Web組件允許您以聲明方式將 WijmoJS 控件添加到 HTML 頁面，并將其作為常用 DOM 元素進(jìn)行操作，而無需使用任何其他框架。 某些不完全支持 Web組件標(biāo)準(zhǔn)的瀏覽器可能需要一些額外的 Polyfill 支持。

WijmoJS Web組件實(shí)現(xiàn)當(dāng)前狀態(tài)的關(guān)鍵點(diǎn)：

1. WijmoJS 控件的WijmoJS“頂級”Web組件（如表示 FlexGrid 控件的 wjc-flex-grid 組件）繼承自相應(yīng)的控件類。例如，WjcFlexGrid 組件類擴(kuò)展了 FlexGrid 控件類。這也意味著當(dāng) WijmoJS 用于“Web組件模式”時，基礎(chǔ) WijmoJS 控件類擴(kuò)展了 HTML 元素類。
2. 與頂級組件互補(bǔ)的子組件，如定義 FlexGrid 列的 wjc-flex-grid-column 組件，作為它們所代表的 WijmoJS 類的包裝器。子組件直接從 HTMLElementclass 繼承，底層 WijmoJS 類實(shí)例可通過組件的特殊控件屬性訪問。
3. 可以使用組件元素上的屬性定義 WijmoJS 類屬性。當(dāng)屬性值更改時，相應(yīng)的 WijmoJS 類屬性會相應(yīng)更新。目前，更改類屬性值不需要更改相應(yīng)的屬性值。
4. JavaScript 代碼可以使用本機(jī) Element.addEventListener（'event'，handler）方法為 WijmoJS 控件事件訂閱處理程序。
5. WijmoJS 組件現(xiàn)在不使用 Shadow DOM。這將在互操作的未來版本中得到解決。最大的挑戰(zhàn)是 WijmoJS 允許通過 CSS 對其控件的部件進(jìn)行深度定制，而 Shadow DOM 的目標(biāo)是防止它。有關(guān) Shadow DOM 規(guī)范的新提議可以緩解此限制，我們正在密切關(guān)注這些更改。目前，WijmoJS Web組件及其部件可以使用全局 CSS 以與普通 WijmoJS 控件相同的方式進(jìn)行自定義。

Web組件的最大好處是，可以在不同的框架中使用相同的組件，并從框架的附加功能（如屬性，屬性和事件綁定）中受益。

SASS 支持的控件和主題

WijmoJS 的控件樣式（布局，默認(rèn)樣式）以前是用CSS編寫的。最初，它很簡單，但目前已經(jīng)發(fā)展到難以管理的程度。因此，現(xiàn)在決定使用SASS和更好的方式來重寫樣式。

• 您可以輕松使用 SASS 文件來創(chuàng)建自己的主題風(fēng)格。WijmoJS 還提供 SASS 文件供您使用和自定義。
• 您現(xiàn)在可以選擇要包含在應(yīng)用程序中的 SASS 模塊。 例如，現(xiàn)在有一個僅包含核心模塊（非企業(yè)）的 WijmoJS-Core 文件，它只是全部 CSS 文件的一小部分。您可以有選擇地使用要包含的模塊來真正優(yōu)化 CSS 大小。
• WijmoJS 在 Web Component interop 中增加了對 Shadow DOM 的支持。

ES6 和 ESModule 支持

本次更新，增加了 ES6 版本的 WijmoJS 模塊（測試版），你可以在 WijmoJS 安裝包的 NpmImages 文件夾中找到它：

• wijmo-es2015-esm-min - ESM模塊格式（ES6導(dǎo)入/導(dǎo)出語句）
• wijmo-es2015-commonjs-min - 采用CommonJS模塊格式