终端设备开发框架
轉自：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開發?；谧钚碌腍TML5、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系统如
- 下一篇： 2019考研英语二真题词汇整理