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

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

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

第一款：Sencha?Touch

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

優(yōu)點(diǎn)

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

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

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

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

缺點(diǎn)

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

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

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

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

第二款：jQuery Mobile

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

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

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

優(yōu)點(diǎn)

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

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

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

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

缺點(diǎn) ? ?? ??jQuery Mobile對(duì)代碼沒(méi)有特定的要求，后期維護(hù)難度較大；

第三款：Zepto

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

優(yōu)點(diǎn)

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

缺點(diǎn)

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

第四款：Wink Toolkit

優(yōu)點(diǎn)

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

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

缺點(diǎn)

? ??組件對(duì) Android的支持程度不好，3D組件無(wú)法使用 ；

第五款：Ionic：高級(jí)的 HTML5 移動(dòng)APP（Web App）開(kāi)發(fā)框架

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

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

第六款：Amaze UI ? ??中國(guó)首個(gè)開(kāi)源 HTML5 跨屏前端框架

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

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

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

銀天下移動(dòng)開(kāi)發(fā)團(tuán)隊(duì)：

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

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

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

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

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