快速增長的APP應(yīng)用軟件市場，以及智能手機的普及，手機應(yīng)用：Native（原生）APP快速占領(lǐng)了APP市場，成為了APP開發(fā)的主流，但其平臺的不通用性，開發(fā)成本高，多版本開發(fā)等問題，一直困擾著專業(yè)APP開發(fā)企業(yè)，和APP服務(wù)提供商。 安卓和IOS的操作方式，開發(fā)模式，界面UI顯示方面的差別，也使得原生APP的不同版本體驗有很大的區(qū)別，光是做兼容性調(diào)測，都要花費開發(fā)企業(yè)不少的時間。

   近年來，另一種應(yīng)用形態(tài)——基于HTML5技術(shù)的Web App也如雨后春筍般出現(xiàn)，于是關(guān)于原生APP與HTML5 APP 誰將成為未來的王者，APP開發(fā)者們一直爭論不休。

html5最主要的優(yōu)勢： 
1、一套HTML5 APP 即可同時適用安卓及IOS平臺，甚至WP平臺，適配性和統(tǒng)一體驗較好。
  2、版本服務(wù)器端更新，用戶永遠(yuǎn)看到的都是最新的APP端信息。
  3、手機客戶端及存儲數(shù)據(jù)較少，節(jié)約用戶手機空間
  4、技術(shù)難度較低，開發(fā)工作量小，開發(fā)成本低。
 **局限性：**
 用戶體驗大幅落后于原生APP，操作的流暢度，程序的執(zhí)行效率，與原生APP都有較大差距；HTML5 APP 受網(wǎng)速的影響較大，在網(wǎng)絡(luò)情況較差的情況下，HTML5 APP 往往連打開都困難，而原生程序，基本都能順利打開運行（只是速度較慢）。

 因公司項目需求，近端時間研究html5 app開發(fā)框架，發(fā)現(xiàn)有很多，查資料總結(jié)下。

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14

介紹那些app適合html5開發(fā)：http://www.educity.cn/wenda/11971.html

