鍍金池/ 問答/HTML5  網(wǎng)絡(luò)安全  HTML/ HBuilder+vue2+muse 開發(fā)hybrid app可以嗎，有什么問

HBuilder+vue2+muse 開發(fā)hybrid app可以嗎，有什么問題？

Hbuilder+mui 是一套官方推薦的混合開發(fā)組合；但是能不能換成下面的組合；性能會不會更好些？

說明：HBuilder這里指HBuilder公司出品的（html5plus Runtime，或者稱5+Runtime）

技術(shù)棧 主要功能
HBuilder 轉(zhuǎn)義JS,調(diào)用原生API
vue2 前端框架
muse 基于vue2的UI組件庫

html5開發(fā)app慢的原因我覺得有幾個原因：

  1. 靜態(tài)加載 ：渲染慢---- app中的webview沒有經(jīng)過優(yōu)化
  2. 動態(tài)加載：動畫，DOM操作----性能消耗大的

我認(rèn)為的解決辦法：

  1. 靜態(tài)加載：使用部分原生組件代替h5組件，Hbuilder(提示控件，日期選擇器，側(cè)滑效果…)

  2. 動態(tài)加載：

    使用html5plus調(diào)用原生動畫;
盡量CSS3動畫代替JS動畫; 
使用vue.js虛擬DOM，數(shù)據(jù)雙向綁定減少對DOM的操作

    上面的邏輯是否有什么問題，希望大神指教，目前好像沒看過hbuilder+vue2開發(fā)混合APP的案例；

回答
編輯回答
陪她鬧

個人認(rèn)為用js寫app總是有很多坑的...

如果樓主確定要用Hbuilder + Vue寫的話，也不是不可以，但僅僅是個demo或者是個小玩具

再者，使用什么UI框架不是問題

最后，Hbuilder并沒有很多Native方法可供選擇，簡單來說就是打包出來的app只是一個殼子套上web頁面

推薦RN Weex 或者Cordova之類的

2018年7月12日 02:01
編輯回答
墨染殤

印象中一般都是用的React Native或者angular+ionic+cordova吧。

2017年2月19日 07:27
編輯回答
互擼娃

可以用cordova + vue
這是我之前爬過的一些坑
https://segmentfault.com/a/11...

2018年9月20日 19:41
編輯回答
陌離殤

基本沒問題，我們公司的就是用這一套寫的

2017年2月6日 08:37