25學(xué)堂發(fā)表這篇webapp開發(fā)框架推薦以及優(yōu)缺點分析博文，是為了讓更多小伙伴們可以盡快能找到最合適你移動Web?App應(yīng)用開發(fā)框架。

不用盲目的百度和問大神們web app 開發(fā)使用哪個框架最好？等等問題。在此，25學(xué)堂盡量解答各位的webAPP問題。根據(jù)國內(nèi)js大神以及有過webAPP開發(fā)經(jīng)驗的前輩們分析，25學(xué)堂推薦下面6款常用的webapp開發(fā)框架。

有興趣可以閱讀《HTML5移動webAPP和Hybrid APP開發(fā)的優(yōu)缺點分析》和2014年webAPP UI設(shè)計和前端JS特效案例集萃

第一款：Sencha?Touch

Sencha Touch 是世界上第一個支持 HTML5 和 CSS3 標(biāo)準(zhǔn)的移動應(yīng)用框架，你可以使用 HTML5 來編寫音頻和視頻組件，還可以使用 LocalStorage Proxy 來存儲離線數(shù)據(jù)，同時，大量 CSS3 樣式表為你提供了創(chuàng)建健壯樣式層的可能。

優(yōu)點

? ??用戶體驗最接近Native?App， 具有整體的UI組件、布局解決方案；

? ??統(tǒng)一的編程代碼結(jié)構(gòu)和要求，良好組織的代碼易于維護(hù)；

? ??繼承ExtJS 4的應(yīng)用程序MVC架構(gòu)；

? ??完善的API文檔，示例；活躍的社區(qū)，網(wǎng)上有大量的文檔書籍幫助學(xué)習(xí)；

缺點

? ??兼容性差，僅支持webkit內(nèi)核的瀏覽器；

? ??框架比較重量級，學(xué)習(xí)成本比較高；

? ??商業(yè)化使用有版權(quán)問題；

Sencha?Touch學(xué)習(xí)的酷站推薦：http://extjs.org.cn/

第二款：jQuery Mobile

jQuery Mobile 是創(chuàng)建移動 web 應(yīng)用程序的框架。

jQuery Mobile 適用于所有流行的智能手機和平板電腦。

jQuery Mobile 使用 HTML5 和 CSS3 通過盡可能少的腳本對頁面進(jìn)行布局。

優(yōu)點

? ??跨瀏覽器兼容性最好，幾乎兼容所有的平臺和瀏覽器；

? ??入門簡單，語法簡潔，編碼靈活，一些簡單的應(yīng)用直接用HTML既可實現(xiàn)，無需Javascript；

? ??開源插件與第三方擴(kuò)展網(wǎng)上資源豐富；

? ??完善的API文檔，示例；活躍的社區(qū)，網(wǎng)上有大量的文檔書籍幫助學(xué)習(xí)；

缺點 ? ?? ??jQuery Mobile對代碼沒有特定的要求，后期維護(hù)難度較大；

第三款：Zepto

Zepto 就是一個 jQuery 的輕量級替代品，幾乎完全一樣的 API，但是專門為 Mobile 或者 HTML5 瀏覽器設(shè)計和優(yōu)化。

優(yōu)點

? ??學(xué)習(xí)成本低，Zepto保持了與jQuery幾乎一樣的功能，使用gzip壓縮只有5-10k；

缺點

? ??Zepto不支持Windows Phone下的IE ；

第四款：Wink Toolkit

優(yōu)點

? ??Wink的核心庫是輕量級的，支持AMD規(guī)范的模塊化加載，功能接口相比Zepto更豐富；

? ??提供很酷的2D、3D效果UI組件；

缺點

? ??組件對 Android的支持程度不好，3D組件無法使用 ；

第五款：Ionic：高級的 HTML5 移動APP（Web App）開發(fā)框架

Ionic 是一個用HTML, CSS 跟JS 開發(fā)的一個用于移動設(shè)備的混合APP 開發(fā)框架，采用?Sass與AngularJS 開發(fā)。目前，Ionic 仍然處于臨測試狀態(tài)（ alpha?）。相信未來會成為開發(fā)者開發(fā)?HTML5 應(yīng)用的一個不錯的選擇。

酷站官網(wǎng)：http://ionicframework.com/

第六款：Amaze UI ? ??中國首個開源 HTML5 跨屏前端框架

Amaze UI 是一個移動優(yōu)先的跨屏前端框架。易學(xué)易用。

酷站網(wǎng)址：http://amazeui.org/

下面是一些牛逼團(tuán)隊使用webAPP框架的案例欣賞：

銀天下移動開發(fā)團(tuán)隊：

我們團(tuán)隊10+個人，負(fù)責(zé)公司所有移動端的技術(shù)研發(fā)以及后端的部分業(yè)務(wù)，清一色Mac全棧工程師，用coffeescript，ios，android，c++，rails，go等等。WebApp方面我們MobileWebApp我們用backbone+zepto.js，桌面的WebApp我們用angularjs，端到端測試做的也非常全面。大部分后端我們用nodejs，部分使用rails或者java（機器學(xué)習(xí)方面的東西）

公司官網(wǎng)：http://www.98.cn/

第二團(tuán)隊使用：

現(xiàn)在的方案是前端 AngularJS + Bootstrap，后端 Express+Sequelize解決方案。

有興趣的朋友們多多關(guān)照25學(xué)堂，25學(xué)堂在2015年將會推出一些比較實用的webAPP教程。