微信小程序入坑记录篇

发布时间:2019-06-25 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了微信小程序入坑记录篇脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

更新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:384754419,请注明来意。