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

待解释：uni.reLaunch后面的代码还会执行吗？uniapp 的sass不要scope 页面隔离？

uniapp踩坑指南之坑多到写不完相关推荐

iOS-通俗易懂的微信支付接入和爬坑指南，十分钟轻松搞完
现在基本所有的App都会接入支付宝支付以及微信支付,也有很多第三方提供给你 SDK帮你接入,但是这种涉及到支付的东西还是自己服务器搞来的好一些,其实搞懂了逻辑非常的简单,下面直接给大家说说下基本流 ...
Rust入坑指南：坑主驾到
欢迎大家和我一起入坑Rust,以后我就是坑主,我主要负责在前面挖坑,各位可以在上面看,有手痒的也可以和我一起挖.这个坑到底有多深?我也不知道,我是抱着有多深就挖多深的心态来的,下面我先跳了,各位请随意 ...
android手机屏幕共享神器踩坑指南
开源项目地址:https://github.com/Genymobile/scrcpy scrcpy,由 Genymobile 推出的可跨平台的.可自定义码率的.开源的屏幕共享工具.它提供了在 USB ...
python find函数_Python 装饰器填坑指南 | 最常见的报错信息、原因和解决方案
本文为霍格沃兹测试学院学员学习笔记,进阶学习文末加群. Python 装饰器简介装饰器(Decorator)是 Python 非常实用的一个语法糖功能.装饰器本质是一种返回值也是函数的函数,可以称之 ...
mac下编译android源码避坑指南（新）
截至目前mac环境下android源码编译最新避坑指南避坑方法配置(不说配置的都是耍流氓) 下载编译烧录注意事项避坑方法源码.SDK.机型版本一定要清楚,有些特殊的版本需要特殊的方法,官 ...
Rust入坑指南：核心概念
如果说前面的坑我们一直在用小铲子挖的话,那么今天的坑就是用挖掘机挖的. 今天要介绍的是Rust的一个核心概念:Ownership.全文将分为什么是Ownership以及Ownership的传递类型两部 ...
api 微信内置浏览器js_多端开发框架uni-app入坑指南，一套代码适用微信、头条等小程序...
前言 hello 小伙伴们,现在我已经正式入坑 uni-app 了.uni-app 已经发布好几个月了,期间也是踩坑无数,但是官方秉承着不抛弃不放弃的精神,积极解决开发者的各种简单的.复杂的问题,在此 ...
pytorch .item_从数据到模型，你可能需要1篇详实的pytorch踩坑指南
原创 · 作者 | Giant 学校 | 浙江大学研究方向 | 对话系统.text2sql 熟悉DL的朋友应该知道Tensorflow.Pytorch.Caffe这些成熟的框架,它们让广大AI爱好者 ...
MacBook通过XGP玩女神异闻录5皇家版不踩坑指南
XGP是微软Xbox游戏通行证服务,全称Xbox Game Pass,俗称西瓜皮. 女神异闻录5皇家版(P5R)登录了全平台,XGP会员可以通过云游戏在MacBook中游玩,本篇为MacBook玩P5 ...

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

uniapp踩坑指南之坑多到写不完相关推荐

最新文章

热门文章