1.uni-app配套UI框架:
開始覺得graceUI 挺適合要求的,多端通用,可惜是收費的,然后在uni-app插件市場發現colorUI 可以用,基本滿足需求開發,重要的是免費,果斷選擇colorUI
2.自定義navigationBar
uni.getSystemInfo()在微信上顯示正常,支付寶因為異步獲取不到值,這里使用同步處理uni.getSystemInfoSync();
3.支付寶title中的點擊事件不生效,是因為title區域設置了pointer-events: none;
4.關於upx換算
1px=2upx(設計稿 1px / 設計稿基准寬度 = 框架樣式 1upx / 750upx) 注:我們使用的設計稿基准寬度為375px
5.scss支持
uni-app原生支持sass, 新建uni.scss文件,定義變量,全局有效
6.配套UI框架
使用uView: https://www.uviewui.com/guide/note.html
7.vue-router解決方案
在插件市場搜索”路由、攔截、最優雅解決方案“
8.vuex解決方案
https://www.jianshu.com/p/63980716cd47
https://www.cnblogs.com/edward-life/p/11181139.html
9.組件中無法使用應用生命周期函數(onShow、onHide等),需要使用vue聲明周期函數
10.分支合並命令:
git checkout dev-others
git pull
git checkout dev-self
git merge dev-others
git pull
(如果有沖突,解決沖突后執行下面命令)
git add ./
git commit -m ' '
git push
11.文字內容超出后顯示省略號:
// 單行
.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
// 多行
.text-overflow {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
12.使用 uni.getLocation(OBJECT) 獲取位置信息需要在manifest.json 中配置位置接口為開啟
13.pointer-events: none;設置所有點擊事件不生效
14.圖片需要指定縮放方式,同時適配支付寶和微信小程序
15. 支付寶自定義組件,需要在 IDE 中的 詳情 > 項目配置 中,勾選 啟用 component2 編譯 。
16.自 HBuilderX 2.2.3版本后,uni-app項目在發布時會默認啟用 uni統計,開發者可在https://tongji.dcloud.net.cn查看數據報表
17.之前為了減小主包的大小,將組件放在分包中,結果發現,支付寶小程序中組件必須放在主包中才能訪問。
18.減少圖片請求的兩種處理方法:
a.將固定不變的圖片進行雪碧圖壓縮處理,只用請求一次,就可以得到大量圖片
b.將小圖片制作成font-face字體,字體庫使用鏈接,也可以達到請求一次得到所有小圖標的效果
19.解決IOS列表滑動不流暢的問題,給滑動區域的標簽加-webkit-overflow-scrolling: touch;屬性
20.使用雪碧圖后,微信小程序可以使用<image>標簽顯示雪碧圖圖片,But支付寶小程序不能使用必須使用view標簽來顯示。
21.分包和主包不能放同一個目錄下,需要分開和小程序結構一樣。
22.ios不支持2019-04-11這樣的格式 要改成2019/04/11 這樣的; new Date(date).getTime()在蘋果手機上是不兼容的。解決方法: new Date(data.replace(/-/g,'/')).getTime()
