---

原文：Using Sencha Ext JS 6 to Build Universal Apps

---

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比尼金平網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式尼金平網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋尼金平地區(qū)。費用合理售后完善，10余年實體公司更值得信賴。

在Sencha和整個Ext JS團(tuán)隊的支持下，我很高興能跟大家分享一下有關(guān)Sencha Ext JS 6的更多細(xì)節(jié)。該版本向前邁出了一大步，支持使用一個單一的代碼庫來開發(fā)基于桌面、平板和智能手機(jī)的通用應(yīng)用程序。我們成功的將Ext JS和Sencha Touch框架合并在一起。我想對在建立統(tǒng)一框架的這個旅程中，為我們提供了寶貴的反饋的Sencha社區(qū)和我們的客戶說聲感謝。我們一起創(chuàng)造了這世界上 最先進(jìn)和最強(qiáng)大的支持多平臺、多設(shè)備Web應(yīng)用程序開發(fā)的javascript框架。

Ext JS 6中的新東西

合并框架——現(xiàn)在可以使用一個單一的框架來創(chuàng)建運行于從手機(jī)到平板直接桌面等所有設(shè)備類型的應(yīng)用程序。

海衛(wèi)一（Triton）主題——這是最新的主題，為字體圖標(biāo)提供了全面的支持。使用海衛(wèi)一，可以輕松的控制圖標(biāo)和圖像的顏色和尺寸而無需在圖像編輯器中對他們進(jìn)行加工。

應(yīng)用程序模板——這是一種最新的，使用更高級別抽象構(gòu)建Web應(yīng)用程序的方法?，F(xiàn)在可以使用開箱即用的成熟的現(xiàn)實世界的應(yīng)用程序模板來替代單獨的UI組件裝配。

Sencha Pivot Grid——它僅僅被引入了幾個月，但已升級到Ext JS 6版本了。它的配置插件的功能也被加強(qiáng)了。

可訪問性改進(jìn)——ARIA功能已被集成到組件生命周期內(nèi)，這意味著不再需要特殊的“aria”包來提高應(yīng)用程序的可訪問性。

Promises——Ext JS 6包含了一個標(biāo)準(zhǔn)的、符合Promises/規(guī)格的promises實現(xiàn)和測試套件。

Sencha Cmd——Sencha Cmd 6也在不斷更新以支持Ext JS 6開發(fā)。Sencha Cmd 6經(jīng)歷了一次重大的變革，以消除依賴關(guān)系和改進(jìn)安裝體驗。Sencha Cmd現(xiàn)在已經(jīng)將合適的JRE版本包含在內(nèi)，因而不再需要下載他們并分別安裝他們。

基于SASS類似代碼的Fashion的Javascript主題編譯——這是新的基于類SASS代碼的，運行在瀏覽器的基于Javascript主題編譯器。它允許在線編輯任何SASS文件并通過在線實時生成CSS以更新到應(yīng)用程序。

JetBrains IDE插件——該插件可以將Sencha框架融合到JetBrains IDE中。該插件針對Sencha框架無縫的啟用了代碼完成、檢驗、導(dǎo)航等許多功能。

Sencha檢查器——我們還提供了Sencha檢查器的早期訪問版本。它是一個調(diào)試工具，可在調(diào)試環(huán)境中直接訪問應(yīng)用程序中的組件、類、對象甚至更多東西。

開始體驗

在任何設(shè)備上查看Ext JS 6示例

下載Sencha Ext JS 6的30天試用版本

有關(guān)Ext JS 6的指南和文檔

了解新的Sencha Ext JS 6的定價

報名參加Sencha Ext JS 6的培訓(xùn)

深入探究Sencha Ext JS 6

合并后的框架

你可以創(chuàng)建從桌面到平板甚至手機(jī)等跨所有設(shè)備類型的應(yīng)用程序。Ext JS 6允許你將兩個世界（桌面和移動）混合起來，以便針對不同設(shè)備創(chuàng)造最佳的用戶體驗且同時共享最大量的代碼。

Ext JS和Sencha Touch的合并已經(jīng)走了很長的一段的路了。在Ext JS 5，創(chuàng)建了一個將類系統(tǒng)、加載、DOM、數(shù)據(jù)包、MVC/MVMM和許多功能合并到一個公共包的核心包。最后一步就是針對兩個框架的不同方面，將 Sencha Touch的UI組件合并到所需的位置。為了區(qū)分這兩者的UI組件，在Ext JS 6，將他們稱之為“工具包（toolkit）”。Ext JS的組件現(xiàn)在被包含在“經(jīng)典工具包（classic toolkit）”中，而Sencha Touch則被包含在“現(xiàn)代工具包（modem toolkit）”中。現(xiàn)在，可以利用這兩個工具包來創(chuàng)建通用應(yīng)用程序，且是單一的應(yīng)用程序，既支持一定設(shè)備，如手機(jī)或平板（使用現(xiàn)代工具包），還支持運 行IE8的臺式機(jī)或筆記本電腦以及平板（使用經(jīng)典工具包）。

