微信小程序开发bug经验总结(代码片段)

fundebug fundebug     2023-01-09     134

关键词:

摘要: 常见的微信小程序BUG!

小程序开发越来越热,开发中遇到各种各样的bug,在此总结了一些比较容易掉进去的坑分享给大家。

1. new Date跨平台兼容性问题

在Andriod使用new Date(“2018-05-30 00:00:00”)木有问题,但是在ios下面识别不出来。

因为IOS下面不能识别这种格式,需要用2018/05/30 00:00:00格式。可以使用正则表达式对做字符串替换,将短横替换为斜杠。var iosDate= date.replace(/-/g, ‘/‘);

2. wx.getUserInfo()接口更改问题

微信小程序最近被吐槽最多的一个更改,就是用户使用wx.getUserInfo(开发和体验版)时不会弹出授权,正式版不受影响。现在授权方式是需要引导用户点击一个授权按钮,然后再弹出授权。

解法很长,请参考:

3. 只有在调试模式下,才能发送数据到自己的正式服务器

其实,只要注意配置合法域名,这个问题就解决了。有的时候,因为一上来就开发,忘记掉去配置域名。后来发现数据没法出去,可能半天没想来忘记配置了!

4. 无法获取UnionID的问题

login获取UID必须满足两个条件:

  • 把小程序和公众号都绑定在开放平台
  • 用户必须已经关注公众号

用wx.getUserInfo获取满足一个条件:

  • 把小程序和公众号都绑定在开放平台

5. wx.getSystemInfoSync获取windowHeight不准确

主要原因在于获取是时机,wx.getSystemInfoSync是在页面初始化的时候就计算了,基本上可以理解为是屏幕高度。所以,最好的方法是使用异步接口,并且在onReady函数中调用。

onReady() 
  wx.getSystemInfo(
    success(windowHeight) 
      // todo
    
  );

6. 图片本地资源名称,尽量使用小写命名

在解决iPhone X适配时,底部多余部分使用图片时

<image class=‘iphonexImg‘ src="/imgs/iphoneBGT.png" mode="aspectFill">

路径是 src=‘imgs/iphoneBGT.png‘

发现在pc IDE上面可以显示出来,但是真机调试时,图片找不到,

然后将图片名称改为iphonex.png真机调试就可以了

<image class=‘iphonexImg‘ src="/imgs/iphonex.png" mode="aspectFill">

写在最后:代码总是有各种BUG,像上面列举的问题还是在开发中就可以发现。而代码上线以后呢,测试也不能保证100%没有问题。在这里,推荐Fundebug微信小程序BUG监控服务给各位老铁!

关于Fundebug

Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。 自从2016年双十一正式上线,Fundebug累计处理了7亿+错误事件,得到了Google、360、金山软件、百姓网等众多知名用户的认可。欢迎免费试用!

技术分享图片

版权声明

转载时请注明作者Fundebug以及本文地址:
https://blog.fundebug.com/2018/10/19/wechat-app-bugs/


微信小程序开发常见问题总结(代码片段)

        最近在做微信小程序开发,遇到了一些常见的问题,现总结一下。        1、text标签文字首行缩进。.testTexttext-indent:2em;        2、改变radio的默认大小。radiotransform:scale(0.6);       3、三目运算不起... 查看详情

微信小程序开发技巧总结(持续更新...)(代码片段)

小程序开发技巧总结结合自己在平时的开发中遇到的各种问题,和浏览各种问题的解决方案总结出一些自己在日常开发中常用的技巧和知点,希望各位不吝斧正。数据的生命周期1.短生命周期数据存储以小程序启动到彻底关闭为周... 查看详情

飞书小程序开发经验(代码片段)

...总结前序最近一段时间,由于工作需要,我先在微信小程序开发平台上开发了一套程序,但是由于微信小程序不能保证整体的数据流都封闭在内网里,因而决定转战飞书小程序,将整体的功能都迁移至飞书小... 查看详情

微信小程序开发02:项目开发总结(代码片段)

1.bilibili项目介绍通过原生的微信小程序来实现一个bilibili应用,来体验原生小程序魅力。2.技术铺垫html和css和JavaScript基本功部分es6微信小程序基础3.关键技术名称链接备注微信小程序开发文档官方文档4.成果5.接口地址公共路... 查看详情

