微信小程序入坑记录篇

协同开发一个微信小程序入坑了,特来献上一些入坑的总结。希望大家少踩点坑
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...

上一篇:WePY 在小程序性能调优上做出的探究


下一篇:渲染“Hello World”(将脚本数据渲染在界面上)