uni-app開發常見問題


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()

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM