HTML5——7個(gè)最牛的HTML5移動(dòng)開(kāi)發(fā)框架

　　0.前言

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

　　1. 開(kāi)發(fā)跨平臺的移動(dòng)應用

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

　　1.1 IONIC

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

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

　　1.2 Mobile Angular UI

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

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

　　Bootstrap 3

　　AngularJS

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

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

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

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

　　1.3 Intel XDK

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

　　1.4 AppceleratorTitanium

　　Appcelerator’s Titanium 不同于其它框架的是，它是一個(gè)開(kāi)源的框架。

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

　　Titanium使用 Alloy，Alloy是一個(gè)快速開(kāi)發(fā)的手機應用MVC框架，模塊式開(kāi)發(fā)可以大大減小開(kāi)發(fā)時(shí)間，提高代碼復用。

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

　　1.5 Sencha Touch

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

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

　　下面是Sencha官方給出的幾點(diǎn)特性

　　基于最新的WEB標準——HTML5，CSS3，JavaScript。整個(gè)庫在壓縮和gzip后大約80KB，通過(guò)禁用一些組件還會(huì )使它更小。

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

　　增強的觸摸事件。在touchstart、touchend等標準事件基礎上，增加了一組自定義事件數據集成，如tap、swipe、pinch、rotate等。

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

　　1.6 Kendo UI

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

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

　　1.7 PhoneGap

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

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

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

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

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

　　2 總結

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