海衛(wèi)一主題

新的海衛(wèi)一主題是第一個全面支持字體圖標(biāo)的Ext JS主題。海衛(wèi)一中的許多圖標(biāo)都來自于整合了一些附加圖標(biāo)的Font Awesome。

使用海衛(wèi)一主題，開發(fā)人員可以在應(yīng)用程序中輕松的控制圖標(biāo)的大小和顏色，這是因為他們是基于可伸縮的矢量字體。使用字體圖標(biāo)，不會因為縮放而影響質(zhì)量。此外，由于不需要為每個圖像而發(fā)送多個請求，這改善了網(wǎng)絡(luò)加載時間。最重要的是，不再需要使用圖像編輯器去修改圖像了。

應(yīng)用程序模板

引入的框架組件的高層級抽象，被稱為應(yīng)用程序模板。這些成熟的應(yīng)用程序示例，可以開箱即用，用來替代單個UI部件的裝配。他們旨在反應(yīng)現(xiàn)實世界中應(yīng)用程序可能的外觀，為你提供更好的出發(fā)點。

在管理儀表盤模板（Admin Dashboard template）中包含了儀表盤頁、配置頁、小部件頁、圖表頁、標(biāo)準(zhǔn)登陸頁、注冊頁面及其他頁面等幾個頁面。通過使用這些模板，可以通過推薦給開發(fā)人員的最好的架構(gòu)和編碼模式來獲取高度優(yōu)化的代碼。

應(yīng)用程序模板不僅提供了一個很好的起點，還表明通過很小的努力去美化Sencha應(yīng)用程序并創(chuàng)建引人注目的用戶體驗具有無限的可能性。

Sencha Pivot Grid

作為Ext JS Premium的一部分，Sencha Pivot Grid組件可以快速組織大型數(shù)據(jù)集。這能力遠(yuǎn)勝于Ext JS的Grid。它提供了一種簡單的方式來將許多數(shù)據(jù)凝結(jié)到摘要報告，既可以是罐頭形式（千篇一律）的報告（使用代碼產(chǎn)生），又可以是通過配置插件讓用戶 自己去切分他們自己的Ext JS的Grid數(shù)據(jù)。

Pivot Grid不單更新了命名空間并創(chuàng)建為單一的pivot Grid包，并增強(qiáng)了配置插件以提供更多只管的接口讓最終用戶去分析Ext JS的Grid的數(shù)據(jù)。Sencha Pivot Grid還帶有一個drilldown插件，它允許用戶深入原始數(shù)據(jù)以便形成任何結(jié)果集。Pivot Grid還集成了Sencha圖表，因而，可以在報表內(nèi)創(chuàng)建直觀的數(shù)據(jù)可視化效果。在Sencha Pivot Grid內(nèi)，還包含了excel導(dǎo)出插件包，允許用戶將結(jié)果導(dǎo)出到微軟Excel電子表格。

{.aligncenter}

可訪問性改進(jìn)

自從為框架添加可訪問性支持以來，第一次在Ext JS 6中將ARIA功能直接集成到了組件的生命周期。不再需要一個特定的ARIA包來獲取適應(yīng)的可訪問性支持。Ext JS 6應(yīng)用程序支持諸如JAWS和NVDA這樣的屏幕閱讀器，默認(rèn)是NVDA。

一個新的“可操作模式（actionable mode）”現(xiàn)在可用于Ext JS Grid，它允許在所有類型的Grid中使用鍵盤導(dǎo)航，包括Grid單元格的內(nèi)容。將這個功能代入框架核心的一個額外好處是，讓鍵盤的導(dǎo)航能力強(qiáng)大到能導(dǎo)航到Grid的任何部件。

Promises

Ext JS 6包含了一個標(biāo)準(zhǔn)的、符合Promises/規(guī)格的promises實現(xiàn)和測試套件。非常感謝DeftJS團(tuán)隊將他們的領(lǐng)域測試promises實現(xiàn)貢獻(xiàn)給了Ext JS 6核心。已經(jīng)在Ext JS 6的Ext.Ajax.request()內(nèi)集成了promises，在未來版本，將會在框架的其他領(lǐng)域集成promises支持。

Sencha Cmd

