1、sticky:到達指定位置時，就停留在那里不動了。當發現可以走時，立馬就走了。
如果走不了就不會動了，就會一直在那里。
https://www.cnblogs.com/byeyear/p/11999334.html
設置了sticky定位的元素相對于第一個定位不為static的父級元素的位置，sticky的作用區域也是在該父級元素的內。也就是說粘性布局的效果只在該父元素內表現出來。
使用條件：
1、父元素不能overflow:hidden或者overflow:auto屬性。
2、必須指定top、bottom、left、right4個值之一，否則只會處于相對定位
3、父元素的高度不能低于sticky元素的高度
4、sticky元素僅在其父元素內生效

2、uniapp的image標簽的url為網絡圖片時，svg后綴的圖片不顯示，其他后綴的圖片顯示。

3、微信小程序和企業微信小程序打開的不是同一個。

微信小程序:
(1) 沒有殺掉小程序進程時，右上角收縮：啟動的地方再次點擊進來會有緩存，保持你剛剛使用的界面。
應用池點進來有緩存。
(2) 殺掉小程序進程：會重新啟動進onLoad。

企業微信小程序：
(1)沒有殺掉小程序進程時，右上角收縮：啟動的地方再次點擊進來不會有緩存，直接進入你設置的首頁的onShow，不會走onLoad。
應用池點進來有緩存。
(2)殺掉小程序進程：會重新啟動進onLoad。

微信和企業微信不共用同一個token緩存池。

4、uniapp小程序渲染大數據時：
(1)、一次性渲染過多數據會炸，所以有了上拉刷新。
(2)、但是就算一段一段的contact加載，總共數據過多最后還是會白屏。
解決方案：
1、始終加載手機屏幕滑動顯示的那一小段dom。
2、上拉到頂+下拉到頂都設置個事件，不斷請求然后剪切數據，始終就展示那400個，感覺不行，沒見過有人加載出來了的數據又重新加載的。
3、最簡單，分頁。

5、前端分頁一行代碼：
this.data＝this.allData.slice((pageNumber - 1) * pageSize, pageNumber * pageSize)

6、復制n個對象數組：

let a = Array(100).fill( {"loanCustId": "",//客戶姓名"loanCustName": "aaa","code": 0,"resultMessage": "","externalUserid": "","id": 0,//錯誤信息"message": "aaaa"})

7、跳轉路徑傳值時都編碼一下，不然item 里面有&等這種特殊字符，下個頁面onLoad里面拿到的值就會被不正確截斷。

uni.navigateTo({url:"/pages/customerProfile/detail?selected=" +encodeURIComponent(JSON.stringify(item)),});

8、uni.$on想要每次都生效，就得寫在onShow里面，寫在onLoad里面就只在load的時候會響應。

9、uni-easyinput重復給其v-model的變量賦同一個值，界面上最后都不展示這個值了。
解決方案是在輸入時先清空原來的值再設置一個定時器去再次更新。

this.inputVal = '';setTimeOut(_ => {this.inputVal = newVal; },0)

10、（1）不寫寬度，內容增多時會自動延長寬度，然后換行。
（2）寫了寬度，按道理也應該是這種效果，但是
如果是純字母或者是純數字就會出現超出了也不會自動換行的問題

使用word-wrap:break-word ;或者word-break:break-all;實現強制斷行.

有中文：

沒中文：

11、uniapp的button會自帶一個border邊框
去掉這個邊框設置button::after{ border: none;}

12、user agent stylesheet 瀏覽器默認樣式表，不能更改，不能在瀏覽器上進行修改看效果。
找準地方設置樣式覆蓋掉即可

13、調用接口最好的寫法：catch到的err是個Error對象，輸出其message即可，也可根據不同的name，進行不同的提示。https://zhidao.baidu.com/question/496439827900503804.html

this.$api.queryCustArchivesDetails({externalUserId:value.custMsg.externalUserId}).then((res) => {if (res.success) {} else {uni.showToast({icon: "none",title: res.message,});} }).catch((err) => {this.$log.info(err);uni.showToast({icon: "none",title: err.message,}); })

待解釋：uni.reLaunch后面的代碼還會執行嗎？uniapp 的sass不要scope 頁面隔離？

總結

以上是生活随笔為你收集整理的uniapp踩坑指南之坑多到写不完的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。