基于Html5的移动端开发框架的研究
生活随笔
收集整理的這篇文章主要介紹了
基于Html5的移动端开发框架的研究
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
下面統計信息部分來自網絡,不代表個人觀點。請大家參考。
| ? | ? | ? | ? | 基于Html5移動端開發框架調查 | ? | ? | ? | ? | ? | |
| ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? |
| ? | 序號 | 框架 | 簡介 | 優點 | 缺點 | 備注 | 側重點 | ? | ? | ? |
| ? | 1 | PhoneGap | ? PhoneGap是一個用基于HTML,CSS和JavaScript的,創建移動跨平臺移動應用程序的快速開發平臺。它使開發者能夠利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手機的核心功能——包括地理定位,加速器,聯系人,聲音和振動等,此外PhoneGap擁有豐富的插件,可以調用。 | 1.可跨平臺。phonegap框架幫我們解決了差異性,javascript與平臺系統的連接由phonegap框架完成。成為連接移動終端的適配器,或者說中間件。2.提供硬件訪問控制。可調用加速計、攝像頭、羅盤、通訊錄、文檔、地理定位、媒體、網絡、通知(警告、聲音和振動)、存儲。3.可利用成熟javascript框架。如:Ext js、jQuery。 | 1.性能差。運行速度慢,UI反應延時——這是個致命傷。(高端機影響不大)2.不能完全跨平臺。不同平臺代碼需要微調。3.內存消耗大。 4.調試難度大。 | 官網:http://phonegap.com/ | 側重于對硬件的訪問控制 | ? | ? | ? |
| ? | 2 | Ionic | ? Ionic 是一個強大的 HTML5 應用程序開發框架,號稱 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移動端解決方案 可以幫助您使用 Web 技術,比如 HTML、 CSS 和Javascript 構建接近原生體驗的移動應用程序。 Ionic 主要關注外觀和體驗,以及和你的應用程序的 UI 交互,特別適合用于基于 Hybird 模式的 HTML5 移動應用程序開發。 Ionic 是一個輕量的手機 UI 庫,具有速度快,界面現代化、美觀等特點。為了解決其他一些UI 庫在手機上運行緩慢的問題。 | 1.追求性能 運行速度快2.輕量級框架3.基于 Angularjs,支持 Angularjs的特性, MVC ,代碼易維護4.通過 SASS 構建應用程序。它提供了很多 UI 組件來幫助開發者開發強大的應用。5.接近原生。6.強大的命令行工具 | 1.Ionic是一個前段框架。不能完全取代PhoneGap和JavaScript框架的作用2.需要結合插件使用。 | 官網:http://ionicframework.com/ | 側重于前端的交互 | ? | ? | ? |
| ? | 3 | Hbuilder(國產) | HBuilder是DCloud(數字天堂)推出一款支持HTML5的Web開發IDE。“快,是HBuilder的最大優勢,通過完整的語法提示和代碼輸入法、代碼塊及很多配套,HBuilder能大幅提升HTML、js、css的開發效率。 | 1、HTML5語法、HTML5+語法、三大瀏覽器擴展語法,盡收HBuilder中。? 2、每個瀏覽器發布新版后,一周內,其新增語法就收錄入HBuilder。? 3、強大到令你震驚的Jquery語法提示!? 4、每個語法在哪個瀏覽器、哪個版本上是否可運行,這里都有。? 5、沒有比這里更全的語法庫,也沒有比這里更全的瀏覽器兼容性數據庫。 | 1.云端編譯,無法保證安全性。 2.不能完全跨平臺。不同平臺代碼需要微調。 | 官網:http://dcloud.io/ | 側重于編碼實現 | ? | ? | ? |
| ? | 4 | appcan(國產) | AppCan是國內Hybrid App混合模式開發的倡導者,AppCan應用引擎支持Hybrid App的開發和運行。并且著重解決了基于HTML5的移動應用"不流暢"和"體驗差"的問題。使用AppCan應用引擎提供的Native交互能力,可以讓HTML5開發的移動應用基本接近Native App的體驗。 與Phonegap支持單一webview使用div為單位開發移動應用不同。AppCan支持多窗口機制,讓開發者可以像最傳統的網頁開發一樣,通過頁面鏈接的方式靈活的開發移動應用。基于這種機制,開發者可以開發出大型的移動應用,而不是只能開發簡易類型的移動應用。 AppCan提供強大的設備調用能力,電話、短信、相機、LBS、傳感器、數據庫等常用的手機功能,開發者可以通過JS接口調用,輕松構建移動應用。 | 1.跨平臺:同時支持iOS、Android、Symbian、Windows Phone2.原生體驗:引入原生UI控件與交互支持(如Action Sheet等)3.開發工具:基于Eclipse的開發工具,集成UI控件與應用管理4.UI框架:提供強大的UI框架,更加易于實現頁面布局與交互5.設備API:支持各種手機設備調用,如電話、相機、傳感器、定位等6.本地打包:無需配置環境,無需編譯,本地一鍵打包7.插件機制:支持第三方原生插件,支持JS插件8.代碼加密:基于密鑰的加密方式,無法破解,像混編一樣保護html代碼 統計分析:應用分平臺安裝數統計,應用啟動和使用情況統計9.開放平臺:更具本土優勢,已經對接Sina、QQ、百度等開放平臺10.技術支持:技術支持及時響應,重視開發者建議和反饋 | 1.AppCan免費版因需要把源代碼上傳到廠商的服務器上打包,對于企業開發來說源代碼泄露安全性上有一定風險。企業版雖然可以解決,但企業版穩定尚待觀察。 2.AppCan采用封裝的組件,依賴性比較高。不是開源代碼。 3.AppCan 不能很好的解決原生代碼的功能。 | 官網;http://www.appcan.cn/ | ? | ? | ? | |
| ? | 5 | Wex5(國產) | WeX5應用快速開發框架(含完整的SDK API及全部源碼),一次開發、跨端運行。 【定位】開發面向消費者和公眾的開放應用系統 【適用】一般app、電商app、客服app、會員app、微店微商等 【前端】安卓app/蘋果app/微信服務號/PC web app 【后端】后端數據處理組件,對接各主流技術平臺 【費用】完全開源,徹底免費,無任何限制 | 1.高效精致的UI組件體系,基于jquery和bootstrap技術,采用增強的RequireJS模塊化技術。2.基于phonegap(cordova)框架,如相機、地圖、LBS定位、指南針、通訊錄、文件、語音、電池等。3.可視化拖拽式集成開發環境IDE,全能力的調試支持和智能代碼提示 | 1.使用范圍有限:適用:一般app、電商app、客服app、會員app、微店微商等2.用戶量小,存在不穩定因素。 | 官網:http://wex5.com/ | ? | ? | ? | |
| ? | 6 | ApiCloud(國產) | APICloud是中國領先的“云端一體”的移動應用云服務提供商。APICloud推行“云端一體”的理念,重新定義了移動應用開發。APICloud為開發者從“云”和“端”兩個方向提供API,簡化移動應用開發技術,讓移動應用的開發周期從一個月縮短到7天。APICloud由“云API”和“端API”兩部分組成,可以幫助開發者快速實現移動應用的開發、測試、發布、管理和運營的全生命周期管理。 APICloud致力成為中國領先的移動垂直領域云服務商,幫助傳統軟件公司從B/S架構成功走向APP,幫助中國數百萬web開發者轉化成移動APP專家!。 | 1.提供開發的IDE。 2.提供數據云API、統計云API、推送云API | 與Hbuilder存在版權問題,抄襲Hbuilder | 官網:http://www.apicloud.com/ | ? | ? | ? | |
| ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? |
| ? | ? | 結論: | ? | ? | ? | ? | ? | ? | ? | ? |
| ? | ? | 1.跨平臺方面:大部分框架針對android和ios平臺,需要做或多或少的代碼調整,不能達到完全跨平臺。 | ? | ? | ? | ? | ? | |||
| ? | ? | 2.性能方面:根據不完全統計,Ionic的性能會更好一點。 | ? | ? | ? | ? | ? | ? | ||
| ? | ? | 3.代碼實現方面:Hbuilder具有更高的效率。 | ? | ? | ? | ? | ? | ? | ? | |
| ? | ? | 4.PhoneGap出現最早,國內框架都是基于Phonegap開發出來的。 | ? | ? | ? | ? | ? | ? | ||
| ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? |
| ? | ? | 注意: | ? | ? | ? | ? | ? | ? | ? | ? |
| ? | ? | *關于框架的優缺點眾說紛紜,從總體看,hybrid app并沒有達到native app的實現效果。 | ? | ? | ? | ? | ? | ? | ||
| ? | ? | *各框架在實現過程中都會遇到不同程度的坑,請根據框架的側重點謹慎選擇應用的框架。 | ? | ? | ? | ? | ? | ? | ||
| ? | ? | *如果要基于Html5開發App,還需要進一步根據需求驗證框架的可實施性、并進行不同框架的效果對比。 | ? | ? | ? | ? | ? | |||
| ? | ? | ? | ? | ? | ? | ? | ? | ? | ? | ? |
總結
以上是生活随笔為你收集整理的基于Html5的移动端开发框架的研究的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 支付宝快捷登录
- 下一篇: 潮汐车道(说一说潮汐车道的简介)