es6js 新特性，EXTJS 6 新特性（譯文）-基礎知識庫-匯編語言學習筆記

es6js 新特性，EXTJS 6 新特性（譯文）

2023-11-07 阅读 27 评论 0

摘要：Extjs 新特性簡介使用extjs,sencha 團隊開發一個簡單的框架，可以為創建在任何類型設備上運行的應用，從手機端到平板電腦再到桌面應用，你將能夠產生最佳的用戶體驗，編寫更少的代碼量，結合一個引人注目的更好的主題，extjs 擁有所有

Extjs 新特性簡介使用extjs,sencha 團隊開發一個簡單的框架，可以為創建在任何類型設備上運行的應用，從手機端到平板電腦再到桌面應用，你將能夠產生最佳的用戶體驗，編寫更少的代碼量，結合一個引人注目的更好的主題，extjs 擁有所有的資源能讓你在任何設備上創建出驚人的用戶體驗。

1 extjs?和 sencha touch?的合并

?在extjs5 中，已經將 extjs 和 sencha touch 合并了，合并的過程很長，sencha 將框架中的 ext.data, Ext.app 以及更多的內容整合到 core 包中，表現被保留了，并作為 Extjs 屬性的一部分，存放在 ext 包中，在最后，將 sencha touch的表現層中不同方面的組件合并，保存一個文件中，在extjs 6 中為了區分框架中不同的組件，引入了 toolKit 項 ToolKit toolkit 是一個包，僅包含了框架中的表現層的元素，包的組件如： panels, buttons grids 等，在 extjs6 中有兩種 toolKit ，它們分別是：古典(classic)和現代(modern），應用程序可以選擇所使用的toolKit,并添加到程序中的app.json文件中： "toolkit": "classic",?// or "modern"

es6js 新特性，2.通用的 Core

?在toolKits 包的下面是通用的　Core　包，Core包將會為 data(Ext.data）和應用架構?(Ext.app）提供一個通用的api 接口，通過通用的Core ，應用可以共享代碼從而來管理data 以及 viewModels 或后臺進程的通信控制邏輯。

3. Sencha Touch

?如果你升級了 sencha touch, 你將立即能夠從 ViewModel 和 ViewControler 的訪問中獲益，在?使用 modern toolkit 和通用 core 時，在extjs5下，你仍可以使用多進程系統，鼠標事件將無縫的轉化為事件偵聽器如 touchstart，而不需要檢測設備的功能，

js entries、?4. 通用應用和智能手機 ?

? 使用extjs6 和 sencha cmd6,你可以使用任意一個 toolkit創建通用的應用程序，通過這種方式你可以創建一個能在移動設備上運行的單個應用程序，像智能手機或企業桌面應用運行在ie8 或任意設備或瀏覽器。你可以在sencha cmd 生成的 app.json 文件中刪掉 toollit key 來標明哪個 toolkit 使用哪個主題，包含一個修改的塊。

"builds": {"classic": {"toolkit": "classic","theme": "theme-

triton"
    },"modern": {"toolkit": "modern","theme": "theme-

triton"
    }
}

就如你所想一樣，我們為classic 和 modern toolkit 都設計了主題,但是你可以隨意調整主題直到滿意。如果在你的 app.json 文件中有一個 builds 塊， “sencha app build" 將會創建所有設計的 builds,并保存在一個獨立的文件夾中，另外你還可以通過指向 build key 名稱來創建,例如：sencha app build modern

angularjs的四大特性。5. Trition 主題 ?

? extjs 6新增 trition 主題，trition主題是個簡約平面主題，該主題的最大特點是：焦點在內容在元素上而不在圓角或梯度上，同時支持字體圖標，字體圖標大都來自于Font Awesome ，使用Triton 主題，應用程序可以很容易的控制這些可擴展的矢量圖標的尺寸、顏色。

支持字體的圖標包括： panel 控件、樹形節點、form 表單、按鈕、復選框、單選按鈕、箭頭、 gride 的行圖標、過濾菜單等一些可視化的元素可以使用字體圖標。

6. 觸發改變大小

javascript socket？? Trition 主題可以創建適合桌面應用程序或平板應用程序的大小，對于 classic toolkit ，相對于Neptune 和 Crisp 主題為每一個提供一個 "touch-size"的方式來說，更容易管理。對于modern toolkit，顯然取決于用戶的css 布局，使尺寸能夠更容易控制，在智能手機上， html元素能夠自動添加一個x-big 樣式類名并測量所有的項，以分配更大的區域。

7.Fashion

?fashion是sencha新增的組件，使用 '*.scss' 文件來綁定主題，fashion 就像sass 語言一樣，用一些有用的擴展來支持工具，fashion 是用　javaScript 語言來實現的，只在瀏覽器中運行，在與　PhantomJS相比，sencha cmd 可以使用fashion ，就像創建app 監聽一來來創建主題。這就意味著不再需要　Ruby 系統，這是因為　fashion 運行在瀏覽器中，不用再次創建樣式規則了，更重要的是，我們可以根據　app 監聽來擴展并重新生成主題，這在開發中會獲到更多的益處。

8.報表

?extjs 在報表顯示上，引入新功能，選中的單元格將會被展開，通過設置　extensible:true,這會在按鈕的右側添加一個拖葉或一個小區域塊，這個允許當前選中的單元格水平展開及垂直展開 ?

9.可操作模式（Actionable Mode）和可訪問性 ?

? 網格還支持ARIA的“可操作模式”，該模式是原始單元格編輯模式的延伸。這將允許所有類型的單元格內容能夠通過鍵盤獲取焦點或激活。這是對于可訪問性的巨大進步，這對于超級用戶來說，就可以無需鼠標就能導航到網格中的任何地方。

10. LazyItems插件 ?

?該插件可延遲子組件的渲染，直到呈現的時候再進行渲染，從而降低子組件的實例化和初始化的執行成本。 ? 如，在標簽面板中設置deferredRender為true，未呈現的標簽就不會對它的后代組件進行實例化和初始化，從而減少開銷，直到標簽被激活的時候才會進行渲染。

11. 屏幕閱讀器支持（可訪問性） ?

? ?ARIA功能已經直接到了組件的生命周期，這意味著不再需要指定aria包來獲取正確的ARIA行為了。應用程序現在支持屏幕閱讀器（類似JAWS）而無需指定引用。

12. 微加載（Microloader） ?

? Sencha Cmd 6現在資源方面包含了本地存儲緩存，這類似于Sencha Touch的產品的微加載。盡管如此，還是有一些重要的改進：緩存能在app.json中禁用只有通過微加載方式加載的內容才不會被刪除只有應用程序的當前版本才可保持在本地存儲

相關連接

　http://docs.sencha.com/extjs/6.0/whats_new/whats_new.html　英文版原文