10個基于HTML阵子、CSS、JavaScript的優(yōu)秀App開發(fā)框架

對于大部分Web開發(fā)人員胜蛉,HTML挠进、CSSJavaScript 是他們最熟練的開發(fā)技能。然而誊册,開發(fā)一個原生的移動App领突,對他們來說卻是完全陌生的領域。因為開發(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的巨大障礙离咐。

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

這里,技匠為你推薦它們中最優(yōu)秀的10個移動開發(fā)框架煤痕。如果你已經(jīng)準備好做出下一個10億級的app梧宫,那么就來看看下面的推薦吧接谨!

1. jQuery Mobile

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


2. Cordova / PhoneGap

PhoneGap是基于Cordova的。Cordova/PhoneGap提供了一組JavaScript API勋桶,能夠連接設備的底層功能脱衙,比如攝像、定位例驹、通訊錄捐韩、指南針等等。Cordova/PhoneGap使我們不需要使用任何原生程序語言鹃锈,而直接利用像jQuery Mobile這樣的開發(fā)框架進行移動應用的開發(fā)荤胁。最后,通過調用它的SDK將你的應用編譯為不同平臺上的app屎债。這些平臺包括 iOS,Android,Windows Phone,Blackberry和Web OS仅政。


3. Sencha Touch

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


4. Ratchet

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


5. Ionic

如果你對app的性能很關注的話,Ionic會是一個合適的框架凿将。Ionic是一個基于HTML5的app開發(fā)框架校套,它不需要任何第三方JavaScript庫,他能與Angular.js組合在一起使用牧抵,開發(fā)出高性能笛匙、交互型的app。和Ratchet類似犀变,Ionic也自帶了一組優(yōu)秀的font圖標——Ionicons和可復用的HTML Classes來構建移動應用UI妹孙。


6. Lungo

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


7. jQT

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


8. Junior

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


9. Jo

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


10. Famo.us

Famo.us提供了一個強有力的JavaScript框架和大量的開發(fā)者工具沧卢,這些框架和工具被用來構建功能豐富、反應快速的Web應用程序醉者。Famo為開發(fā)者提供視覺但狭、布局披诗、框架、用戶界面立磁、和用戶體驗的部件呈队、主題、字體唱歧、和Java語言插件等功能宪摧,使網(wǎng)頁開發(fā)者能進行多種設備應用的開發(fā)。其創(chuàng)造出來的動效和畫面看上去非常輕快颅崩、自然几于。此外,框架所具備的最大優(yōu)勢在于能夠嚴格維護模塊化以保持畫面動作的靈活性沿后。最后沿彭,配合量身定制的服務端技術,開發(fā)者就能創(chuàng)建出高質量的App來尖滚。


稀土掘金聯(lián)合編輯:技匠喉刘,以上內容歡迎大家分享到朋友圈/微博等。如需轉載熔掺,請通過我的微信公眾號聯(lián)系饱搏。謝謝大家!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末置逻,一起剝皮案震驚了整個濱河市推沸,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌券坞,老刑警劉巖鬓催,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異恨锚,居然都是意外死亡宇驾,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進店門猴伶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來课舍,“玉大人,你說我怎么就攤上這事他挎◇菸玻” “怎么了?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵办桨,是天一觀的道長筹淫。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么泉手? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任阳藻,我火速辦了婚禮渣蜗,結果婚禮上诅挑,老公的妹妹穿的比我還像新娘顽腾。我一直安慰自己珊佣,他們只是感情好奋姿,可當我...
    茶點故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布逸尖。 她就那樣靜靜地躺著古沥,像睡著了一般。 火紅的嫁衣襯著肌膚如雪娇跟。 梳的紋絲不亂的頭發(fā)上岩齿,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天,我揣著相機與錄音苞俘,去河邊找鬼盹沈。 笑死,一個胖子當著我的面吹牛吃谣,可吹牛的內容都是我干的乞封。 我是一名探鬼主播,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼岗憋,長吁一口氣:“原來是場噩夢啊……” “哼肃晚!你這毒婦竟也來了?” 一聲冷哼從身側響起仔戈,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤关串,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后监徘,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體晋修,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年凰盔,在試婚紗的時候發(fā)現(xiàn)自己被綠了墓卦。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡户敬,死狀恐怖落剪,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情尿庐,我是刑警寧澤著榴,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站屁倔,受9級特大地震影響,放射性物質發(fā)生泄漏暮胧。R本人自食惡果不足惜锐借,卻給世界環(huán)境...
    茶點故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一问麸、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧钞翔,春花似錦严卖、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至汰扭,卻和暖如春稠肘,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背萝毛。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工项阴, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人笆包。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓环揽,卻偏偏與公主長得像,于是被迫代替她去往敵國和親庵佣。 傳聞我的和親對象是個殘疾皇子歉胶,可洞房花燭夜當晚...
    茶點故事閱讀 43,612評論 2 350

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,841評論 25 707
  • 目錄 1.Hybrid App 2.PhoneGap 3.Cordova 4.SPA (單頁應用程序) 5.Ang...
    洛月山莊閱讀 375評論 0 0
  • 名詞介紹 Native APP Native APP 指的是原生程序,一般依托于操作系統(tǒng)巴粪,有很強的交互通今,是一個完整...
    LabRaDor2079閱讀 1,943評論 0 5
  • 名詞介紹 Native APP Native APP 指的是原生程序,一般依托于操作系統(tǒng)验毡,有很強的交互衡创,是一個完整...
    福兮禍所依閱讀 13,536評論 0 20
  • 微博更文上每次看到毒雞湯都很鄙夷,但這次我卻心甘情愿自飲這一杯晶通。----仔仔 很多事經(jīng)歷過才能明白璃氢,就像我...
    磨人的小妖精lwl閱讀 455評論 0 1