微信小程序入坑记录篇

2024年3月12日 133次阅读 来源: 余木

更新2019-03-29
随着小程序的更新，很多坑位已经修复差不多了，此文章已经废弃，后面使用小程序再更新

协同开发一个微信小程序入坑了，特来献上一些入坑的总结。希望大家少踩点坑
1、hidden在使用在flex布局元素不生效
2、navigate跳转新的页面，最多只能5层
3、canvas、textarea、video层级最高，固定元素都无法覆盖(目前没有解决方案)
4、textarea阻碍用户触摸屏幕滚动而且在ios下内容会偏上(安卓没有问题，目前没有解决方案)
5、wx.uploadFile 域名需要在公众平台配置才能使用，此接口post请求返回的json并不是object类型，客户端需要用JSON.parse转化
6、使用css作为背景图片不能用本地资源，需要网络或者base64
7、setData的应用

值是对象属性:
this.setData({
  "xx.xx":xx
});
值是数组:
this.setData({
  "xx[0]":xx
});
值是数组或者对象，但是key或者索引是变量形式
let xx= 'xx['+ xx +']';
this.setData({
  [xx]:xx
});

8、html的转化
简单文本可以使用:http://www.jianshu.com/p/74a6…
如果比较复杂就使用:https://github.com/icindy/wxP…

9、如果一个form有两个submit的按钮如何判断点击哪个按钮触发不同的提交事件，可以在按钮中bindtap来设置点击的不同，执行在form的bindsubmit之前

10、如果优雅验证表单多个内容（移动端中点击按钮验证）现在方式是表单元素name绑定，提交后通过name获得值，相应设置验证变量对应name值来制定验证规则，这个方法耦合度高。如果验证信息写在元素中的话如(data-validate=”require,number”)，触发是元素失去焦点进行验证可行。如果只是点击提交按钮再验证的话，不知道怎么实施

后续有发现再更新

还有两个微信小程序联盟总结的的入坑1-100,有些微信小程序已经修复的，仅供给大家参考下
http://blog.csdn.net/qq_38530…
http://blog.csdn.net/qq_38530…

    原文作者：余木
    原文地址: https://segmentfault.com/a/1190000012014911
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