h5混合開發框架初識
阿新 • • 發佈:2019-02-09
混合開發框架比較
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) 除錯難度大。