7個混合式HTML5移動開發框架

2014-12-23 10:36:54來源:199IT作者:

如果你總聽別人說HTML5的移動應用太慢,我只能告訴你應該有一些主見,首先HTML5會越來越好,移動端的硬件也會越來越強,怎么說呢,你仔細看一看你手機上的應用吧,很多應用已經悄悄的使用混合式開發了,如果像你說的它們很慢,你發現它們了嗎?

在這個時間開始學習移動開發真是最好不過了,每個人應該都有一些移動應用的創意,而且你并不需要任何的原生應用編程經驗,你只需要一些HTML的相關知識,懂一些CSS和JavaScript就夠了。如果你總聽別人說HTML5的移動應用太慢,我只能告訴你應該有一些主見,首先HTML5會越來越好,移動端的硬件也會越來越強,怎么說呢,你仔細看一看你手機上的應用吧,很多應用已經悄悄的使用混合式開發了,如果像你說的它們很慢,你發現它們了嗎?

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

IONIC

\

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

IONIC的開發團隊將盡快開發出一種通過IONIC creator提供開發者快速創建IONIC應用的方式。我們將很快就會看到一個支持拖拉功能的可視化開發工具,幾分鐘內開發一個app將不再只是吹xx。

如果對IONIC感興趣,可以看一看本站的IONIC教程 。

Mobile Angular UI

\

Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應式移動開發HTML5框架。

Mobile Angular UI的關鍵字有:

  • Bootstrap 3
  • AngularJS
  • Bootstrap 3 Mobile組件,比如switches, overlays和sidebars,這些都是bootstrap中沒有的。
  • AngularJS modules, 比如 angular-route, angular-touch 和 angular-animate

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

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

Intel XDK

\

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

相關的APP frameworks的開發使用教程:移動開發實戰:App frameworks開發支持移動設備全屏滾動應用

在之前我寫過關于Intel XDK很詳細的教程,沒有看過的同學可以看一看:

通過Intel XDK編寫跨平臺app(一)

通過Intel XDK編寫跨平臺app(二)

Appcelerator Titanium

\

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

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

Titanium使用 Alloy,Alloy是一個快速開發的手機應用MVC框架, 模塊式開發可以大大減小開發時間,提高代碼復用。

Titanium studio 還提供了一些code模板。你可以熟悉一下這些模板,相關的教程也很快會推出。

Sencha Touch

\

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

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

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

1.基于最新的WEB標準 – HTML5,CSS3,JavaScript。整個庫在壓縮和gzip后大約80KB,通過禁用一些組件還會使它更小。

2.支持世界上最好的設備。Beta版兼容Android和iOS,Android上的開發人員還可以使用一些專為Android定制的主題。

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

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

Kendo UI

\

Telerik’s Kendo UI 是一個強大的框架用于快速HTML5 UI開發。基于最新的HTML5、CSS3和JavaScript標準。

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

PhoneGap

\

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

第一段PhoneGap代碼是在2008年8月的iPhoneDevCamp上寫成的。創建它的一個主要動力是基于一個幾乎每一個單獨的iPhone開發新手都要面對的簡單事實:Objective-C是一個對Web開發人員來說非常陌生的環境,并且Web開發人員的數量遠遠多于Objective-C開發人員的數量。

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

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

贊助商鏈接:

排列五开奖结果2007年