终端设备开发框架
轉自:http://blogread.cn/it/article/5449?f=wb
?
如果你總聽別人說HTML5的移動應用太慢,我只能告訴你應該有一些主見,首先HTML5會越來越好,移動端的硬件也會越來越強,怎么說呢,你仔細看一看你手機上的應用吧,很多應用已經悄悄的使用混合式開發了,如果像你說的它們很慢,你發現它們了嗎?
在這個時間開始學習移動開發真是最好不過了,每個人應該都有一些移動應用的創意,而且你并不需要任何的原生應用編程經驗,你只需要一些HTML的相關知識,懂一些CSS和JavaScript就夠了。如果你總聽別人說HTML5的移動應用太慢,我只能告訴你應該有一些主見,首先HTML5會越來越好,移動端的硬件也會越來越強,怎么說呢,你仔細看一看你手機上的應用吧,很多應用已經悄悄的使用混合式開發了,如果像你說的它們很慢,你發現它們了嗎?
目前已經有很多的框架可以幫助你開發跨平臺的移動應用,在這篇文章中,我們只介紹最牛的7個。
很久以前整理了篇將手機網站做成手機應用的JS框架。時隔一年多,很多新的技術已經出現,下面再來總結下還有哪些框架是適合面向手機設備的開發的。
????1、jQuery Mobile
????jQuery Mobile 是 jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫,而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發團隊說:能開發這個項目,我們非常興奮。移動Web太需要一個跨瀏覽器的框架,讓開發人員開發出真正的移動Web網站。
????2、jQTouch
????jQTouch 是一個 jQuery 的插件,主要用于手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、默認應用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。
????3、DHTMLX Touch
????DHTMLX Touch是一個免費的HTML5/JavaScript框架,專門為觸摸屏設備而優化。為您帶來快速開發工藝精美的移動Web應用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用于構建移動用戶界面。它能夠幫您以最少的編碼構建一流的用戶界面。在其主頁上提供一些示例可以展示DHTMLX Touch強大的用戶界面。包括一個menu app for the iPad?(適用于開發餐廳應用) 和Book Shop (一個電子書店應用)。
????4、Mobilize.js
????Mobilize.js是一個開源的HTML5-JavaScript框架用于從任何現在有標準網站快速,簡便地構建移動網站。這個框架其實就是將需要在移動設備上顯示的部分頁面以jQuery Mobile的默認主題顯示,而不是實現一個全新完整的移動頁面。Mobilize.js 可用于任意網站,但對于基于WordPress和Sphinx的網站不需要使用該框架轉換,因為已經有非常多的插件可以使用。
????5、The M Project
????The-M-Project是另外一個強大的JavaScript框架,它利用HTML5新的特性來更好和更簡便地開發移動應用。這個框架遵循著名的MVC軟件架構模式。它還支持離線,所以你的用戶可以在沒有連接網絡的情況下繼續操作(當下次有連線的時候,再將數據同步到服務器中)。提供優秀的文檔(這個項目擁有一個引導新用戶入門的開發指南)。可以查看提供的示例來對該項目有一個初目的了解。這些示例包括:ToDo App(待辦事項目應用)?和?KitchenSink?(這個示例包括這個框架提供的所有UI元素)。
????6、WebApp.Net
????WebApp.Net 提供了很多的 API,因此可以幫助你節省很多工作了。不需要花時間去進行 Ajax 調用的編碼,因為已經內置了,另外還有很多其它內置功能,提供了詳細的文檔和應用演示。
????7、Wijmo
????Wijmo是一個基于jQuery UI的UI部件的套件。Wijmo部件進行了優化客戶端Web開發和利用jQuery的優越的性能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支持ThemeRoller。
????8、960 Grid on jQuery-Mobile
????jquery-mobile-960 是一個用于移動 Web 開發的網格框架,綜合了 960.gs 的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 布局更加的靈活,使得應用應許在移動終端更加易用。
????9、Sencha Touch Framework
????Sencha Touch 是世界上第一個基于 HTML5 的移動 Web 開發框架,支持最新的 HTML5 和 CSS3 標準,全面兼容 Android 和 Apple iOS 設備,提供了豐富的 WEB UI 組件,可以快速的開發出運行于移動終端的應用程序。Shencha是第一個使用HTML5,CSS和JavaScript并且支持音頻/視頻,本地存儲,圓角,漸變背景以及陰影的開發框架。
????10、NimbleKit
????NimbleKit 是為 iOS 設備構建應用程序最快速的方式,你不需要知道 Objective-C 或者 iOS SDK,你只需結合?JavaScript 代碼編寫 HTML 頁面就可以了。
????11、Touchy? Boilerplate
????Touchy Boilerplate 是一個用來創建移動web app,包括HTML模板,Meta tag等的工具。Touchy可以支持動態頁面導航,固定頁頭,滾動內容,瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。
????12、PhoneGap
????PhoneGap是一個用基于HTML,CSS和JavaScript的,創建移動跨平臺移動應用程序的快速開發平臺。它使開發者能夠利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位,加速器,聯系人,聲音和振動等,此外PhoneGap擁有豐富的插件,可以以此擴展無限的功能。PhoneGap是免費的,但是它需要特定平臺提供的附加軟件,例如iPhone的iPhone SDK,Android的Android SDK等,也可以和DW5.5配套開發。使用PhoneGap只比為每個平臺分別建立應用程序好一點點,因為雖然基本代碼是一樣的,但是你仍然需要為每個平臺分別編譯應用程序。
????13、joshfire
????Joshfire是一個開源的跨設備開發框架,幫助開發者創建可以在多種設備上運行的web app。它使用HTML5和JavaScript,并且允許開發者快速整合本地應用和特定的web應用。Joshfire可以讓你的應用接受鍵盤,鼠標,觸摸屏,遙控器等設備的輸入。Joshfire支持Node.JS。4.Sencha Touch:基于HTML5的移動網頁開發框架。
????14、?Julia
????Julia框架由基本CSS3文件、JS庫和各個平臺的運行庫構成。不像PhoneGap,Julia不僅僅包含調用本機代碼的接口層,它還包含 Model-View-Controller(MVC)支持,Delegation支持,OAuth支持,異步數據庫存取接口,HTML選擇符(類jQuery調用接口),HTML模版(允 許嵌入JS代碼)等應用開發必備的API接口。 基于Julia的應用開發就像網站開發那么簡單,是的,你終于可以用HTML5開發一個完整的、跨平臺 的、不亞于本機代碼的、易于維護的移動應用了!大幕即將揭曉,讓我們一起進入移動開發的新時代
????15、SproutCore HTML5 Application Framework
????SproutCore 是一個 HTML5 移動 Web 開發框架,它的目標是在無需瀏覽器插件的情況下,在瀏覽器中位應用程序提供極佳的桌面效果。
????16、Titanium
????這是一個強大的,健壯的移動Web開發框架。能夠讓使用現有的HTML, CSS和JavaScript知識來為 iOS和Android平臺開發原生移動應用。作為一個越來越大的移動Web框架,它擁有超過300個的APIs和活躍的開發者社區。你從這個社區中得到每一個開發人員的幫助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動設備的攝像頭和本地文件存儲系統相交互的特性。
????17、Lungo.js
????Lungo.js 是一個采用HTML5, CSS3 和JavaScript技術實現的移動Web應用程序開發框架。利用這框架開發的應用程序可運行所有流行的平臺包括:iOS, Android, Blackberry?和 WebOs。它還支持觸摸事件如:tap, double-tap和swipe。整個框架沒有用到任何圖片包括圖標,所有都矢量化。可以在這個框架中使用HTML5擁有的一些特性如:WebSQL, 地理位置定位,歷史或設備方向等。Lungo.js是一個模塊化并且完全可定制的框架。
????18、xui.js
????有時候你可能需要一個超輕量級的框架,只要擁有用于開發標準客戶端所需要的功能如:DOM操作,事件處理,Ajax和一些動畫效果。如果是這樣的話,這個框架剛好非常適合你。整個框架采用GZIP壓縮完之后只有4.2 KB。
????19、EmbedJS
????EmbedJS是一個用于嵌入式設備的JavaScript框架如:移動電話,TVs、tablets和so forth。EmbedJS強大之處在于,它擁有專門為特定平臺和瀏覽器如iOS, Firefox, Android等提供相應的開發版本。這樣就能夠以最少的代碼,為用戶提供最佳的體驗。而且假如你喜歡自己定制,可以利用其提供的EmbedJS Build tool工具實現。EmbedJS基于Dojo實現,所以你如果熟悉Dojo API語法,那EmbedJS將是你最佳的選擇。
????20、zepto.js
????zepto.js是一個專為mobile WebKit瀏覽器(如:Safari和Chrome)而開發的一個JavaScript框架。它標榜自己在其簡約的開發理念,能夠幫助開發人員簡單、快速地完成開發交付任務。更重要的是這個JS框架,是超輕量級的,只有5KB。zepto.js的語法借鑒并且兼容jQuery。
????21、Baker
????Baker是用來在iPad或者iPhone平臺上發布交互式的電子書或者電子雜志的HTML5電子書框架。
22、ChocolateChip-UI?
ChocolateChip-UI 是一個手機移動 Web 開發框架,采用 HTML5, WAML, CSS 和 JavaScript等技術實現。基于 ChocolateChip JavaScript 框架,包含最新的 ChUI.JS 和 ChUI.css.
23、Magazine Grid
????Magazine Grid 是一個超現代的 CSS 框架,用于 iPad 和 iPhone 手機,使用類似雜志的設計風格。Magazine Grid 可讓用戶使用 HTML5 元素來組織雜志頁,非常輕量級(<4k),在移動設備上加載非常快,對老的瀏覽器也支持。
24、Kendo UI
Kendo UI是一個強大的框架用于快速HTML5 UI開發。基于最新的HTML5、CSS3和JavaScript標準。 Kendo UI包含了開發現代JavaScript開發所需要的所有一切,包括:強大的數據源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。
????25、HTML App Host Framework
這是一個用于構建基于 Windows Phone 7 的 HTML/JavaScript 托管框架,使用 HTML5 技術。該框架由支持在標準 xap 格式中嵌入 html 應用的控件。
????參考鏈接:
????http://creativefan.com/mobile-web-app-frameworks/
????http://skytechgeek.com/2011/09/10-mobile-application-frameworks-for-easy-development/
????http://skytechgeek.com/2011/11/html5-frameworks-and-useful-apps-for-mobile-web-development/
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平臺,對人數不斷增長的移動開發人員變得越來越有用,這些人員需要在更多的平臺上獲得代碼支持。
總結
- 上一篇: 热销产品缺货,滞销产品积压?WMS系统如
- 下一篇: python中变量,Python中的变量