HTML5——7個最牛的HTML5移動開發(fā)框架

　　0.前言

　　你并不需要任何的原生應(yīng)用編程經(jīng)驗，你只需要一些HTML、CSS和JavaScript的知識。首先HTML5會越來越好，因為移動端的硬件也會越來越強，其實你手機上的很多應(yīng)用已經(jīng)悄悄的使用混合式開發(fā)了，這也許就是HTML5的魅力所在吧。

　　1. 開發(fā)跨平臺的移動應(yīng)用

　　目前已經(jīng)有很多的框架可以幫助你開發(fā)跨平臺的移動應(yīng)用，在這篇文章中，我們只介紹最牛的7個。

　　1.1 IONIC

　　IONIC 是目前最有潛力的一款HTML5手機應(yīng)用開發(fā)框架。通過SASS構(gòu)建應(yīng)用程序，它提供了很多UI組件來幫助開發(fā)者開發(fā)強大的應(yīng)用。它使用JavaScript MVVM框架和 AngularJS來增強應(yīng)用。提供數(shù)據(jù)的雙向綁定，使用它成為Web和移動開發(fā)者的共同選擇。即將發(fā)布的AngularJS 2.0將會專注于移動開發(fā)，相信IONIC一定會取得不錯的成就。

　　IONIC的開發(fā)團隊將盡快開發(fā)出一種通過IONIC creator提供開發(fā)者快速創(chuàng)建IONIC應(yīng)用的方式。我們將很快就會看到一個支持拖拉功能的可視化開發(fā)工具，幾分鐘內(nèi)開發(fā)一個app將成為可能。

　　1.2 Mobile Angular UI

　　Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應(yīng)式移動開發(fā)HTML5框架。

　　Mobile Angular UI的關(guān)鍵字有：

　　Bootstrap 3

　　AngularJS

　　Bootstrap 3 Mobile組件，比如switches, overlays和sidebars，這些都是bootstrap中沒有的。

　　AngularJS modules，比如 angular-route, angular-touch 和 angular-animate

　　響應(yīng)式媒體查詢是將bootstrap作為單獨的文件，你只需要包含你所需要的東西。Mobile Angular UIu并不包含任何jQuery依賴，你需要做的只是通過一些AngularJS指令創(chuàng)建友好的用戶體驗。

　　詳細(xì)了解可以看一看 the Mobile Angular UI demo page，上面有Mobile Angular UI的實踐，如果你想了解的更深入一些，我建議你讀一讀getting started with Mobile Angular UI。

　　1.3 Intel XDK

　　Intel XDK 是Inter開發(fā)的一款跨平臺開發(fā)工具，我們可以很容易的通過Intel XDK開發(fā)應(yīng)用，你需要做的只是下載他們的應(yīng)用開發(fā)工具，有Linux、Windows和Mac版，它還提供了很多個開發(fā)框架，比如Twitter bootstrap， jQuery Mobile 和 Topcoat。

　　1.4 AppceleratorTitanium

　　Appcelerator’s Titanium 不同于其它框架的是，它是一個開源的框架。

　　Titanium是混合式移動應(yīng)用開發(fā)的一站式解決方案，你只需要下載Titanium studio就可以解決所有的事情，Titanium SDK包含了很多手機平臺的APIs和后端云服務(wù)。

　　Titanium使用 Alloy，Alloy是一個快速開發(fā)的手機應(yīng)用MVC框架，模塊式開發(fā)可以大大減小開發(fā)時間，提高代碼復(fù)用。

　　Titanium studio 還提供了一些code模板。

　　1.5 Sencha Touch

　　Sencha Touch 同樣也是HTML5手機應(yīng)用跨平臺開發(fā)框架，運行iOS/Android/Blackberry。它已經(jīng)誕生很多年了，現(xiàn)在已經(jīng)成為很常用的混合式編程開發(fā)框架。

　　Sencha Touch可以讓你的Web App看起來像Native App。美麗的用戶界面組件和豐富的數(shù)據(jù)管理，全部基于最新的HTML5和CSS3的 WEB標(biāo)準(zhǔn)，全面兼容Android和Apple iOS設(shè)備。

　　下面是Sencha官方給出的幾點特性

　　基于最新的WEB標(biāo)準(zhǔn)——HTML5，CSS3，JavaScript。整個庫在壓縮和gzip后大約80KB，通過禁用一些組件還會使它更小。

　　支持世界上最好的設(shè)備。Beta版兼容Android和iOS，Android上的開發(fā)人員還可以使用一些專為Android定制的主題。

　　增強的觸摸事件。在touchstart、touchend等標(biāo)準(zhǔn)事件基礎(chǔ)上，增加了一組自定義事件數(shù)據(jù)集成，如tap、swipe、pinch、rotate等。

　　數(shù)據(jù)集成。提供了強大的數(shù)據(jù)包，通過Ajax、JSONp、YQL等方式綁定到組件模板，寫入本地離線存儲。

　　1.6 Kendo UI

　　Telerik’s Kendo UI 是一個強大的框架用于快速HTML5 UI開發(fā)?；谧钚碌腍TML5、CSS3和JavaScript標(biāo)準(zhǔn)。

　　Kendo UI包含了開發(fā)現(xiàn)代JavaScript開發(fā)所需要的所有一切，包括：強大的數(shù)據(jù)源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控件。

　　1.7 PhoneGap

　　PhoneGap 恐怕是最老的一個框架了，相信很多人都已經(jīng)聽說過甚至使用過它，但是PhoneGap是基于開源的 Cordova 商業(yè)版本。

　　第一段PhoneGap代碼是在2008年8月的iPhoneDevCamp上寫成的。創(chuàng)建它的一個主要動力是基于一個幾乎每一個單獨的iPhone開發(fā)新手都要面對的簡單事實：Objective-C是一個對Web開發(fā)人員來說非常陌生的環(huán)境，并且Web開發(fā)人員的數(shù)量遠(yuǎn)遠(yuǎn)多于Objective-C開發(fā)人員的數(shù)量。

　　問題是，是否有人可以開發(fā)一個框架，讓W(xué)eb開發(fā)人員可以利用他們所有的HTML、CSS和JavaScript知識，而且仍舊可以同iPhone的重要本地應(yīng)用程序(如攝像頭和通訊錄)交互呢?

　　就在那一年，PhoneGap獲了獎并開始支持Android平臺，對人數(shù)不斷增長的移動開發(fā)人員變得越來越有用，這些人員需要在更多的平臺上獲得代碼支持。

　　大家可以到PhoneGap documentation官方文檔開始對PhoneGap的學(xué)習(xí)。

　　2 總結(jié)

　　在這篇文章中，我們討論了一些HTML5的移動開發(fā)框架，HTML5正式發(fā)布之后，很多開發(fā)者對HTML5又重燃了希望，相信這是個美好的時代，相信它會給我們帶來更多的驚喜。