一、audio1、监听播放完成监听ended事件不准确，可以监听timeupdate事件，判断当前播放进度currentTime大于等于总时长duration时，就是播放完成；2、设置当前音频播放时间

PC 端只有声音没有图像。这是因为 PC 端不会打开专门的播放器，只会在 DOM 节点处直接播放，此时 DOM 节点未设置显示区域 点击封面时增加一个 loading 效果，PC 环境在视频播放时取消；微信环境则在视频暂停时取消。(在 iOS 中 play() 方法会触发播放事…

需求：在微信里打开一个H5页面，然后点击按钮全屏播放视频，等视频播放完成后，在视频上显示一个跳转按钮，点击按钮跳转到其他的页面。 4、新版IOS设备微信，如果跳转页面后，页面顶部会出现前进/后退的状态栏，返回上层页面后，之前的跳转按钮就会被状态栏遮住，策划不能接受。 （2）进入…

声音无法自动播放这个在IOS/Android上面一直是个惯例，桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在2018年4月份发布的Chrome 66也正式关掉了声音自动播放，也就是说<audio autopaly></audio> <…

h5的输入框引起键盘导致体验不好，目前就算微信、知乎、百度等产品也没有很好的技术方案实现，尤其底部固定位置的输入框各种方案都用的前提下体验也并没有很好，这个问题也是老大难问题了。目前在准备一套与native协议 来解决这个问题，目前项目中的解决方案还是有值得借鉴的地方的，分享一…

作者：yana@alloyteam 输入在移动端是一个很常用的功能，那么输入框必然是一个很重要的部分。然而，移动端输入框总会遇到各种各样的问题，无论是样式还是 ios 和 android 两端体验不一致都是很让我们头疼的问题，那么如何使移动 web 的输入框体验更贴近原生也成了一个需要我们…

小程序中用到了 iconfont，但是一次更新图标库后，iPhone 6S iOS 9.3.2 icon不显示了。也许你也遇到与我一样的问题，找不到原因。 记录一下解决方法，希望能帮到大家。 原因：iconfont 之前下载下来是把 woff 文件转成 base64，项目中也一…

当QA和我反映页面卡顿只在iOS上出现时，第一反应肯定不是代码的问题，我也很纳闷iOS性能普遍要比android高啊，为啥会出现这么严重的卡顿，有点慌啊。于是开始了一次惊心动魄的前端性能优化之旅,在Google大概的看了几篇文章，感觉到应该是我在页面加了大量的动画造成了页面重排…

简单粗暴的解决方式移动端当有fixed遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容，同时存在IOS11系统下弹框内输入框错位问题，下面方案是为解决这两个问题