HBuilder開發App教程

2021-07-10 17:56:20 字數 1172 閱讀 7885

眾所周知,自從js有nodejs後,前端人員可以華麗的轉身,去開發高併發非阻塞的服務端程式,

不過大部分是收費的,強定製的,這裡就不一一枚舉了。

這裡推薦dcloud推出的hbuilder,一句話誰用誰知道。

通過hbuilder的雲端打包技術(也可以放到本地),

無論是bootstrap還是amazeui,還是jquery mobi(phonegap推薦ui),

還是hbuilder推薦的mui都可以,

這裡建議使用hbuilder推薦的mui,

因為封裝了一部分nativejs的東西,

而且hbuilder也封裝了mui的快捷鍵,使用起來很方便。

大概原理如下:

[js]view plain

copy

qiao.ng.toast = 

function

(msg)else

, false

);  

}  // for androidif(

typeof

android != 

'undefined'

)  };  

也就是封裝了js呼叫android和ios的方法,

據hbuilder官網說法是封裝了40w+的原生方法,

總結一下,就是js去呼叫android或iso中的原生方法。

dcloud是一家公司

所以熟悉eclipse或者myeclipse的開發人員可以很快的上手。

類似ide,有phonegap等等。

類似框架有:bootstrap,amazeui,jquery mobi, framework7等

廣義上的nativejs是指可以呼叫android,ios原生方法的js,

這裡專指dcloud退出的nativejs,官方稱封裝40w方法。

相關參與的機構有很多,但是感覺主力還是dcloud

1.html5+:

2.hbuilder:

3.mui:

4.nativejs:docs/api/

5.bootstrap(國內):

6.amazeui:

7.jquery mobi:

8.framework7(類ios):

9.material-ui(android):

更多學習筆記:

hbuilder打包app基本流程

宣告 本文可能用到一些工具和第三方 都是為了達到目的而使用的工具,絕不含有廣告成分 基本設定 空模板結構 3.引入.推薦引入打包好的 直接將整個包引入.原來的空模板中的檔案除了 unpackage 和 manifest.json 都可以刪除.然後將打包好的 放入就行 右鍵test,然後開啟檔案所在位...

關於HBuilder打包vue專案 app返回問題

我用的是需要mui.js版本的 再模擬執行的時候可以按手機的返回鍵返回上一級,但是不能按兩次後退出,提示 typeerror cannot read property canback of undefined 後來看文件發現如果引入mui.js的話,就需要重寫back方法,因為muil.back 裡...

HBuilder設定APP狀態列

一 前言 圖例 二 狀態列狀態型別 預設變色 設定顏色 透明 沉浸式 消失 全屏 三 狀態列變色 1.效果如圖 2.根據色調設定狀態列文字顏色,文字顏色只提供兩種值 light 白色 dark 黑色 3.設定標題欄背景顏色 4.設定狀態列背景顏色,顏色值為16進製制 示例 1 link href c...