uniapp踩坑指南之坑多到写不完

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,});
})