微信小程序开发中踩的坑

1, 存放在oss的视频在电脑端和安卓都能正常播放，在ios上不能（后来发现这是视频转码问题）

解决方法：

使用格式工厂重新给视频编码

2，ios手机企业微信转发视频播放页，视频的截图为黑屏，但是在微信端没问题

 

3，分享时要么就是系统自动截图要么就是自己设置imageUrl

4, 分享时使用自己的图片，ios的微信端和企业微信端效果不一样，缩放制度不一样吧，企业微信的跟安卓效果一样

5，修改数据后页面不渲染，一定要使用this.setData才能生效，我就是直接this.data.value = xxx，然后不生效

6,设置了z-index但是不生效，要再加position:absolute

7, 在ios的企业微信里，app.js的launch里面get不到getStorageSync的值，但是放在launch里面的login方法里又可以get到

8，巨坑：ios 在企业微信小程序中video视频播放全屏无法横屏问题（官方回应：由于企业微信暂不支持相关的横屏，后续视反馈情况来考虑是否支持上）

9, 如果想在video上加东西，又想绑定事件，那别想了，video会置于最上层

10，可以使用cover-view,但是坑又来了，cover-view,cover-image不能绑定bindtouchstart，catchtouchstart事件

11，image使用widthFix会出现图片从一个状态到另外一个状态的切换效果，体验不好

12，小程序里面的background-image不能使用本地图片，只能使用网络图片或者base64的图片，不然真机显示不了；本地图片只能image的src使用

13，ios的企业微信里面小程序本地存储的数据会在离开小程序时被清除

14，自定义分享的组件（比如一张图片）是不能绑定小程序自己的分享事件的，只有button标签才能绑定，且是open-type='share'

15, transform不支持rpx

16，组件的data-xxx不能支持驼峰命名，只能用小些字母

17，组件没有onReachBottom以及下拉刷新、onPageScroll的事件

18,样式使用active时，安卓机只能长按出现效果

19，视频断点续播

20, 小程序移动端解析border-radius跟视觉效果上的不一样

21, 微信里cover-view绑定bindtap事件触发有问题，需要改成catchtap，但是在企业微信没问题

22，cover-view的动画在真机上非常卡顿

当然还有很多的坑，但是没有全部记录，尤其在企业微信、微信、安卓、ios的表现都各具特色啊