
- Ext.js 教程
- Ext.js - 首頁
- Ext.js - 概述
- Ext.js - 環境搭建
- Ext.js - 命名規範
- Ext.js - 架構
- Ext.js - 第一個程式
- Ext.js - 類系統
- Ext.js - 容器
- Ext.js - 佈局
- Ext.js - 元件
- Ext.js - 拖放
- Ext.js - 主題
- Ext.js - 自定義事件和監聽器
- Ext.js - 資料
- Ext.js - 字型
- Ext.js - 樣式
- Ext.js - 繪圖
- Ext.js - 本地化
- Ext.js - 可訪問性
- Ext.js - 程式碼除錯
- Ext.js - 方法
- Ext.js 有用資源
- Ext.js - 常見問題解答
- Ext.js - 快速指南
- Ext.js - 有用資源
- Ext.js - 討論
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是一個除錯工具,幫助偵錯程式除錯開發過程中的任何問題。