小程序开发采的几个坑

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

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

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

getMenuButtonBoundingClientRect

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

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

小程序开发采的几个坑

小程序开发采的几个坑

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

video 组件的全屏问题

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

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

小程序开发采的几个坑

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

小程序开发采的几个坑

低版本 IOS 兼容性问题

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


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

查看所有标签

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

安全测试指南(第4版)

安全测试指南(第4版)

OWASP基金会 / 电子工业出版社 / 2016-7-1 / CNY 89.00

软件安全问题也许是这个时代面临的*为重要的技术挑战。Web应用程序让业务、社交等网络活动飞速发展,这同时也加剧了它们对软件安全的要求。我们急需建立一个强大的方法来编写和保护我们的互联网、Web应用程序和数据,并基于工程和科学的原则,用一致的、可重复的和定义的方法来测试软件安全问题。本书正是实现这个目标的重要一步,作为一本安全测试指南,详细讲解了Web应用测试的“4W1H”,即“什么是测试”、“为什......一起来看看 《安全测试指南(第4版)》 这本书的介绍吧!

URL 编码/解码
URL 编码/解码

URL 编码/解码

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具