脚本宝典收集整理的这篇文章主要介绍了

微信小程序入坑记录篇

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

更新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...

总结

以上是脚本宝典为你收集整理的

微信小程序入坑记录篇

全部内容,希望文章能够帮你解决

微信小程序入坑记录篇

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过