uniapp踩坑记录_uniapp坑-程序员宅基地

技术标签: 微信  小程序  

来自同事和自己的一些踩坑记录:

1、页面生命周期onLoad和onInit函数无法使用async await。

2、uni-app主题色改变功能只能使用css变量,无法使用scss变量,且绑定根元素样式中不能直接绑定整个对象,必须把每一个选项列出来。在使用时要用横杠不能用驼峰

3、每个页面组件最外层都要包一层view,不然在高度计算时会出现问题。

4、拆分引用组件时,引用路径一定要完整引用到.vue,无法用index.ts/index.js。编译之后小程序会报组件引用不到的错误。

5、微信小程序websocket地址需要把wss写成wxs。

6、uniapp的组件要设置position: sticky必须得把组件外面包一层view即给定一个明确父级才能生效。

7、scroll-view中子元素无法基于该父元素绝对定位,必须包一层或者提到外面同级进行定位。

8、样式深度选择器需要加上一个配置才会起作用

//@ts-ignore
@Component({
options: { styleIsolation: ‘shared’ },
})
export default class demo extends Vue {}

ts中还得加上忽略检查,因为官方类型声明不全

9、uniapp开发微信小程序中,input输入框偶尔会出现v-model绑定的值已经清空,但是视图不更新,解决办法,使用 s e t , 并 包 一 层 set,并包一层 setnextTick,缺一不可。

10、ios的微信小程序输入框要键盘完全弹起才会触发focus事件,如果还没弹起来就点击了空白处失焦,会先触发blur事件,意思就是聚焦事件还没出发,失焦事件先触发了,解决方案,给input加个click事件,绑定focus变量控制获取焦点

11、微信小程序没有dom API,自定义了选取页面节点的API,在操作结尾要加上exec()去执行操作,且只能在最后的操作上加,内嵌会引起循环,导致不停的获取。

12、mqtt版本修改为4.1.0,微信小程序安卓真机解释器的Bug,它把host+port作为Host,能发出有效访问请求才怪。开发工具跟iOS真机解释器就没有这个问题,所以都能正确访问。且mqtt只能使用4.1.0,最新版也有问题

13、微信小程序安卓输入框在绑定focus变量之后且手动在点击时设置为true,输入文字,placeholder不会消失。

14、微信小程序scroll-view使用下拉刷新组件,必须先给定一个初始固定高度值,calc也不行,后续可以动态赋值。

15、小程序直播流使用flv会出现音画不同步。

16、在uni-ui的popup中使用输入框、文本域时,会出现样式问题。

17、在弹窗中,overflow会出现问题,设置滚动无效,无论是自己写的弹窗还是uni-ui的弹窗,只能用scroll-view去滚动。

18、使用mqtt时,在微信开发者工具中不会显示心跳包,设置keepalive(不是驼峰)之后会一直保持连接

19、scroll-view组件在自定义下拉刷新时,通过refresher-triggered来控制加载状态的显示隐藏,但实际使用时会遇到问题,下拉刷新执行事件直接将refresher-triggered绑定的值改为false不会关闭加载状态
解决方案:刚开始如果refresher-triggered在data里为false,则要先将它变为true

20、uniapp的input标签 type="number"在移动端打开键盘不能输入小数点,type得改成digit

21、input包裹的view上动态添加class,input会自动失焦

22、video组件使用v-show时会导致进度条丢失

23、输入框在聚焦失焦时动态改变长度,会导致焦点和placeholder有问题,解决办法,动态赋予焦点focus为true时,加个延时0.1s

24、ios小屏幕微信小程序计算高度会包含顶部刘海,大屏则不会

25、scroll-view外层也有滚动的时候,滚动到底部,偶尔会出现滚动到底部事件不生效。

26、在使用pop组件时,要在最外层添加浮动,并加上z-index,不然渲染层级会有问题。

27、微信小程序原生组件camera、canvas、input(仅在focus时表现为原生组件)、live-player、live、pusher、map、textarea、video的层级是最高的,页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。解决方式可以通过cover-view或者自己重新写失焦后的展示标签(注意23条,否则Ios第一次会无法聚焦)

28、分享onShareAppMessage函数只能在页面触发,组件按钮分享传值可通过data-set方式传递信息

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/u014636613/article/details/120594621

智能推荐

18个顶级人工智能平台-程序员宅基地

文章浏览阅读1w次,点赞2次,收藏27次。来源:机器人小妹  很多时候企业拥有重复,乏味且困难的工作流程,这些流程往往会减慢生产速度并增加运营成本。为了降低生产成本,企业别无选择,只能自动化某些功能以降低生产成本。  通过数字化..._人工智能平台

electron热加载_electron-reloader-程序员宅基地

文章浏览阅读2.2k次。热加载能够在每次保存修改的代码后自动刷新 electron 应用界面,而不必每次去手动操作重新运行,这极大的提升了开发效率。安装 electron 热加载插件热加载虽然很方便,但是不是每个 electron 项目必须的,所以想要舒服的开发 electron 就只能给 electron 项目单独的安装热加载插件[electron-reloader]:// 在项目的根目录下安装 electron-reloader,国内建议使用 cnpm 代替 npmnpm install electron-relo._electron-reloader

android 11.0 去掉recovery模式UI页面的选项_android recovery 删除 部分菜单-程序员宅基地

文章浏览阅读942次。在11.0 进行定制化开发,会根据需要去掉recovery模式的一些选项 就是在device.cpp去掉一些选项就可以了。_android recovery 删除 部分菜单

