关于微信小程序开发的几个坑,你有踩过吗?

微信小程序的开发中,相信码农们遇到了各种问题,春哥团队技术虎子如是,今天给大家分享开发过程中的踩过的坑,希望打击可以避过。

getMenuButtonBoundingClientRect

获取菜单按钮(右上角胶囊按钮)的布局位置信息。坐标信息以屏幕左上角为原点。

如果我们使用的是自定义导航模式( navigationStyle: 'custom' ),一般则需要通过此函数来获取菜单按钮的信息:

此函数从官方文档上看是同步的,但是经过实际中发现,它可能是异步的。经常有的时候会获取不到相应的 bottom、top 等信息。

video 组件的全屏问题

经过测试发现,小程序的 video 组件会在进入全屏播放,然后退出全屏的过程中黑屏。

重现步骤: 1.视频进行全屏播放 2.拉动进度条播放 3.页面显示加载中时,点击小屏播放 4.页面显示黑屏,并且卡住不动,一直无法播放

 

经过确认,是微信官方的 Bug:

低版本 IOS 兼容性问题

因为小程序底层也是通过 webview 来渲染,所以有一些通用的兼容性问题要注意。 比如IOS9、IOS10下面的绝对定位(absolute、fixed)必须要有多个定位(left / top),如果只写一个定位,比如只写一个 top: 0; ,你会发现在开发者工具和 IOS11以上真机是可以显示的,但是在低版本上却无法显示。

来源:春哥技术博客,欢迎分享,(春哥微信号:taike668)
上一篇:微信小程序分享后返回首页功能设计开      下一篇:很抱歉没有了