對于大部分Web開發(fā)人員，HTML、CSS 和 JavaScript 是他們最熟練的開發(fā)技能。然而，開發(fā)一個原生的移動App，對他們來說卻是完全陌生的領(lǐng)域。因?yàn)殚_發(fā)Android，iOS 或 Windows Phone上的原生App，需要掌握完全不同的開發(fā)語言( Android使用Java，iOS app使用Objective-C或Swift，而Windows Phone則使用.NET)，除此之外，你還需要使用完全不同的開發(fā)環(huán)境、IDE，并且掌握不同的開發(fā)框架，這些都成了Web開發(fā)人員開發(fā)移動App的巨大障礙。

但隨著技術(shù)的發(fā)展，我們已經(jīng)看到許多基于Web技術(shù)的移動開發(fā)框架，現(xiàn)在你只需要牢固掌握HTML、CSS和JavaScript技術(shù)就可以開發(fā)出一個移動App來。通過像PhoneGap這樣的編譯工具能夠?qū)⒛汩_發(fā)的Web應(yīng)用轉(zhuǎn)換為不同平臺上的app，從而帶來了極大的便攜性。

這里，技匠為你推薦它們中***秀的10個移動開發(fā)框架。如果你已經(jīng)準(zhǔn)備好做出下一個10億級的app，那么就來看看下面的推薦吧!

1. jQuery Mobile

jQuery Mobile是一個非常健壯的跨平臺app開發(fā)框架。它能夠支持很多不同的平臺，包括桌面應(yīng)用、智能手機(jī)、平板、以及電子閱讀器 如 Nook 或 Kindle。與它的同胞 jQuery UI 類似，jQuery Mobile也包含了一組UI組件，開發(fā)人員可以非常方便地使用它們來開發(fā)UI界面。而且，這些UI組件都已經(jīng)為移動端進(jìn)行了優(yōu)化，能夠?yàn)閼?yīng)用提供更好的性能。

2. Cordova / PhoneGap

PhoneGap是基于Cordova的。Cordova/PhoneGap提供了一組JavaScript API，能夠連接設(shè)備的底層功能，比如攝像、定位、通訊錄、指南針等等。Cordova/PhoneGap使我們不需要使用任何原生程序語言，而直接利用像jQuery Mobile這樣的開發(fā)框架進(jìn)行移動應(yīng)用的開發(fā)。***，通過調(diào)用它的SDK將你的應(yīng)用編譯為不同平臺上的app。這些平臺包括 iOS,Android,Windows Phone,Blackberry和Web OS。

3. Sencha Touch

Sencha Touch 是一個基于HTML5和CSS3的移動開發(fā)框架。同時它提供了一組能夠支持不同移動平臺的組件以及動效特性。Sencha Touch支持Cordova和PhoneGap.你能將你的應(yīng)用編譯成支持不同平臺的app。除此之外，Sencha Touch還提供了一組主題，可以應(yīng)用到iOS、Android、Blackberry、Windows Phone、Tizen 等平臺中，讓用戶感覺它很像原生app.

[[186285]]

4. Ratchet

Ratchet最早是Twitter內(nèi)部用于制作移動app原型的工具，后來Twitter將它開源并發(fā)布出來。Ratchet自帶了一組用戶界面組件和JavaScript插件，可以用來創(chuàng)建一些簡單的移動app。在2.0版本中，Ratche還自帶了兩套適用于iOS和Andriod平臺的UI主題。

5. Ionic

如果你對app的性能很關(guān)注的話，Ionic會是一個合適的框架。Ionic是一個基于HTML5的app開發(fā)框架，它不需要任何第三方JavaScript庫，他能與Angular.js組合在一起使用，開發(fā)出高性能、交互型的app。和Ratchet類似，Ionic也自帶了一組優(yōu)秀的font圖標(biāo)——Ionicons和可復(fù)用的HTML Classes來構(gòu)建移動應(yīng)用UI。

6. Lungo

Lungo是一個基于HTML5和CSS3的輕量級移動開發(fā)框架。它的默認(rèn)樣式非常漂亮，你可以直接使用在你的app中。除了包含一組UI組件之外，Lungo還提供了很多JavaScript API，你可以利用這些接口來控制你的app。Lungo支持下面這些平臺：iOS，Android，Blackberry和Firefox OS。

7. jQT

jQT的前身是就Qtouch，是一個很酷且高性能的Zepto/jQuery插件用來開發(fā)移動Web應(yīng)用。它主要是為開發(fā)基于WebKit瀏覽器的應(yīng)用而設(shè)計的。jQT非常容易被定制和擴(kuò)展，它自帶了一套UI主題，你可以通過修改Sass/Compass來對界面進(jìn)行定制，你也可以使用CSS3的特性來渲染很酷的3D動畫。

8. Junior

Junior和jQT一樣，也是一個Zepto插件，但Junior依賴一些其他的第三方庫來提供額外的功能，比如Backbone.js,Flickable.js和Ratchet。

9. Jo

Jo這個框架可用于開發(fā)支持HTML5的移動設(shè)備應(yīng)用，如iOS,webOS, Android和Chrome OS等平臺。它擁有標(biāo)準(zhǔn)，類原生的UI元素比如用于屏幕登錄的Web表單控件，還有彈出小部件可用于在用戶點(diǎn)擊界面時提供一些額外的信息。

10. Famo.us

Famo.us提供了一個強(qiáng)有力的JavaScript框架和大量的開發(fā)者工具，這些框架和工具被用來構(gòu)建功能豐富、反應(yīng)快速的Web應(yīng)用程序。Famo為開發(fā)者提供視覺、布局、框架、用戶界面、和用戶體驗(yàn)的部件、主題、字體、和Java語言插件等功能，使網(wǎng)頁開發(fā)者能進(jìn)行多種設(shè)備應(yīng)用的開發(fā)。其創(chuàng)造出來的動效和畫面看上去非常輕快、自然。此外，框架所具備的***優(yōu)勢在于能夠嚴(yán)格維護(hù)模塊化以保持畫面動作的靈活性。***，配合量身定制的服務(wù)端技術(shù)，開發(fā)者就能創(chuàng)建出高質(zhì)量的App來。

【本文是51CTO專欄作者“陳逸鶴”的原創(chuàng)文章，如需轉(zhuǎn)載請聯(lián)系作者本人(微信公眾號:techmask】

戳這里，看該作者更多好文