微信小程序开发常见问题总结(代码片段)

        最近在做微信小程序开发,遇到了一些常见的问题,现总结一下。        1、text标签文字首行缩进。.testTexttext-indent:2em;        2、改变radio的默认大小。radiotransform:scale(0.6);       3、三目运算不起... 查看详情

微信小程序开发带来的思考(代码片段)

若无小程序开发经验,可先阅读 玩转微信小程序 一文。微信小程序正式上线已有几周时间,相信它的开发模式你已烂熟于胸,可能你也有所疑问,我竟能用web语言开发出如此流畅的几乎原生体验的应用。可能你... 查看详情

微信小程序开发基础「配置」与「逻辑层」(代码片段)

微信小程序作为微信生态重要的一环,在实际生活、工作、商业中的应用越来越广泛。想学习微信小程序开发的朋友也越来越多,本文将在小程序框架的基础上就微信小程序项目开发所必需的基础知识及语法特点进行了详细总结... 查看详情

河师大拼团项目总结2.0(代码片段)

目录微信小程序开发bug1、在微信开发者工具里运行微信小程序出现[app.json文件内容错误](app.json:app.json未找到)2、http://localhost:8000不在以下request合法域名列表中3、点击统计页面显示服务器异常4、Causedby:java.net.BindException:Addre... 查看详情

微信小程序开发知识点总结(代码片段)

微信小程序开发知识点总结微信小程序的目录结构1.外联公共样式的方法根据微信的官方文档,是支持@import的方式一如外联的公共样式的使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相... 查看详情

小程序开发经验总结

...程序的人提供一些思路方法,互相学习,共同进步。1、微信小程序的目录结构及配置说明app.json是小程序的全局配置文件,所有配置项key必须使用双引号括起来,value值为字符串类型的也必须使用双引号,不支持单引号。1.1pagespa... 查看详情

微信小程序开发后台开发详解,二维码生成,推送消息,微信支付(代码片段)

原文:https://blog.csdn.net/g8433373/article/details/80722001前言微信小程序已经是家喻户晓了,最近和同学一起刚上线了一款应用校园懒人邦,感兴趣的朋友可以搜索一下,一款基于校园最后一百米的概念开发的快递&外卖配... 查看详情

11.20小程序开发总结(代码片段)

小程序接口:1.getCurrentPages 获取页面前几个页面的所有app.js信息(太强了!!我竟然才知道)  用途:获取上个页面的函数来获取做数据交互,类似react父级给子级传参,函数等. 代码:varpages=getCurrentPages();varprevPage=pages[p... 查看详情

微信小程序开发总结(附源代码)(代码片段)

最近公司项目不是很忙,有时间研究研究微信小程序。参考了目前市场上各类答题类的app、小程序等等,做了一款自己的微信答题小程序,包括前端和后端,后端是用node做的。现在已经上线了,名字叫【你问我猜猜猜】,大家... 查看详情

微信小程序开发(代码片段)

创建自己的微信小程序开发账号1.首先登录微信公众平台https://mp.weixin.qq.com/点击注册账号,按照提示完成需要填写的信息,并登录2.进入开发(1)在首页的左边的导航栏中,找到开发中的开发工具,进入微... 查看详情

第一个mpvue小程序开发总结(代码片段)

前言说起小程序,其实在去年我都还只试着照着官方文档写过demo的,不过现在这家公司小程序做得比较多,我来之后也参与了几个小程序的开发了,最开始那几个是用的wepy,最近一个开始转用mpvue开发,最近这个项目终于上线... 查看详情

微信小程序开发上线注意事项(代码片段)

微信小程序开发上线注意事项记录微信小程序开发及上线过程中需要注意的一些事项。一、准备工作1.抢注小程序名称只要想好要开发小程序后,就应该立刻进行小程序账号和名称的注册。及时验证小程序名称是否符合要求&#... 查看详情

小程序开发实践总结(代码片段)

从微信发布小程序以来,各大公司纷纷跟进都想从微信这个流量池里捞一杯羹。我司也不例外,我们整个前端团队这半年来基本上都是在开发小程序。前前后后也开发了四五个小程序了。总觉得要留下点什么,既是记录那些年我... 查看详情

微信小程序开发(笔记)(代码片段)

微信小程序开发笔记一、微信小程序的结构1、初识小程序2、快捷键二、常用组件1.input组件2.button组件三、小程序中的函数1.函数的两种定义方法1.函数在本页面的调用2.带参函数2.js中的默认函数四、点击事件五、获取用户输入六... 查看详情