Sencha Cmd 6跟隨Ext JS 6進(jìn)行了更新，加強(qiáng)的安裝已經(jīng)包含了JAVA運行環(huán)境（JRE），這樣就不再需要去下載和安裝JAVA了。它還移除了對Ruby的依賴，因而從字面上來說，除了操作系統(tǒng)，安裝Sencha Cmd不再需要任何先決條件。

未來，為了便于使用包來分享代碼，Sencha Cmd 6將根據(jù)所生成的包或所要求的包引入不同的文件夾。現(xiàn)在可通過引入的“workspace.json”文件來配置包的位置。在Sencha Cmd 6，微加載（Microloader，應(yīng)用程序加載器）已經(jīng)做了重大更新，甚至為本地存儲緩沖提供了支持。

JavaScript主題編譯器————Fashion

Sencha Cmd帶有Fashion，新的Javascript的，基于類SASS代碼的主題編譯器，這有助于快速創(chuàng)建Ext JS 6應(yīng)用程序主題。如果創(chuàng)建的是Ext JS 6應(yīng)用程序，F(xiàn)ashion為你消除了對Ruby和Compass的依賴，并可以直接在瀏覽器進(jìn)行編譯，這給你帶來了實時的體驗。

Fashion不僅支持類似于SASS語法的變量、混入、函數(shù)和嵌套，它還支持通過javascript API創(chuàng)建自定義擴(kuò)展。Fashion實際上不僅僅是一個編譯器，因為它允許在類SASS代碼中使用@debugger，甚至可以切入自定義的 javascript函數(shù)。

JetBrains IDE插件

我們還推出了將Sencha框架融合到JetBrains IDE的全新插件。該插件將Sencha框架的代碼完場、代碼檢查、代碼導(dǎo)航、模板創(chuàng)建、重構(gòu)以及其他功能無縫的集成到了JetBrains IDE中，還能協(xié)同JetBrains IDE的自有功能。

{.aligncenter}

如果你是一個Sencha框架專家，你會輕易喜歡上使用JetBrains插件進(jìn)行重構(gòu)，并會發(fā)現(xiàn)在源代碼中跟蹤你的代碼是多么的簡單。對于新用 戶，它提供了完整的建議并鼓勵使用最佳方式的結(jié)構(gòu)和語法。Sencha JetBrains插件支持IntelliJ 14.1+的商業(yè)版本、WebStorm 10+和PHPStorm 9+。最重要的是，Sencha JetBrains插件不單只支持Sencha Ext JS 6，還支持從Ext JS 4+到Sencha Touch3+等早期版本的框架。

Sencha檢查器

在該版本，還提供了Sencha檢查器的早期訪問版本，它是一個全新的調(diào)試工具，提供了直接訪問使用Sencha框架創(chuàng)建的應(yīng)用程序的組件、類、對象和其他東西的功能。它還允許你去分析應(yīng)用程序代碼的問題，如組件的過渡嵌套（overnesting），它還能幫助你去改進(jìn)應(yīng)用程序的性能。

Sencha檢查器甚至可以讓你通過檢查器為應(yīng)用程序定制主題，并能實時編輯Sencha的類SASS代碼。Sencha檢查器將會是Ext JS pro或Premium的一個組成部分。

指南和文檔

一如既往，跟隨Ext JS 6，針對新功能、增強(qiáng)功能、升級和其他東西更新了指南。上面只講述了Ext JS 6更新中最重要的更新，但還有許多還沒有提交。你可以在指南的《Ext JS 6有什么新東西》中瀏覽其他新功能、增強(qiáng)功能和改進(jìn)。

Pricing & Packaging

We are introducing new product packages to ensure you have choices available for your specific needs. We recommend you check out the new pricing and packaging, as well as the transition plan for existing customers.

Thank You

We wish to extend our heartfelt thanks to our community. Your constant feedback on a single framework and bug reports during the Early Access and Beta programs have made it possible for us to achieve this huge milestone. We hope you enjoy building universal apps with Ext JS 6, and upgrade your existing Ext JS and Sencha Touch apps to this single unified version and make them universal.

作者：Gautam Agrawal
Gautam Agrawal is the Director of Product Management for Sencha Frameworks and Tools. Prior to joining Sencha, he held various product and engineering positions at organizations developing SaaS and BI applications using Sencha technologies. He holds a PhD and MS from State University of NY (SUNY) at Buffalo

網(wǎng)站名稱：【翻譯】使用SenchaExtJS6打造通用應(yīng)用程序
本文網(wǎng)址：http://jinyejixie.com/article24/jjgcje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、用戶體驗、網(wǎng)站導(dǎo)航、Google、面包屑導(dǎo)航、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)