Ext.js - 概述



Ext JS是一個流行的JavaScript框架,它提供豐富的UI,用於構建具有跨瀏覽器功能的Web應用程式。Ext JS主要用於建立桌面應用程式。它支援所有現代瀏覽器,例如IE6+、FF、Chrome、Safari 6+、Opera 12+等。而Sencha的另一個產品Sencha Touch則用於移動應用程式。

Ext JS基於MVC/MVVM架構。最新的Ext JS 6版本是一個單一平臺,可以用於桌面和移動應用程式,而無需為不同的平臺編寫不同的程式碼。

歷史

Ext JS 1.1

Ext JS的第一個版本由Jack Slocum於2006年開發。它是一組實用程式類,是YUI的擴充套件。他將該庫命名為YUI-ext。

Ext JS 2.0

Ext JS 2.0版本於2007年釋出。此版本具有新的桌面應用程式API文件,功能有限。此版本與以前的Ext JS版本不相容。

Ext JS 3.0

Ext JS 3.0版本於2009年釋出。此版本添加了新的圖表和列表檢視功能,但以犧牲速度為代價。它與2.0版本向後相容。

Ext JS 4.0

在釋出Ext JS 3之後,Ext JS的開發者面臨著提高速度的重大挑戰。Ext JS 4.0版本於2011年釋出。它具有完全修改的結構,遵循MVC架構,並具有更快的應用程式速度。

Ext JS 5.0

Ext JS 5.0版本於2014年釋出。此版本的重大更改是將MVC架構更改為MVVM架構。它包括在觸控裝置上構建桌面應用程式的能力、雙向資料繫結、響應式佈局以及更多功能。

Ext JS 6.0

Ext JS 6合併了Ext JS(用於桌面應用程式)和Sencha Touch(用於移動應用程式)框架。

特性

以下是Ext JS的突出特性。

  • 可自定義的UI小部件,包含豐富的UI元件,例如網格、透視表、表單、圖表、樹。

  • 新版本與舊版本程式碼相容。

  • 靈活的佈局管理器有助於組織跨多個瀏覽器、裝置和螢幕尺寸的資料和內容顯示。

  • 高階資料包將UI小部件與資料層解耦。資料包允許使用高功能模型在客戶端收集資料,從而啟用排序和過濾等功能。

  • 它是協議無關的,可以訪問任何後端資料來源的資料。

  • 可自定義主題 Ext JS小部件提供多個開箱即用的主題,這些主題在各個平臺上保持一致。

優勢

Sencha Ext JS是企業級Web應用程式開發的領先標準。Ext JS提供了構建健壯的桌面和平板電腦應用程式所需的工具。

  • 簡化了跨桌面、平板電腦和智慧手機的跨平臺開發——適用於現代和傳統瀏覽器。

  • 透過IDE外掛整合到企業開發環境中,提高了開發團隊的生產力。

  • 降低了Web應用程式開發成本。

  • 使團隊能夠建立具有引人注目的使用者體驗的應用程式。

  • 提供一組小部件,可以輕鬆建立強大的UI。

  • 遵循MVC架構,因此程式碼高度可讀。

侷限性

  • 庫的大小很大,大約500 KB,這使得初始載入時間更長,並使應用程式速度變慢。

  • HTML充滿了標籤,這使得它變得複雜且難以除錯。

  • 根據通用公共許可證政策,它對開源應用程式免費,但對商業應用程式收費。

  • 有時,即使載入簡單的內容也需要幾行程式碼,這在純HTML或JQuery中更簡單。

  • 需要經驗豐富的開發人員才能開發Ext JS應用程式。

工具

以下是Sencha提供的用於Ext JS應用程式開發(主要在生產級別)的工具。

Sencha CMD

Sencha CMD是一個提供Ext JS程式碼縮小、腳手架和生產構建生成的工具。

Sencha IDE 外掛

Sencha IDE外掛將Sencha框架整合到IntelliJ、WebStorm IDE中,透過提供程式碼完成、程式碼檢查、程式碼導航、程式碼生成、程式碼重構、模板建立、拼寫檢查等功能,幫助提高開發人員的生產力。

Sencha Inspector

Sencha Inspector是一個除錯工具,幫助偵錯程式除錯開發過程中的任何問題。

廣告