使用uniapp開發的app/小程序需要注意:


1、小程序頂部沉浸式導航部分高度默認為128rpx;

2、小程序不支持div,標簽使用和uniapp一樣;

3、在hbuilder中開啟小程序運行,如果出現forceUpdate報錯,可能是因為微信小程序配置中的AppID沒有配置。

4、less用的語法是 @,scss用 的是$

5、在huilder中修改內容,設置什么實現自動保存?

 

6、怎么做才能在小程序中顯示頂部導航,在app中不顯示頂部導航?

 

 7、使用了margin-top后,出現了盒子塌陷的問題,如何解決?

答:給父盒子設置overflow:hidden

8、給盒子設置了background:url()后,圖片未完整顯示在指定區域,如何解決?

答:設置background-size:contain,使圖片內容完全展示出來

9、若盒子寬度為680px,高度為448px,現在設置了padding:40rpx 30rpx 0 30rpx,盒子超出指定區域,如何使padding的值不影響盒子被撐大?

答:設置box-sizing:border-box

10、通過token判斷是否用戶是登錄狀態時,其實不用寫if判斷語句,增加代碼量。可以通過下邊方式簡化 代碼:

11、組件中使用跳轉的API時,注意url寫的是根路徑(例:/pages/index/index)

 12、如何避開IOS底部安全區?     參考鏈接:https://ask.dcloud.net.cn/article/35564

(1)先在manifest.json配置文件中的app-plus節點下配置safearea

 

 (2)在需要避開安全區的頁面使用css常量constant(safe-area-inset-bottom)、env(safe-area-inset-bottom) 來適配

 13、在進行uniapp開發的時候,頁面的生命周期和組件的生命周期是不一樣的,組件生命周期按照vue標准組件的生命周期來,頁面生命周期不一樣,如下官網截圖:

 

 onInit注意:(1) 僅百度小程序基礎庫3.260以上支持onInit生命周期 (2)其他版本或平台可以同時使用 onLoad 生命周期進行兼容,注意避免重復執行相同邏輯(3)不依賴頁面傳參的邏輯可以直接使用 created 生命周期替代。

 14、使用swiper組件,一定要給高度 ,否則沒 效果。


免責聲明!

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



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