微信及企业微信小程序踩坑之旅

681 阅读2分钟

微信小程序

  • textarea点击输入框后placehoder和光标离开输入框(输入框位置不变),浮动在页面上不支持。
    • 原因是当前节点或父节点存在overflow:hidden样式,删除此样式即可,微信小程序自身bug。
  • 小程序拆包要尽早,超包后,若已上线且服务端有自动推送页面时,不可拆出。
  • van-tab组件在不同机型上高度不一致,需要强制设置高度,否则tab下有固定区域时会出现漏孔部分。
  • van-loading组件调用会导致,【iphone 8】数据看板tab切换多次后展示缺失
  • 微信小程序三方api-wx.uploadFile踩坑。
    • 1)上传文件小有限制,部分安卓手机超过5M(实际测试4M)就会出现闪退现象。
    • 2)上传文件,必须配置小程序后台服务器uploadFile合法域名,必须是https的形式且域名必须有证书。
    • 3)接口报错时,在fail中无法获取,只会触发complete事件。
    • 4)具备以上1) 2)两种条件,仍存在部分手机无法上传问题,但是complete中弹窗提示时,又可以成功上传。原理未知,猜测与更新有关。

企业微信小程序

  • 小程序提审备注仅运行在企业微信中,若在微信中有可使用页面。则不可勾选按钮仅企微选项,否则会导致微信中使用时无法打开。
  • 渲染特别多节点时,最好分批渲染,否则会出现白屏时间很久。类通讯录,字母滚动定位,大量数据。
    • 解决方案一:采用延时加载方案提高首屏渲染速度。
    • 解决方案二:也可通过虚拟列表解决。
  • 企业微信欢迎语推送,限制图片大小为5b-2M,最大只能上传2M图片,否则有些时候会出现推送失败的情况。一次最多只允许推送9张图片或链接。
  • 企微分享,分享三方页面时可以指定打开三方小程序环境,仅针对安卓手机生效,ios手机都只能打开线上环境。
  • 企微群发&群分享,也只能分享当前小程序中的页面。存在ios手机分享时设置图片无效,会出现灰色遮罩层且只截取屏幕快照,此问题现已修复。

附言

当然以上仅是小程序开发过程中遇到的一部分问题,还有很多问题未做记录,以后会继续补充。