建站
咨詢
售后
建站咨詢
新聞中心
原文：Using Sencha Ext JS 6 to Build Universal Apps公司主營(yíng)業(yè)務(wù)：成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)推出中方免費(fèi)做網(wǎng)站回饋大家。
在Sencha和整個(gè)Ext JS團(tuán)隊(duì)的支持下，我很高興能跟大家分享一下有關(guān)Sencha Ext JS 6的更多細(xì)節(jié)。該版本向前邁出了一大步，支持使用一個(gè)單一的代碼庫(kù)來(lái)開(kāi)發(fā)基于桌面、平板和智能手機(jī)的通用應(yīng)用程序。我們成功的將Ext JS和Sencha Touch框架合并在一起。我想對(duì)在建立統(tǒng)一框架的這個(gè)旅程中，為我們提供了寶貴的反饋的Sencha社區(qū)和我們的客戶說(shuō)聲感謝。我們一起創(chuàng)造了這世界上 最先進(jìn)和最強(qiáng)大的支持多平臺(tái)、多設(shè)備Web應(yīng)用程序開(kāi)發(fā)的javascript框架。
Ext JS 6中的新東西
合并框架——現(xiàn)在可以使用一個(gè)單一的框架來(lái)創(chuàng)建運(yùn)行于從手機(jī)到平板直接桌面等所有設(shè)備類型的應(yīng)用程序。
海衛(wèi)一（Triton）主題——這是最新的主題，為字體圖標(biāo)提供了全面的支持。使用海衛(wèi)一，可以輕松的控制圖標(biāo)和圖像的顏色和尺寸而無(wú)需在圖像編輯器中對(duì)他們進(jìn)行加工。
應(yīng)用程序模板——這是一種最新的，使用更高級(jí)別抽象構(gòu)建Web應(yīng)用程序的方法。現(xiàn)在可以使用開(kāi)箱即用的成熟的現(xiàn)實(shí)世界的應(yīng)用程序模板來(lái)替代單獨(dú)的UI組件裝配。
Sencha Pivot Grid——它僅僅被引入了幾個(gè)月，但已升級(jí)到Ext JS 6版本了。它的配置插件的功能也被加強(qiáng)了。
可訪問(wèn)性改進(jìn)——ARIA功能已被集成到組件生命周期內(nèi)，這意味著不再需要特殊的“aria”包來(lái)提高應(yīng)用程序的可訪問(wèn)性。
Promises——Ext JS 6包含了一個(gè)標(biāo)準(zhǔn)的、符合Promises/規(guī)格的promises實(shí)現(xiàn)和測(cè)試套件。
Sencha Cmd——Sencha Cmd 6也在不斷更新以支持Ext JS 6開(kāi)發(fā)。Sencha Cmd 6經(jīng)歷了一次重大的變革，以消除依賴關(guān)系和改進(jìn)安裝體驗(yàn)。Sencha Cmd現(xiàn)在已經(jīng)將合適的JRE版本包含在內(nèi)，因而不再需要下載他們并分別安裝他們。
基于SASS類似代碼的Fashion的Javascript主題編譯——這是新的基于類SASS代碼的，運(yùn)行在瀏覽器的基于Javascript主題編譯器。它允許在線編輯任何SASS文件并通過(guò)在線實(shí)時(shí)生成CSS以更新到應(yīng)用程序。
JetBrains IDE插件——該插件可以將Sencha框架融合到JetBrains IDE中。該插件針對(duì)Sencha框架無(wú)縫的啟用了代碼完成、檢驗(yàn)、導(dǎo)航等許多功能。
Sencha檢查器——我們還提供了Sencha檢查器的早期訪問(wèn)版本。它是一個(gè)調(diào)試工具，可在調(diào)試環(huán)境中直接訪問(wèn)應(yīng)用程序中的組件、類、對(duì)象甚至更多東西。
開(kāi)始體驗(yàn)
在任何設(shè)備上查看Ext JS 6示例
下載Sencha Ext JS 6的30天試用版本
有關(guān)Ext JS 6的指南和文檔
了解新的Sencha Ext JS 6的定價(jià)
報(bào)名參加Sencha Ext JS 6的培訓(xùn)
深入探究Sencha Ext JS 6
合并后的框架
你可以創(chuàng)建從桌面到平板甚至手機(jī)等跨所有設(shè)備類型的應(yīng)用程序。Ext JS 6允許你將兩個(gè)世界（桌面和移動(dòng)）混合起來(lái)，以便針對(duì)不同設(shè)備創(chuàng)造最佳的用戶體驗(yàn)且同時(shí)共享大量的代碼。
Ext JS和Sencha Touch的合并已經(jīng)走了很長(zhǎng)的一段的路了。在Ext JS 5，創(chuàng)建了一個(gè)將類系統(tǒng)、加載、DOM、數(shù)據(jù)包、MVC/MVMM和許多功能合并到一個(gè)公共包的核心包。最后一步就是針對(duì)兩個(gè)框架的不同方面，將 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)在，可以利用這兩個(gè)工具包來(lái)創(chuàng)建通用應(yīng)用程序，且是單一的應(yīng)用程序，既支持一定設(shè)備，如手機(jī)或平板（使用現(xiàn)代工具包），還支持運(yùn) 行IE8的臺(tái)式機(jī)或筆記本電腦以及平板（使用經(jīng)典工具包）。
海衛(wèi)一主題
新的海衛(wèi)一主題是第一個(gè)全面支持字體圖標(biāo)的Ext JS主題。海衛(wèi)一中的許多圖標(biāo)都來(lái)自于整合了一些附加圖標(biāo)的Font Awesome。
使用海衛(wèi)一主題，開(kāi)發(fā)人員可以在應(yīng)用程序中輕松的控制圖標(biāo)的大小和顏色，這是因?yàn)樗麄兪腔诳缮炜s的矢量字體。使用字體圖標(biāo)，不會(huì)因?yàn)榭s放而影響質(zhì)量。此外，由于不需要為每個(gè)圖像而發(fā)送多個(gè)請(qǐng)求，這改善了網(wǎng)絡(luò)加載時(shí)間。最重要的是，不再需要使用圖像編輯器去修改圖像了。
應(yīng)用程序模板
引入的框架組件的高層級(jí)抽象，被稱為應(yīng)用程序模板。這些成熟的應(yīng)用程序示例，可以開(kāi)箱即用，用來(lái)替代單個(gè)UI部件的裝配。他們旨在反應(yīng)現(xiàn)實(shí)世界中應(yīng)用程序可能的外觀，為你提供更好的出發(fā)點(diǎn)。
在管理儀表盤(pán)模板（Admin Dashboard template）中包含了儀表盤(pán)頁(yè)、配置頁(yè)、小部件頁(yè)、圖表頁(yè)、標(biāo)準(zhǔn)登陸頁(yè)、注冊(cè)頁(yè)面及其他頁(yè)面等幾個(gè)頁(yè)面。通過(guò)使用這些模板，可以通過(guò)推薦給開(kāi)發(fā)人員的最好的架構(gòu)和編碼模式來(lái)獲取高度優(yōu)化的代碼。
應(yīng)用程序模板不僅提供了一個(gè)很好的起點(diǎn)，還表明通過(guò)很小的努力去美化Sencha應(yīng)用程序并創(chuàng)建引人注目的用戶體驗(yàn)具有無(wú)限的可能性。
Sencha Pivot Grid
作為Ext JS Premium的一部分，Sencha Pivot Grid組件可以快速組織大型數(shù)據(jù)集。這能力遠(yuǎn)勝于Ext JS的Grid。它提供了一種簡(jiǎn)單的方式來(lái)將許多數(shù)據(jù)凝結(jié)到摘要報(bào)告，既可以是罐頭形式（千篇一律）的報(bào)告（使用代碼產(chǎn)生），又可以是通過(guò)配置插件讓用戶 自己去切分他們自己的Ext JS的Grid數(shù)據(jù)。
Pivot Grid不單更新了命名空間并創(chuàng)建為單一的pivot Grid包，并增強(qiáng)了配置插件以提供更多只管的接口讓最終用戶去分析Ext JS的Grid的數(shù)據(jù)。Sencha Pivot Grid還帶有一個(gè)drilldown插件，它允許用戶深入原始數(shù)據(jù)以便形成任何結(jié)果集。Pivot Grid還集成了Sencha圖表，因而，可以在報(bào)表內(nèi)創(chuàng)建直觀的數(shù)據(jù)可視化效果。在Sencha Pivot Grid內(nèi)，還包含了excel導(dǎo)出插件包，允許用戶將結(jié)果導(dǎo)出到微軟Excel電子表格。
{.aligncenter}
可訪問(wèn)性改進(jìn)
自從為框架添加可訪問(wèn)性支持以來(lái)，第一次在Ext JS 6中將ARIA功能直接集成到了組件的生命周期。不再需要一個(gè)特定的ARIA包來(lái)獲取適應(yīng)的可訪問(wèn)性支持。Ext JS 6應(yīng)用程序支持諸如JAWS和NVDA這樣的屏幕閱讀器，默認(rèn)是NVDA。
一個(gè)新的“可操作模式（actionable mode）”現(xiàn)在可用于Ext JS Grid，它允許在所有類型的Grid中使用鍵盤(pán)導(dǎo)航，包括Grid單元格的內(nèi)容。將這個(gè)功能代入框架核心的一個(gè)額外好處是，讓鍵盤(pán)的導(dǎo)航能力強(qiáng)大到能導(dǎo)航到Grid的任何部件。
Promises
Ext JS 6包含了一個(gè)標(biāo)準(zhǔn)的、符合Promises/規(guī)格的promises實(shí)現(xiàn)和測(cè)試套件。非常感謝DeftJS團(tuán)隊(duì)將他們的領(lǐng)域測(cè)試promises實(shí)現(xiàn)貢獻(xiàn)給了Ext JS 6核心。已經(jīng)在Ext JS 6的Ext.Ajax.request()內(nèi)集成了promises，在未來(lái)版本，將會(huì)在框架的其他領(lǐng)域集成promises支持。
Sencha Cmd
Sencha Cmd 6跟隨Ext JS 6進(jìn)行了更新，加強(qiáng)的安裝已經(jīng)包含了JAVA運(yùn)行環(huán)境（JRE），這樣就不再需要去下載和安裝JAVA了。它還移除了對(duì)Ruby的依賴，因而從字面上來(lái)說(shuō)，除了操作系統(tǒng)，安裝Sencha Cmd不再需要任何先決條件。
未來(lái)，為了便于使用包來(lái)分享代碼，Sencha Cmd 6將根據(jù)所生成的包或所要求的包引入不同的文件夾。現(xiàn)在可通過(guò)引入的“workspace.json”文件來(lái)配置包的位置。在Sencha Cmd 6，微加載（Microloader，應(yīng)用程序加載器）已經(jīng)做了重大更新，甚至為本地存儲(chǔ)緩沖提供了支持。
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為你消除了對(duì)Ruby和Compass的依賴，并可以直接在瀏覽器進(jìn)行編譯，這給你帶來(lái)了實(shí)時(shí)的體驗(yàn)。
Fashion不僅支持類似于SASS語(yǔ)法的變量、混入、函數(shù)和嵌套，它還支持通過(guò)javascript API創(chuàng)建自定義擴(kuò)展。Fashion實(shí)際上不僅僅是一個(gè)編譯器，因?yàn)樗试S在類SASS代碼中使用@debugger，甚至可以切入自定義的 javascript函數(shù)。
JetBrains IDE插件
我們還推出了將Sencha框架融合到JetBrains IDE的全新插件。該插件將Sencha框架的代碼完場(chǎng)、代碼檢查、代碼導(dǎo)航、模板創(chuàng)建、重構(gòu)以及其他功能無(wú)縫的集成到了JetBrains IDE中，還能協(xié)同JetBrains IDE的自有功能。
{.aligncenter}
如果你是一個(gè)Sencha框架專家，你會(huì)輕易喜歡上使用JetBrains插件進(jìn)行重構(gòu)，并會(huì)發(fā)現(xiàn)在源代碼中跟蹤你的代碼是多么的簡(jiǎn)單。對(duì)于新用 戶，它提供了完整的建議并鼓勵(lì)使用最佳方式的結(jié)構(gòu)和語(yǔ)法。Sencha JetBrains插件支持IntelliJ 14.1+的商業(yè)版本、WebStorm 10+和PHPStorm 9+。最重要的是，Sencha JetBrains插件不單只支持Sencha Ext JS 6，還支持從Ext JS 4+到Sencha Touch3+等早期版本的框架。
Sencha檢查器
在該版本，還提供了Sencha檢查器的早期訪問(wèn)版本，它是一個(gè)全新的調(diào)試工具，提供了直接訪問(wèn)使用Sencha框架創(chuàng)建的應(yīng)用程序的組件、類、對(duì)象和其他東西的功能。它還允許你去分析應(yīng)用程序代碼的問(wèn)題，如組件的過(guò)渡嵌套（overnesting），它還能幫助你去改進(jìn)應(yīng)用程序的性能。
Sencha檢查器甚至可以讓你通過(guò)檢查器為應(yīng)用程序定制主題，并能實(shí)時(shí)編輯Sencha的類SASS代碼。Sencha檢查器將會(huì)是Ext JS pro或Premium的一個(gè)組成部分。
指南和文檔
一如既往，跟隨Ext JS 6，針對(duì)新功能、增強(qiáng)功能、升級(jí)和其他東西更新了指南。上面只講述了Ext JS 6更新中最重要的更新，但還有許多還沒(méi)有提交。你可以在指南的《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ù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
本文題目：【翻譯】使用SenchaExtJS6打造通用應(yīng)用程序-創(chuàng)新互聯(lián)
鏈接地址：http://www.ef60e0e.cn/article/diishi.html
