1. 程式人生 > >h5混合開發框架初識

h5混合開發框架初識

混合開發框架比較

Dcloud

一、  開發工具 HBuilder 
二、  框架 mui
三、  文件地址 http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/95
四、  優缺點
優點:
1)  Android低端機上流暢執行
2)  上手快,資料豐富
3)  Hbuilder開發工具很方便 
4)  Mui提供的前端外掛很豐富 
5)  有html5+底層加速器,比常規的webapp的效能要快 
6)  5+的直接封裝的跨平臺api比較全,二維碼、搖一搖、地圖、微信分享、語音輸入、推送這些常用api都是跨平臺的,使用方便簡單
        缺點:
1)  基於webview,效能比傳統的webapp的效能好,但是比原生的還是要差一點
2)  影響力不如 reactNactive大

React native

一、  開發工具 不限
二、  框架 依賴javascriptCore的非hybird app
三、  文件地址 http://reactnative.cn/
四、  優缺點
優點:
1)  不用Webview,徹底擺脫了Webview讓人不爽的互動和效能問題
2)  有較強的擴充套件性,這是因為Native端提供的是基本控制元件,JS可以自由組合使用 
3)  可以直接使用Native原生的「牛逼」動畫 
4)  可以通過更新遠端JS,直接更新app
        缺點:
1)  前端的JavaScript用的語法是jsx,和JavaScript有一點的區別,介面佈局和CSS完全不一樣 
2)   關於推送、第三方(比如微信分享、登陸、支付)估計要自己來實現
Dcloud與reactNative之間比較:對流暢性要求不太高的,可以考慮MUI。開發速度快,成本低。對流暢性要求高的,推薦用reactNactive.

Ionic

一、  開發工具 不限
二、  框架  基於AngularJS 一起開發。互動介面,有很多迷人的功能,包括整合的模擬器基於Cordova 的 app 打包器。
三、  文件地址 http://ionicframework.com/docs/v2/api/components/button/Button/ 目前有版本1、版本2之分
四、  優缺點
優點
1)  追求效能 執行速度快 
2)  輕量級框架
3)  基於 Angularjs,支援 Angularjs的特性, MVC ,程式碼易維護
4)  通過 SASS 構建應用程式。它提供了很多 UI 元件來幫助開發者開發強大的應用。
5)  接近原生。
6)  強大的命令列工具
7)  可利用成熟javascript框架。如:Ext js、jQuery。
        缺點:
1)  Ionic是一個前段框架。不能完全取代PhoneGap和JavaScript框架的作用
2)  需要結合外掛使用

phoneGap

一、  開發工具 市場上比較多 phoneGap桌面開發工具
二、  框架 PhoneGap是一個用基於HTML,CSS和JavaScript的,建立移動跨平臺移動應用程式的快速開發平臺。它使開發者能夠利用IOS,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智慧手機的核心功能——包括地理定位,加速器,聯絡人,聲音和振動等,此外PhoneGap擁有豐富的外掛,可以呼叫。
三、  文件地址 http://phonegap.com/
四、  優缺點
優點:
1)  可跨平臺。phonegap框架幫我們解決了差異性,javascript與平臺系統的連線由phonegap框架完成。成為連線移動終端的介面卡,或者說中介軟體。
2)  提供硬體訪問控制。可呼叫加速計、攝像頭、羅盤、通訊錄、文件、地理定位、媒體、網路、通知(警告、聲音和振動)、儲存。
3)  可利用成熟javascript框架。如:Ext js、jQuery。
        缺點
1)  效能差。執行速度慢,UI反應延時——這是個致命傷。(高階機影響不大)
2)  不能完全跨平臺。不同平臺程式碼需要微調。
3)  記憶體消耗大。
4)  除錯難度大。