移动端
20篇文章 · 0订阅
  • H5 键盘兼容性小结
    在 H5 项目中，我们会经常遇到页面中存在单个甚至多个 input/textarea 输入框与底部固定元素的布局情况。在 input/textarea 输入框获取焦点时，会自动触发键盘弹起，而键盘弹出在 ios 与 android 的 webview 中表现并非一致，同时当我们…
    前端
  • 移动端兼容性问题
    1. overflow: auto; IOS手机滚动卡顿 2. 动画定义3D启用硬件加速 3. 盒子边框最低只能是1px 4. a标签或者button标签等，点击后会有蓝色边框；去掉难看的点击的高亮效果 5. calc的兼容性处理 6. 微信浏览器中跳转新网页：window.l…
    Vue.js
  • 使用Aliplayer在微信中播放视频的正确姿势
    X5浏览器为了解决覆盖DOM元素的问题，提出了一个同层播放的概念，通俗一点讲就是视频播放还是要弹出全屏的，但是视频可以不覆盖DOM元素，可以和视频在同一层，虽然这方案有点别扭，但总算解决了覆盖DOM元素的问题，特别是对于H5直播来说非常重要。 点击微信顶部的返回按钮时，退出全屏…
    微信 直播 CSS
  • video自动播放兼容性
    （2）但是大部分手机安卓在微信是不能播放的，必须引入插件或者框架才能自动播放。 三：电脑谷歌浏览器只要添加muted="muted"属性就可以播放。
    前端
  • 【移动端适配】用vw、vh＋媒体查询打造最完美的移动端适配方案
    从古老的的百分比布局+px+媒体查询到rem布局，一直没找到心仪的移动端适配方案。网上搜索的教程质量也是参差不齐(要么配置过于繁琐，要么一篇文章到处抄袭)，反正我看完了总有一种无从下手的无奈。所幸，经同事推荐找到一款完美的插件。欣喜之余，以作记录。同时希望能给需要的朋友提供帮助…
    前端
  • 吃透移动端 H5 与 Hybrid｜实践踩坑12种问题汇总
    作为一个开发了多个 H5 项目的前端工程师，在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下，并在后面给出坑产生的原理，和现阶段常规的填坑方案。由此来做一个阶段性的总结。 之前两篇文章已经详细的论述了1px 问题与 响应式布局问题，并给出了原理和解决…
    JavaScript
    吃透移动端 H5 与 Hybrid｜实践踩坑12种问题汇总
  • 移动端H5页面开发坑点指南
    在安卓中，直接使用原生 video 会导致全屏播放，盖住所有元素，因此使用 x5 播放器。但是 x5 播放器还是存在问题，虽然不会盖住元素，但是会自己添加特效（盖一层导航栏蒙层）。 这样可以在安卓下使用 x5 播放器， playsInline 及 webkit-playsinl…
    CSS
  • 总结移动端H5开发常用技巧（干货满满哦！）
    年后第一天到公司上班，整理一些在移动端H5开发常见的问题给大家做下分享，这里很多是自己在开发过程中遇到的大坑或者遭到过吐糟的问题，希望能给大家带来或多或少的帮助，喜欢的大佬们可以给个小赞，如果有问题也可以一起讨论下。 下面是最近一个月整理的JS基础总结，可供大家温故而知新。 移…
    前端 JavaScript
    总结移动端H5开发常用技巧（干货满满哦！）
  • 移动端实践 - video
    video 在移动端的实践，开发过程中遇见的坑，细述 video 在不同浏览器、不同平台、不同系统的兼容性如何。
    前端
    移动端实践 - video
  • H5 直播避坑指南
    企鹅电竞项目，直播和视频播放是其中的核心。面对着产品同学不断的询问：为什么h5的体验这么差？为什么不能和app的播放体验保持一致？我们对着h5不明确的文档和不同浏览器的怪异表现欲哭无泪。 经过一系列的调研爬坑，斩荆披棘，我们一步步提升了体验，做到了和app基本一致的体验。在摸索优化背后，我们也想把这些问题和解决方法总结下来，让其他同学做到直播的时候可以自豪的说，这就是我们的h5直播体验
    前端 HTML 直播