热点资讯
uni-app开荒微信小法度遭受的部分踩坑实战
发布日期：2024-07-16 13:39 点击次数：190
记载一些官方文档莫得的踩坑点。
一、组件成立全屏袒护成立宽度和高度100%是没用的需要在内部加成立一层view，况且成立对应宽高阔别为vw和vh
二、wx.onNetworkStatusChange、uni.onNetworkStatusChange收罗情状监听不成效问题1、该法度只可在手机上进行考证能力成效，小法度开荒用具上头不成效2、该法度只可写在onLoad法度内部，写在mounted法度不成效
失实写法❌
正确写法✔，手机上通达关闭数据、切换wifi汇集都不错看得到恶果
三、接口苦求写在那里好？（即复返页面不刷新问题） 1、不错写在onShow、onLoad、created、mounted可是：写在onShow内部最佳✔
原因：在很厚情况下跳转后都需要刷新页面数据。因为onshow是在页面展示技术触发，通过uni.navigateTo不会捐躯页面，复返技术页面的onLoad不会触发。
举例：通过导航栏复返按钮图标梗概uni.navigateTo跳转到指定页面需要刷新页面数据技术，onShow只须页面展示了就会苦求。
2、需要通过onLoad的参数来发起苦求若何办？ 四、uni-app微信小法度margin-bottom失效（有且唯有ios系统上是失效的）蓝色的区域是position:fixed。（因为写了这个，会导致ios上成立margin-bottom失效无效）图中图片需要距离底部，不可被蓝色部分遮住，我写了margin-bottom，在模拟器上以及安卓手机是不错的，可是ios系统会不行。
安卓机型没问题：
要是是真机上，ios手机就会出现这种问题，导致图片被遮住（这张图演示ios上失效的示例）：
科罚宗旨✔：在底部加多一个空缺的view成立高度即可
失实写法❌
给selectedKeys.push()进数据的技术按钮还是禁用的。失效截图：
这种写法是无效的，是微信小法度的一个bug天然button的组件是由uni-app提供的，在由小法度启动技术，会转为小法度的button。
微信开放社区，有个相通的提问，官方回报：
科罚宗旨，正确写法✔：
1、径直使用length即可（推选）
2、通过computed计较属性
六、无法动态引入javascript剧本不可像web端一样写script标签引入，因为不复旧动态加载这种方式 引入，无法科罚，你只需要知谈即可。
七、swiper无法动态成立circular若何办？和问题5有点肖似，科罚宗旨一样使用computed
八、IOS苹果手机上时辰体式化失实走漏Invalid Date只在真机IOS上头才会出现，小法度模拟器上的ios是不会出现的，原因是因为时辰体式只须带有-象征就会（但有个ios机型却不会出错，我用苹果11测试会出现Invalid Date）。有几种情况，举例：
1、new Date('2022-01-05')这么写，会出错，形成Invalid Date
2、后端复返这种时辰体式：2022-01-05T11:24:04.000+0800，要是使用dayjs体式化dayjs(2022-01-05T11:24:04.000+0800).format( 'MM/DD HH:mm')会相似走漏失实。
科罚宗旨✔(三种)：
1、平素的时辰体式径直replace掉
2、使用moment时辰体式化（过失是它比拟大这个包）
3、要是针对后端复返的阿谁体式：2022-01-05T11:24:04.000+0800，还思使用dayjs（它包特别小，小法度上头很实用），需要我方调节替换下象征'-'
九、px和rpx相加计较不准确问题（吸顶恶果的达成在不同机型存在漏洞错误问题）什么技术会碰到这个问题？当需要吸顶恶果，况且，头部是自界说的头部。我用的是在uniapp组件库下载的一个叫作念zhouWei-naeBar的组件，用于自界说头部（这个组件在源码内部写了 92rpx 的高度，记取这是前提）。
吸顶的top高度 = 自界说头部的高度 + 不同机型的刘海高度。
小程序开发
是以上图吸顶（圈起来的红色）top值就为：
可是由于小法度获得到的刘海高度是以px像素为单元的，软件开发这就很恶运！会形成
这么计较出来的单元是不一致的，通过不同的dpr计较也不行，不同机型会有吸顶漏洞的问题。
科罚宗旨✔：使用calc动态计较
十、遭受checkbox、radio组件形式成立问题这个很坑，它们是原生的组件，修改形式只可在app.vue内部修改，当今只知谈这一种科罚宗旨。要是你的UI给的图比拟非凡，用css写比拟贫苦，推选使用图片代替，请看底下示例+恶果图。
正确成立✔：在App.vue文献里成立
test.vue文献（这里假定你使用checkbox梗概radio的组件）：
App.vue文献（这里成立）：
指示：无谓引入形式，全局成立刷新径直成效.custom-checkbox用于包裹你的组件，只须那里使用径直包裹就不错成效形式全局通用。
十一、uni-popup遮罩层组件下页面会改造问题当通达遮罩层技术，去滑动底层页面，底层页面会改造。可是咱们不思要这种恶果，需要优化它。改造问题示例：
科罚宗旨✔：
需要给uni-popup加一层view，给他成立高度，贯注需要在弹窗通达技术成立高度（不然会导致底层的页面高度有问题），况且再给它加多劳苦冒泡事件：
贯注：需要在手机上稽查考证恶果，因为改完后小法度模拟器上考证一样会有问题。
十二、text-align:end 在真机上失效问题思要输入框的翰墨靠右对都，要是写text-align:end模拟器上是莫得问题，可是真机上输入翰墨技术会跳到左边：
❌失实写法，举例：
✔正确写法：
这么就能一靠右走漏，况且输入技术位置也在右边
十二、输入框光标在真机无效（input输入框, type="text"类型）场景：使用uni-easyinput组件，举例模拟器上成立光标面目为蓝色不错成效：
但在真机上type为text类型成立光标面目会失效（当今还是无解）
要是类型为textarea真机和模拟器是都不错的。
0路号码分析：上期走势一般，出现7个：21、27、33、42、63、69、78，最近10期0路号码出现72个，走势总体较热，其中冷温热期数比为0：9：1，0路号码大小个数比为41：31，大号表现明显较热，0路号码奇偶比为34：38，偶数号码表现活跃，对比上期，本期看好0路号码个数增加，走势大热，参考9个：06、12、18、24、36、42、51、57、66。
福彩快乐8第2024175期(上周三)开奖回顾：07 09 12 15 17 19 32 33 40 47 48 49 55 58 62 65 66 69 70 73，其中奖号四区比为6：3：5：6奇偶比为12：8。
十三、Promise.allSettled()法度在部分IOS机型上无效场景：使用Promise.allSettled并发苦求接口，出现报错：Promise.allSettled is not a function
出现兼容性问题机型：
科罚宗旨✔：使用Promise.all替代最快
十四、uni.uploadFile上传文献接口报错fail法度不触提问题贯注： 这个失实法度触发的时机是收罗层出错才触发，而不是接口层面的出错触发
细致到此这篇对于uni-app开荒微信小法度遭受踩坑的著述就先容到这了软件定制开发,更多联系uni-app开荒微信小法度踩坑本色请搜索剧本之家昔日的著述或不绝浏览底下的联系著述但愿群众以后多多复旧剧本之家！