mnn linux编译_mnn 编译linux-程序员宅基地

文章浏览阅读3.7k次。https://www.yuque.com/mnn/cn/cvrt_linux_mac基础依赖这些依赖是无关编译选项的基础编译依赖• cmake(3.10 以上)• protobuf (3.0 以上)• 指protobuf库以及protobuf编译器。版本号使用 protoc --version 打印出来。• 在某些Linux发行版上这两个包是分开发布的,需要手动安装• Ubuntu需要分别安装 libprotobuf-dev 以及 protobuf-compiler 两个包•..._mnn 编译linux

利用CSS3制作淡入淡出动画效果_css3入场效果淡入淡出-程序员宅基地

文章浏览阅读1.8k次。CSS3新增动画属性“@-webkit-keyframes”,从字面就可以看出其含义——关键帧,这与Flash中的含义一致。利用CSS3制作动画效果其原理与Flash一样,我们需要定义关键帧处的状态效果,由CSS3来驱动产生动画效果。下面讲解一下如何利用CSS3制作淡入淡出的动画效果。具体实例可参考刚进入本站时的淡入效果。1. 定义动画,名称为fadeIn@-webkit-keyf_css3入场效果淡入淡出

计算机软件又必须包括什么,计算机系统应包括硬件和软件两个子系统,硬件和软件又必须依次分别包括______?...-程序员宅基地

文章浏览阅读2.8k次。计算机系统应包括硬件和软件两个子系统,硬件和软件又必须依次分别包括中央处理器和系统软件。按人的要求接收和存储信息,自动进行数据处理和计算,并输出结果信息的机器系统。计算机是脑力的延伸和扩充,是近代科学的重大成就之一。计算机系统由硬件(子)系统和软件(子)系统组成。前者是借助电、磁、光、机械等原理构成的各种物理部件的有机组合,是系统赖以工作的实体。后者是各种程序和文件,用于指挥全系统按指定的要求进行..._计算机系统包括硬件系统和软件系统 软件又必须包括

随便推点

进程调度(一)——FIFO算法_进程调度fifo算法代码-程序员宅基地

文章浏览阅读7.9k次,点赞3次,收藏22次。一 定义这是最早出现的置换算法。该算法总是淘汰最先进入内存的页面,即选择在内存中驻留时间最久的页面予以淘汰。该算法实现简单,只需把一个进程已调入内存的页面,按先后次序链接成一个队列,并设置一个指针,称为替换指针,使它总是指向最老的页面。但该算法与进程实际运行的规律不相适应,因为在进程中,有些页面经常被访问,比如,含有全局变量、常用函数、例程等的页面,FIFO 算法并不能保证这些页面不被淘汰。这里,我_进程调度fifo算法代码

mysql rownum写法_mysql应用之类似oracle rownum写法-程序员宅基地

文章浏览阅读133次。rownum是oracle才有的写法,rownum在oracle中可以用于取第一条数据,或者批量写数据时限定批量写的数量等mysql取第一条数据写法SELECT * FROM t order by id LIMIT 1;oracle取第一条数据写法SELECT * FROM t where rownum =1 order by id;ok,上面是mysql和oracle取第一条数据的写法对比,不过..._mysql 替换@rownum的写法

eclipse安装教程_ecjelm-程序员宅基地

文章浏览阅读790次,点赞3次,收藏4次。官网下载下载链接:http://www.eclipse.org/downloads/点击Download下载完成后双击运行我选择第2个,看自己需要(我选择企业级应用,如果只是单纯学习java选第一个就行)进入下一步后选择jre和安装路径修改jvm/jre的时候也可以选择本地的(点后面的文件夹进去),但是我们没有11版本的,所以还是用他的吧选择接受安装中安装过程中如果有其他界面弹出就点accept就行..._ecjelm

Linux常用网络命令_ifconfig 删除vlan-程序员宅基地

文章浏览阅读245次。原文链接:https://linux.cn/article-7801-1.htmlifconfigping <IP地址>:发送ICMP echo消息到某个主机traceroute <IP地址>:用于跟踪IP包的路由路由:netstat -r: 打印路由表route add :添加静态路由路径routed:控制动态路由的BSD守护程序。运行RIP路由协议gat..._ifconfig 删除vlan

redux_redux redis-程序员宅基地

文章浏览阅读224次。reduxredux里要求把数据都放在公共的存储区域叫store里面,组件中尽量少放数据,假如绿色的组件要给很多灰色的组件传值,绿色的组件只需要改变store里面对应的数据就行了,接着灰色的组件会自动感知到store里的数据发生了改变,store只要有变化,灰色的组件就会自动从store里重新取数据,这样绿色组件的数据就很方便的传到其它灰色组件里了。redux就是把公用的数据放在公共的区域去存..._redux redis

linux 解压zip大文件(解决乱码问题)_linux 7za解压中文乱码-程序员宅基地

文章浏览阅读2.2k次,点赞3次,收藏6次。unzip版本不支持4G以上的压缩包所以要使用p7zip:Linux一个高压缩率软件wget http://sourceforge.net/projects/p7zip/files/p7zip/9.20.1/p7zip_9.20.1_src_all.tar.bz2tar jxvf p7zip_9.20.1_src_all.tar.bz2cd p7zip_9.20.1make && make install 如果安装失败,看一下报错是不是因为没有下载gcc 和 gcc ++(p7_linux 7za解压中文乱码