1. 程式人生 > >用於HTML5移動開發的幾大移動APP開發框架

用於HTML5移動開發的幾大移動APP開發框架

一 摘要

今天給大家介紹有關HTML5移動開發APP開發框架,這裡主要給大家介紹10款移動APP開發框架,下一篇文章將給大傢俱體演示一下如何用這些框架來搭建一個移動APP應用.
十款移動APP開發框架:

1.jquery mobile框架
2.bootstrap框架
3.ionic框架
4.Mobile Angular UI框架
5.Intel XDK框架
6.Appcelerator Titanium框架
7.Sencha Touch框架
8.Kendo UI框架
9.PhoneGap框架
10.mui框架

1.jquery mobile框架

jQuery Mobile是jQuery 在手機上和平板裝置上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫,而且會發佈一個完整統一的jQuery移動UI框架。支援全球主流的移動平臺。

2.bootstrap框架

Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更加快捷。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規範,它即是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎,一直是GitHub上的熱門開源專案,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該專案。 國內一些移動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap原始碼進行效能優化而來。

3.ionic框架

Ionic 是一個強大的 HTML5 應用程式開發框架,可以幫助您使用 Web 技術,比如 HTML、CSS 和 Javascript 構建接近原生體驗的移動應用程式。Ionic 主要關注外觀和體驗,以及和你的應用程式的 UI 互動,特別適合用於基於 Hybird 模式的 HTML5 移動應用程式開發。

4.Mobile Angular UI框架

Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應式移動開發HTML5框架。
Mobile Angular UI的關鍵字有:
1.Bootstrap 3
2.AngularJS
Bootstrap 3 Mobile元件,比如switches, overlays和sidebars,這些都是bootstrap中沒有的。
AngularJS modules, 比如 angular-route, angular-touch 和 angular-animate
響應式媒體查詢是將bootstrap作為單獨的檔案,你只需要包含你所需要的東西。Mobile Angular UIu並不包含任何jQuery依賴,你需要做的只是通過一些AngularJS指令建立友好的使用者體驗。

5.Intel XDK框架

Intel釋出了其首個版本基於web的程式設計工具,可幫助開發者為Android和iOS開發移動應用。這款免費的軟體名為Intel XDK,實際上這是今年2月份Intel收購的AppMobi軟體的重新包裝後的版本,所以並非新鮮事物。開發者可用此軟體開發基於HTML5的應用,並 用於移動裝置中。

6.Appcelerator Titanium框架

Titanium 是一個跟手機平臺無關的開發框架,用來開發具有本地應用效果的Web應用。當前主要支援 iPhone 和 Android 手機。
主要提供的API包括:
2D/3D animations
Geo-location, compass, and maps
Augmented reality features
Social app authentication and native client support for email
SOAP or REST API calls
Audio, video, and image capture and playback
Taps into local filesystem and SQL lite databases
Accesses photo gallery or address data