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

本文做者：dongtao   来自：受权地址

 

本人低级程序员,如下bug不能确保在其它地方能够以相同的缘由复现.
同时, 出现不少bug的缘由是小程序的基本知识还有编码的基本功不到位形成

路还很长,共勉

---

目录

1. 资源 (资源加载时候会出现的问题)
2. API (api在使用中有可能会碰到)
3. 工具 (模拟器和真机调试有可能出现的问题)
4. 兼容 (在真机上调试时候有可能出现的问题)

---

资源篇

1. 已解决
   在app.wxss里设置了图片路径,在IDE里正常无误,可是在手机上是没有显示的,
   解决办法:(这段话位置放那么偏~ )
   

    
   
   问题描述
   

   代码截图 app.wxss.png
   
   

   模拟器里的效果.png
   
   

   手机里的效果.png
2. 已解决
   更新: 如下在模拟器里是能够的可是在手机上是无效的! 缘由参考第一条
   app.wxss里的图片路径要按照组件文件夹的图片路径来写

   //用最上面的1来距离 这个样式最开始在一个pages文件夹里,因此图片路径是 ../../imgs/XXX, 按理说若是把这个样式提取到外面的app.wxss里的话 图片路径应该改成./imgs/XXX.. 然而改为这样以后在模拟器都没法生效.

3. 已解决
   在index点击跳转到login时候,标记三的部分没有写page()进行实例化,致使2 的页面加载时候没加载相应的js
   , 会报如下错
   

    
   
   

    

---

API 篇

1. 未解决
   用小程序自带的底部导航组件的话, 无法实现跟微信原生底部小红点或者消息提醒的功能
2. 已解决
   picker使用时候 picker组件里必需要有内容,放一个值为空的变量并无做用
   

    

   这里我若是只保留{{age}}的话, 这个组件是没法触发的. 组件里面必须至少要有1个字符(哪怕是1),这个组件才能够被触发,可是空格是不行 放一个宽高为100%,display:block的view,若是view里没内容,view是不会显示的, 必需要在view里放东西,哪怕一个数字也行. 而后这里只能写成了这种(本来需求是这个日期选择器默认状态是空,)

3. 已解决
   没仔细考证,网上说图是无法批量上传的,因此这里只能用单个上传,成功后递归调用来解决批量上传.
   如下代码有一个错误,第十会说到文件上传的另外一个问题
   

    
4. 已解决
   textArea 没有bindinput事件

   以前描述: 有个业务场景是检测多行输入框,若是有值,按钮立马变成可点击. 然而textarea是没有input事件的, 最后只能用blur进行失去焦点的时候监听 解决办法: blur的在电脑上的体验如描述所说,但是真正在手机上运行的时候, 体验和需求中的一致...

5. 已解决:
   wx.uploadFile 中formData参数问题:
   • 这个接口的formData 微信在处理的时候 已经用formData进行了包装. 因此这里是没有必要本身用formData来传递参数的(好比注释掉的代码)
   • 扯淡的是, 传递了form格式的参数以后 在浏览器和安卓下, 接口是能够正常使用的, 并不会报什么错
   • 可是! 在ios里 会直接报错, 不是运行异常,是直接红色的报错.!!!!!
     

      

---

工具

1. 已解决
   结论:
   手机预览的时候会进行域名合法校验的, 模拟器里的关闭域名校验只是对模拟器有效
   问题描述:
   • 模拟器里开启"开发工具不开启域名校验"以后在模拟器里是能够用http的,可是当在手机上预览的时候http并不能用, 模拟器开的这个 只负责在模拟器里.
   • 若是不开启的话, 而且在APP配置信息里,没有设置合法域名的话, 在模拟器里是可使用图片上传之类的接口,可是在手机上并不能够
     

      

---

兼容

1. 已解决
   在手机上 在外部容器给定高度的状况下,容器里的input的高度设100%在ios上是无效的.可是在模拟器和安卓下面是正常的(具体规律还没掌握清楚)
2. 未解决
   输入法掩盖textarea, 这个bug有一半的几率会出现
   

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