1.框架：PhoneGap
官網(wǎng)：http://phonegap.com/
簡介： PhoneGap是一個用基于HTML，CSS和JavaScript的，創(chuàng)建移動跨平臺移動應(yīng)用程序的快速開發(fā)平臺。它使開發(fā)者能夠利用iPhone，Android，Palm,Symbian,WP7,WP8,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以調(diào)用。
優(yōu)點：1.可跨平臺。phonegap框架幫我們解決了差異性，javascript與平臺系統(tǒng)的連接由phonegap框架完成。成為連接移動終端的適配器，或者說中間件。
2.提供硬件訪問控制?？烧{(diào)用加速計、攝像頭、羅盤、通訊錄、文檔、地理定位、媒體、網(wǎng)絡(luò)、通知(警告、聲音和振動)、存儲。
3.可利用成熟javascript框架。如：Ext js、jQuery。
缺點：1.性能差。運行速度慢，UI反應(yīng)延時——這是個致命傷。(高端機影響不大)
2.不能完全跨平臺。不同平臺代碼需要微調(diào)。
3.內(nèi)存消耗大。
4.調(diào)試難度大。

2.框架：Ionic
官網(wǎng)：http://ionicframework.com/
簡介： Ionic 是一個強大的 HTML5 應(yīng)用程序開發(fā)框架，號稱 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移動端解決方案 可以幫助您使用 Web 技術(shù)，比如 HTML、 CSS 和Javascript 構(gòu)建接近原生體驗的移動應(yīng)用程序。 Ionic 主要關(guān)注外觀和體驗，以及和你的應(yīng)用程序的 UI 交互，特別適合用于基于 Hybird 模式的 HTML5 移動應(yīng)用程序開發(fā)。 Ionic 是一個輕量的手機 UI 庫，具有速度快，界面現(xiàn)代化、美觀等特點。為了解決其他一些UI 庫在手機上運行緩慢的問題。
優(yōu)點：1.追求性能 運行速度快
2.輕量級框架
3.基于 Angularjs，支持 Angularjs的特性， MVC ，代碼易維護
4.通過 SASS 構(gòu)建應(yīng)用程序。它提供了很多 UI 組件來幫助開發(fā)者開發(fā)強大的應(yīng)用。
5.接近原生。
6.強大的命令行工具
3.可利用成熟javascript框架。如：Ext js、jQuery。
缺點：1.Ionic是一個前段框架。不能完全取代PhoneGap和JavaScript框架的作用
2.需要結(jié)合插件使用。

3.框架：Hbuilder（國產(chǎn)）
官網(wǎng)：http://dcloud.io/
簡介： HBuilder是DCloud推出一款支持HTML5的Web開發(fā)IDE?！翱?#xff0c;是HBuilder的最大優(yōu)勢，通過完整的語法提示和代碼輸入法、代碼塊及很多配套，HBuilder能大幅提升HTML、js、css的開發(fā)效率。
優(yōu)點：1、HTML5語法、HTML5+語法、三大瀏覽器擴展語法，盡收HBuilder中。
2、每個瀏覽器發(fā)布新版后，一周內(nèi)，其新增語法就收錄入HBuilder。
3、強大到令你震驚的Jquery語法提示！
4、每個語法在哪個瀏覽器、哪個版本上是否可運行，這里都有。
5、沒有比這里更全的語法庫，也沒有比這里更全的瀏覽器兼容性數(shù)據(jù)庫。
缺點：1.云端編譯，無法保證安全性。
2.不能完全跨平臺。不同平臺代碼需要微調(diào)。

4.框架：appcan（國產(chǎn)）
官網(wǎng)：http://www.appcan.cn/
簡介：AppCan是國內(nèi)Hybrid App混合模式開發(fā)的倡導(dǎo)者，AppCan應(yīng)用引擎支持Hybrid App的開發(fā)和運行。并且著重解決了基于HTML5的移動應(yīng)用”不流暢”和”體驗差”的問題。使用AppCan應(yīng)用引擎提供的Native交互能力，可以讓HTML5開發(fā)的移動應(yīng)用基本接近Native App的體驗。
與Phonegap支持單一webview使用div為單位開發(fā)移動應(yīng)用不同。AppCan支持多窗口機制，讓開發(fā)者可以像最傳統(tǒng)的網(wǎng)頁開發(fā)一樣，通過頁面鏈接的方式靈活的開發(fā)移動應(yīng)用?；谶@種機制，開發(fā)者可以開發(fā)出大型的移動應(yīng)用，而不是只能開發(fā)簡易類型的移動應(yīng)用。
AppCan提供強大的設(shè)備調(diào)用能力，電話、短信、相機、LBS、傳感器、數(shù)據(jù)庫等常用的手機功能，開發(fā)者可以通過JS接口調(diào)用，輕松構(gòu)建移動應(yīng)用。
優(yōu)點：1.跨平臺：同時支持iOS、Android、Symbian、Windows Phone
2.原生體驗：引入原生UI控件與交互支持（如Action Sheet等）
3.開發(fā)工具：基于Eclipse的開發(fā)工具，集成UI控件與應(yīng)用管理
4.UI框架：提供強大的UI框架，更加易于實現(xiàn)頁面布局與交互
5.設(shè)備API：支持各種手機設(shè)備調(diào)用，如電話、相機、傳感器、定位等
6.本地打包：無需配置環(huán)境，無需編譯，本地一鍵打包
7.插件機制：支持第三方原生插件，支持JS插件
8.代碼加密：基于密鑰的加密方式，無法破解，像混編一樣保護html代碼
統(tǒng)計分析：應(yīng)用分平臺安裝數(shù)統(tǒng)計，應(yīng)用啟動和使用情況統(tǒng)計
9.開放平臺：更具本土優(yōu)勢，已經(jīng)對接Sina、QQ、百度等開放平臺
10.技術(shù)支持：技術(shù)支持及時響應(yīng)，重視開發(fā)者建議和反饋
缺點：1.AppCan免費版因需要把源代碼上傳到廠商的服務(wù)器上打包，對于企業(yè)開發(fā)來說源代碼泄露安全性上有一定風(fēng)險。企業(yè)版雖然可以解決，但企業(yè)版穩(wěn)定尚待觀察。
2.AppCan采用封裝的組件，依賴性比較高。不是開源代碼。
3.AppCan 不能很好的解決原生代碼的功能。

5.框架：Wex5(國產(chǎn))
官網(wǎng)：http://wex5.com/
簡介：WeX5應(yīng)用快速開發(fā)框架（含完整的SDK API及全部源碼），一次開發(fā)、跨端運行。
【定位】開發(fā)面向消費者和公眾的開放應(yīng)用系統(tǒng)
【適用】一般app、電商app、客服app、會員app、微店微商等
【前端】安卓app/蘋果app/微信服務(wù)號/PC web app
【后端】后端數(shù)據(jù)處理組件，對接各主流技術(shù)平臺
【費用】完全開源，徹底免費，無任何限制
優(yōu)點：1.高效精致的UI組件體系，基于jquery和bootstrap技術(shù)，采用增強的RequireJS模塊化技術(shù)。
2.基于phonegap(cordova)框架，如相機、地圖、LBS定位、指南針、通訊錄、文件、語音、電池等。
3.可視化拖拽式集成開發(fā)環(huán)境IDE，全能力的調(diào)試支持和智能代碼提示
缺點：1.使用范圍有限：適用：一般app、電商app、客服app、會員app、微店微商等
2.用戶量小，存在不穩(wěn)定因素。

6.框架：ApiCloud(國產(chǎn))
官網(wǎng)：http://www.apicloud.com/
簡介：APICloud是中國領(lǐng)先的“云端一體”的移動應(yīng)用云服務(wù)提供商。APICloud推行“云端一體”的理念，重新定義了移動應(yīng)用開發(fā)。APICloud為開發(fā)者從“云”和“端”兩個方向提供API，簡化移動應(yīng)用開發(fā)技術(shù)，讓移動應(yīng)用的開發(fā)周期從一個月縮短到7天。APICloud由“云API”和“端API”兩部分組成，可以幫助開發(fā)者快速實現(xiàn)移動應(yīng)用的開發(fā)、測試、發(fā)布、管理和運營的全生命周期管理。
APICloud致力成為中國領(lǐng)先的移動垂直領(lǐng)域云服務(wù)商，幫助傳統(tǒng)軟件公司從B/S架構(gòu)成功走向APP，幫助中國數(shù)百萬web開發(fā)者轉(zhuǎn)化成移動APP專家！。
優(yōu)點：1.提供開發(fā)的IDE。
2.提供數(shù)據(jù)云API、統(tǒng)計云API、推送云API
缺點：與Hbuilder存在版權(quán)問題，抄襲Hbuilder

7、JQuery Mobile
1.官方網(wǎng)站：http://jquerymobile.com/
2.性質(zhì)：UI框架
3.說明：這個大名鼎鼎的JQuery的移動版本。跟JQuery一樣是一個輕量級的JS庫，一樣使用HTML5+CSS+JS的技術(shù)。應(yīng)為輕量級，所以在web加載時比Sencha有一點優(yōu)勢。缺點顯而易見，UI控件太少了。因為JQuery Mobile 太普及了，也有很多第三方的擴展控件庫例如JQuery Mobile Touch。比較有意思的是Sencha Touch 也融合了JQuery Mobile Touch。
4.授權(quán)：完全開源，放心使用

14年之前用過一段時間，全是html5+js的，過了2年了，出現(xiàn)了一些比較好的原生效果的開發(fā)框架：react native 和fuse

不同的開發(fā)框架有不同的優(yōu)缺點，使用哪個還需要根據(jù)需求針對性的選用