微信小程序踩坑总结

一、样式
1.微信官方提供的rpx单位在横向可以很好的实现响应式，但在纵向方面表现不理想，各个设备的兼容情况并不好，因此纵向我依然选择用px为基本单位进行开发。
2.image标签可用作设置背景图，绝对定位。
3.音频后台播放时所需的封面需要网络资源，对本地图片并不支持。
4.设置scale(-1)翻转区域不支持canvas标签。
5.顶部导航条背景色可以随意变换，但文字颜色只支持黑白，最新的库可以在js中进行控制颜色渐变。
二、功能
1.ios下背景音乐可以在首页自动播放，安卓系统则需要用户进行一次触发，才可以自动播放。我的做法是在安卓下监听fail，来暂停所有状态的改变，安卓下由用户手动进行触发。
2.wx.getBackgroundAudioPlayerState(OBJECT);success方法会返回res.status 但在安卓和ios下当音乐结束时表现不同，安卓下status为0时 currentPostion和duration相等，而ios下则相差一秒，在status为2时currentPostion和duration才会相等，并且都为undefined，所以开发时如果需要音乐播放结束的回调，需要注意设备的兼容。
3.如果音乐资源采用七牛云注意音乐加载速度问题，可能会导致某些状态不同步。官方demo中的url不会出现这种问题。
三、总结
小程序的功能已经越来越完善，但还有很多地方需要注意，项目已经提交审核，审核过程中的坑我会继续在这里更新，大家多多支持哈~~