脚本之家

微信小程序里碰到的坑和小知识

上一篇
原创:新手布局福音!微信小程序使用flex的一些基础样式属性
下一篇
微信小程序中rpx与rem单位使用

本文作者:dongtao 来自:授权地址

本人低级程序员,以下bug不能确保在其它地方可以以相同的原因复现.


同时,出现很多bug的原因是小程序的基本知识还有编码的基本功不到位造成

路还很长,共勉

目录

资源 (资源加载时候会出现的问题)

API (api在使用中有可能会碰到)

工具 (模拟器和真机调试有可能出现的问题)

兼容 (在真机上调试时候有可能出现的问题)

资源篇

已解决


在app.wxss里设置了图片路径,在IDE里正常无误,但是在手机上是没有显示的,


解决办法:(这段话位置放那么偏~ )



问题描述


代码截图 app.wxss.PNG


模拟器里的效果.PNG


手机里的效果.PNG

已解决


更新: 以下在模拟器里是可以的但是在手机上是无效的! 原因参考第一条


app.wxss里的图片路径要按照组件文件夹的图片路径来写

//用最上面的1来距离

这个样式最开始在一个pages文件夹里,所以图片路径是 ../../imgs/XXX,

按理说如果把这个样式提取到外面的app.wxss里的话 图片路径应该改为./imgs/XXX..

然而改成这样之后在模拟器都无法生效.

已解决


在index点击跳转到login时候,标记三的部分没有写page()进行实例化,导致2 的页面加载时候没加载相应的js


,会报以下错



API 篇

未解决


小程序自带的底部导航组件的话,没法实现跟微信原生底部小红点或者消息提醒的功能

已解决


picker使用时候 picker组件里必须要有内容,放一个值为空的变量并没有作用


这里我如果只保留{{age}}的话,这个组件是无法触发的.

组件里面必须至少要有1个字符(哪怕是1),这个组件才可以被触发,但是空格是不行

放一个宽高为100%,display:block的view,如果view里没内容,view是不会显示的,必须要在view里放东西,哪怕一个数字也行.

然后这里只能写成了这种(原本需求是这个日期选择器默认状态是空,)

已解决


没仔细考证,网上说图是没法批量上传的,所以这里只能用单个上传,成功后递归调用来解决批量上传.


以下代码有一个错误,第十会说到文件上传的另一个问题


已解决


textArea 没有bindinput事件

之前描述:

有个业务场景是检测多行输入框,如果有值,按钮立马变成可点击.

然而textarea是没有input事件的,最后只能用blur进行失去焦点的时候监听

解决办法:

blur的在电脑上的体验如描述所说,可是真正在手机上运行的时候,体验和需求中的一致...

已解决:


wx.uploadFile 中formData参数问题:

这个接口的formData 微信在处理的时候 已经用formData进行了包装. 所以这里是没有必要自己用formData来传递参数的(比如注释掉的代码)

扯淡的是,传递了form格式的参数之后 在浏览器和安卓下,接口是可以正常使用的,并不会报什么错

但是! 在ios里 会直接报错,不是运行异常,是直接红色的报错.!!!!!


工具

已解决


结论:


手机预览的时候会进行域名合法校验的,模拟器里的关闭域名校验只是对模拟器有效


问题描述:

模拟器里开启"开发工具不开启域名校验"之后在模拟器里是可以用http的,但是当在手机上预览的时候http并不能用,模拟器开的这个 只负责在模拟器里.

如果不开启的话,并且在APP配置信息里,没有设置合法域名的话,在模拟器里是可以使用图片上传之类的接口,但是在手机上并不可以


兼容

已解决


在手机上 在外部容器给定高度的情况下,容器里的input的高度设100%在ios上是无效的.但是在模拟器和安卓下面是正常的(具体规律还没掌握清楚)

未解决


输入法掩盖textarea,这个bug有一半的概率会出现



转载地址:微信小程序联盟

以上就是微信小程序里碰到的坑和小知识的全部内容,希望这篇技术文档对大家的学习有所帮助,转发给身边的程序猿朋友,感谢各位大大支持:脚本之家 jb51.cc

微信小程序里碰到的坑和小知识 由脚本之家 jb51.cc 收集整理
本文版权归原作者所有,转载请注明出处并带上本文链接!

上一篇
原创:新手布局福音!微信小程序使用flex的一些基础样式属性
下一篇
微信小程序中rpx与rem单位使用

您可能感兴趣的小程序开发教程

小程序开发

微信小程序中将多个view居中显示的方法

我们在这里要实现的效果是这样的,在小程序中将多个view居中显示 先看一下效果图如下图效果所示:我们需要将“延长收货”,”查看物流”,“提醒发货”,“提醒发货”是四个按钮放在页面最中间,并且间隔适当的

小程序开发

微信小程序如何居中布局?

前段时间小程序上线后就弃坑了,回到网页开发去了,最近又有新项目,再次入坑,难免需要一些demo来重新熟悉,在这个过程中,发现demo中很少有人使用flex布局,今天给大伙稍微讲一下这个布局。 

小程序开发

防止小程序多次点击跳转解决方案

场景在使用小程序的时候会出现这样一种情况:当网络条件差或卡顿的情况下,使用者会认为点击无效而进行多次点击,最后出现多次跳转页面的情况,就像下图(快速点击了两次):解决办法然后从轻松理解JS函数节流和函..

小程序开发

微信小程序-事件

微信小程序的"事件"挺有意思。看了说明文档后发现它的功能很全,事件可以向父节点传递,而且打印这个事件的信息很透明,调试起来应该非常方便。接下来把文档copy过来,原文地址:https://mp.weixin.qq.com