小程序开发采的几个坑

栏目: IOS · 发布时间: 5年前

内容简介：上个月参与了助力小程序的开发，其中也遇到了一些小程序开发过程之中的问题。获取菜单按钮（右上角胶囊按钮）的布局位置信息。坐标信息以屏幕左上角为原点。如果我们使用的是自定义导航模式（

上个月参与了助力小程序的开发，其中也遇到了一些小程序开发过程之中的问题。

getMenuButtonBoundingClientRect

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

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

小程序开发采的几个坑

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

video 组件的全屏问题

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

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

小程序开发采的几个坑

经过确认，是微信官方的 Bug：

小程序开发采的几个坑

低版本 IOS 兼容性问题

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

深入理解计算机系统（原书第3版）

Randal E.Bryant、David O'Hallaron / 龚奕利、贺莲 / 机械工业出版社 / 2016-11 / 139.00元

和第2版相比，本版内容上*大的变化是，从以IA32和x86-64为基础转变为完全以x86-64为基础。主要更新如下：基于x86-64，大量地重写代码，首次介绍对处理浮点数据的程序的机器级支持。处理器体系结构修改为支持64位字和操作的设计。引入更多的功能单元和更复杂的控制逻辑，使基于程序数据流表示的程序性能模型预测更加可靠。扩充关于用GOT和PLT创建与位置无关代码的......一起来看看《深入理解计算机系统（原书第3版）》这本书的介绍吧!

码农工具

RGB CMYK 转换工具

RGB CMYK 互转工具

HEX HSV 转换工具

HEX HSV 互换工具