微信小程序开发中遇到的坑

news/2024/7/20 3:38:49 标签: 微信小程序, 小程序

目录

1、clearInterval不起作用

2、设置background: linear-gradient(180deg, #FCF8F5 0%, #FCF8F5 99.9%, transparent 100%);解决元素底部有黑线的问题。但是在ios中不起作用。

3、wx.createAnimation,设置的动画只能执行一次

4、swiper在苹果手机上显示不全(打开就这样),安卓手机也会出现这种情况(反复操作后),如图

5、小程序>微信小程序跳转报错errMsg: “navigateTo:fail webview count limit exceed“(反复操作页面时出现)

6、ios和安卓时间计算不兼容问题


1、clearInterval不起作用

原因:创建了重复的定时器

解决方案:在创建定时器前先进行清空

2、设置background: linear-gradient(180deg, #FCF8F5 0%, #FCF8F5 99.9%, transparent 100%);解决元素底部有黑线的问题。但是在ios中不起作用。

原因:ios不兼容

解决方案:background: linear-gradient(180deg, #FCF8F5 0%, #FCF8F5 99.9%, rgba(255,255,255,0) 100%);

3、wx.createAnimation,设置的动画只能执行一次

原因:动画只执行有差值的动画

解决方案:执行完一次动画后,过几秒在回归到初始状态即可

let animation = wx.createAnimation({
    duration: 2000,
    timingFunction: 'ease',
    delay: 0,
    transformOrigin: 'center center 0',
})
animation.opacity(0.5).rotate(360).step({
    duration: 3000
})
setTimeout(() => {
    animation.rotate(0).opacity(1).step({
       duration: 10
    })
}, 2000);

4、swiper在苹果手机上显示不全(打开就这样),安卓手机也会出现这种情况(反复操作后),如图

原因:swiper和swiper-item加了行内样式

解决方案:去掉行内样式

5、小程序>微信小程序跳转报错errMsg: “navigateTo:fail webview count limit exceed“(反复操作页面时出现)

原因:wx.navigateTo以及 < navigator >组件实现页面跳转,最多只能是五层。当页面路径大于五层,超出了限制,则会报错。

 解决方案:使用wx.redirectTo

6、ios和安卓时间计算不兼容问题

原因:iOS只支持2020/01/01 这种日期格式,不支持2020-01-01这样的格式

解决方案:判断手机系统,如果是ios的就吧时间转换为2020/01/01这种格式

let platform;
wx.getSystemInfo({
   success: function (res) {
      platform = res.platform
   }
});
this.platform = platform

let inDate = 2023-06-06
if (this.platform == 'ios') {
    inDate = inDate.replace(/-/g, '/')
}


http://www.niftyadmin.cn/n/405259.html

相关文章

【HR专用】Vue+SpringBoot,实现人才招聘库的开发(后端部分)

人才招聘库是企业用于储存和管理潜在候选人信息的数据库。通常情况下&#xff0c;这些候选人可能已经应聘过公司的职位&#xff0c;也可能是通过其他途径获取的&#xff0c;例如社交网络、招聘网站等。 对于一个中小公司来说&#xff0c;人力资源部绝对是一个重要部门&#xff…

linux和windows爬虫有什么区别

Linux和Windows作为操作系统对于爬虫的差异不是特别大&#xff0c;因为两个操作系统同时都可以用于编写运行爬虫的程序。 主要的差异可能源于开发工具和环境的差异。Linux上通常使用命令行工具来编写和运行爬虫程序&#xff0c;而Windows则更加倾向于使用图形化界面的编程软件…

导航【FPGA模型机课程设计】

导航【FPGA模型机课程设计】 前言推荐导航附录最后 前言 2023-5-22 以下内容源自《创作模板三》 仅供学习交流使用 推荐 0集中实践环节计划书【FPGA模型机课程设计】 导航 1FPGA模型计算机整体方案设计【FPGA模型机课程设计】 2模型计算机各功能电路设计【FPGA模型机课程…

每日三问-前端(第十七期)

先来回顾一下上期的问题及答案&#xff1a; 2023年6月6日 1. if(a 1 && a 2 && a 3) 可能为 true吗&#xff1f; 可以&#xff0c;通过自定义对象的属性访问器&#xff08;getter&#xff09;可以实现。以下是一种可能的解决方案&#xff1a; let a {value…

集成电路(芯片)中VCC、VDD、VSS、GND和AGND等概念

IC芯片 Integrated Circuit Chip 即集成电路芯片&#xff0c;是将大量的微电子元器件(晶体管、电阻、电容、二极管等) 形成的集成电路放在一块塑基上&#xff0c;做成一块芯片。目前几乎所有看到的芯片&#xff0c;都可以叫做 IC芯片 。 SOP与DIP SOP(Small Outline Package…

AI时代的三类人:探索掌握AIGC,引领未来的人才之路

&#xff08;本文阅读时间&#xff1a;6 分钟&#xff09; 1 AI时代&#xff1a;ChatGPT引领AIGC技术革命 对于那些热衷于探索新技术的小伙伴而言&#xff0c;ChatGPT早已超越了抽象的概念&#xff0c;我们对其能力已有所了解。那么&#xff0c;ChatGPT究竟能够做些什么呢&…

互联网摸鱼日报(2023-06-07)

互联网摸鱼日报(2023-06-07) InfoQ 热门话题 解决真实工业场景痛点问题&#xff0c;工业互联网技术产业应用走向深水区 百度智能云推出代码助手Comate&#xff0c;覆盖30种编程语言&#xff0c;正式开放邀测 FATE-LLM新版本发布&#xff0c;支持中文大语言模型ChatGLM-6B联邦…

加速5G部署,到底该怎么做?

今天&#xff0c;第31届中国国际信息通信展&#xff08;PT展&#xff09;在北京国家会议中心圆满落幕。 这次通信展&#xff0c;在举办日期上有着特殊的意义。因为&#xff0c;今年的6月6日&#xff0c;正好是国内5G牌照正式发放的四周年纪念日。而且&#xff0c;去年大概这个时…