hcoder
uview-ui——偏向webvie渲染的UI框架
dnvue——只適用于nvue頁面APP（android/ios）
填坑之路
- 彈性布局在uni-app的scroll-view中默認(rèn)是垂直的软族； 改變flex-direction: row;
- 單位最好用rpx,upx有時(shí)嵌入式的style不支持
- 不支持 *選擇器
- 沒有body元素選擇器廉侧，改用page元素選擇器。（編譯到非H5時(shí)，編譯器會(huì)自動(dòng)處理搁宾。所以不改也行）
- 沒有在page.json注冊的頁面無法使用其生命周期
- 樣式綁定不支持方法
學(xué)習(xí)之路
- 新建一個(gè)項(xiàng)目時(shí)孵滞，當(dāng)前登陸的郵箱賬號(hào)即為當(dāng)前項(xiàng)目所歸屬的賬號(hào)漱挚。后期可以轉(zhuǎn)以該項(xiàng)目的所有者俭识。
-
uni-app項(xiàng)目中默認(rèn)內(nèi)置了Vuex，不用安裝兼都，直接使用即可
image.png - 路由問題可以使用兩種方式解決嫂沉，看我的另外一篇。
- 調(diào)用一些原生功能也可以直接使用plus(H5+)扮碧，uni-app內(nèi)可以直接使用 趟章，不用ready后
- 使用了微信登陸或者一些三方的東西，需要打包成自定義基座慎王，才可正常運(yùn)行
- vue項(xiàng)目也可以使用HubilderX 打包成app
- 使用iconfont;參考
- uni-app上線后熱更新：使用plus查看當(dāng)前的版本號(hào)尤揣，然后發(fā)送到后臺(tái)查詢最新版本，使用[uni.downloadFile(OBJECT)]柬祠，獲取從服務(wù)器拿到的最新版本路徑北戏，然后plus.runtime.install(路徑)。
- navigateTo快速點(diǎn)擊兩次漫蛔，會(huì)打開兩次嗜愈。替代方案redirectTo（關(guān)閉當(dāng)前頁面，打開某一）莽龟∪浼蓿或者使用防抖
- 微信支付需要自定義基座、以及在微信開放平臺(tái)申請應(yīng)用毯盈，配置包名剃毒、應(yīng)用簽名（隨機(jī)密碼生成器）、正確的訂單參數(shù)
- 生命周期執(zhí)行循序(最早執(zhí)行) onLoad>mouted>onReady
- 小程序分包
小程序端
- 部分vue不兼容搂赋，例如/deep/和scoped 在小程序端不生效
- 不支持window對(duì)象
nvue學(xué)習(xí)
1赘阀、在manifest.json>app-plus>設(shè)置"renderer":"native"啟用原生渲染。
在pages的首頁index頁面必須是nvue脑奠，vue頁面不再識(shí)別基公，其他vue組件將會(huì)被原生渲染。報(bào)錯(cuò)如下：
image.png
原因未知
2宋欺、只支持類選擇器轰豆，不支持背景圖片
3胰伍、開啟純原生渲染后，pages.json的vue文件不識(shí)別酸休。nvue和vue將在在手機(jī)端不可以跳轉(zhuǎn)
4骂租、條件編譯 APP-PLUS-NVUE
5、純原生渲染斑司，app端不會(huì)熱更新
6渗饮、nvue頁面中默認(rèn)是彈性布局，且默認(rèn)為垂直方向
7陡厘、無法給view中的文字加字體大小或者顏色等抽米，文字只能放在text組件內(nèi)
image.png
使用nvue和vue混用特占，不開啟原生渲染
- APP端口優(yōu)先使用nvue,H5優(yōu)先使用vue
-
推薦CSDN閱讀
2糙置、在使用nvue頁面布局時(shí)，文字要想在在圖片的上方顯示是目，除了加定位谤饭，還必須要文字在圖片的下一行寫；原因未知
HbuildX 使用技巧
1懊纳、HBuilder X 自定義注釋模板 https://ask.dcloud.net.cn/question/87114
{
// 注意：本文檔僅支持單行注釋揉抵，并且'//'前不能有任何非空字符！｀头琛冤今！
//
// HBuilderX使用json擴(kuò)展代碼塊，兼容vscode的代碼塊格式
// 本文檔修改完畢茂缚，保存即可生效戏罢，無需重啟。
// 本文檔用于用戶自定義vue代碼塊脚囊。
// 每個(gè)配置項(xiàng)的說明如下：
// "key" ：代碼塊顯示名稱龟糕，顯示在代碼助手列表中的名字，以下例子中"console.log"就是一個(gè)key悔耘。
// "prefix" ：代碼塊的觸發(fā)字符讲岁，就是敲什么字母匹配這個(gè)代碼塊。
// "body" ：代碼塊的內(nèi)容衬以。內(nèi)容中有如下特殊格式
// $1 表示代碼塊輸入后光標(biāo)的所在位置缓艳。如需要多光標(biāo)，就在多個(gè)地方配置$1,如該位置有預(yù)置數(shù)據(jù)看峻，則寫法是${1:foo1}郎任。多選項(xiàng)即下拉候選列表使用${1:foo1/foo2/foo3}
// $2 表示代碼塊輸入后再次按tab后光標(biāo)的切換位置tabstops（代碼塊展開后按tab可以跳到下一個(gè)tabstop）
// $0代表代碼塊輸入后最終光標(biāo)的所在位置（也可以按回車直接跳過去）。
// 雙引號(hào)使用\"轉(zhuǎn)義
// 換行使用多個(gè)數(shù)組表示备籽，每個(gè)行一個(gè)數(shù)組舶治，用雙引號(hào)包圍分井，并用逗號(hào)分隔
// 縮進(jìn)需要用\t表示，不能直接輸入縮進(jìn)霉猛！
// "triggerAssist" ：為true表示該代碼塊輸入到文檔后立即在第一個(gè)tabstop上觸發(fā)代碼提示尺锚，拉出代碼助手，默認(rèn)為false惜浅。
// 每個(gè)代碼塊以key為主鍵瘫辩，多個(gè)代碼塊需要逗號(hào)分隔。
// 如果json語法不合法坛悉，底部會(huì)彈出錯(cuò)誤信息伐厌，請注意修正。
// 例子:
"console.log": {
"prefix": "c",
"body": [
"console.log('$1');"
],
"triggerAssist": false,
"description": "Log output to console twice"
},
"method-annotation": {
"prefix": "cmd",
"body": [
"/*",
" @author:sy",
" @Description:$1",
" @createTime: $DATE_TIME",
" */"
],
"triggerAssist": true,
"description": "method annotation"
}
}
