uni app微信小程序开发,提前阅读(一定要看,以免踩坑)
小程序开发
浏览:937 次

这是一个纯粹实用的小程序新手指南。开发中需要注意的点(都是经验)必须满足开发中的疑虑。需要5分钟才能换来几个小时的效率。记录一些官方文件中未发现的坑。
1、 <;/uni popup>组件设置的全屏覆盖
将宽度和高度设置为100%是无用的
您需要在其中添加一层视图,并将相应的宽度和高度分别设置为vw和vh
.wrap_测试{
宽度:100vw;
高度:100vh;
}
样式>
2.宽度。onNetworkStatusChange,uni。onNetworkStatusChange网络状态监视不起作用
1.此方法只能在手机上验证,不能在小程序开发工具上验证
2.此方法只能在onLoad方法中编写,而不能在mounted方法中编写
拼写错误❌
已安装(){
uni。onNetworkStatusChange(函数(res){
安慰日志('nNetworkStatusChange',res);
});
},
正确的书写✔, 你可以在手机上看到打开和关闭数据以及切换wifi连接的效果
onLoad(数据){
wx。onNetworkStatusChange((res)=>{
安慰日志(“res”,res);
});
},
3.接口请求写在哪里?(即,返回页面而不刷新)
1.可以在onShow、onLoad、created或mounted中编写
但是:最好写在节目中

原因:在许多情况下,页面数据需要在跳转后刷新。因为onshow是在通过uni NavigateTo显示页面时触发的,所以不会破坏页面,当页面返回时也不会触发页面的onLoad。例如,通过导航栏返回按钮图标或uni当navigateTo跳转到指定页面并需要刷新页面数据时,一旦页面显示,onShow将请求。
2.如果我需要通过onLoad参数发送请求,该怎么办?
onLoad(数据){
这prePageParams=数据;//首先保存参数
},
显示(){
this.fetch(this.prePageParams);//然后获取启动请求的参数
},
4.uni app微信小程序的边距底部无效(只有ios系统无效)
蓝色区域为位置:固定。(因此,ios上的margin bottom设置将无效。)
图中的图片需要远离底部,不能被蓝色部分覆盖。我写了页边空白。在模拟器和Android手机上可以,但在IOS系统上不行。
在Android模型和模拟器上有效
如果是真手机,ios手机会出现此问题,导致图片被覆盖(此图显示了ios上的故障示例)
解决方案:在底部添加空白视图以设置高度
5.微信小程序按钮根据数组长度判断禁用无效(数组长度===0无效)
例子:
向选定键输入数据时,该按钮被禁用。push()。
签名
按钮>
此写入方法无效。这是微信小程序中的一个bug
虽然按钮组件由uni app提供,但当小程序运行时,它将成为小程序的按钮。
微信开放社区也有同样的问题,官方回复是:
结算条款:
1.直接使用长度(推荐)
签名
按钮>
2.通过计算
签名

按钮>
//以vue计算
计算:{
测试(){
return this.selectedKeys。长度===0;
},
},
6.无法动态引入javascript脚本
不能像web端那样编写脚本标记,因为它不支持动态加载