移动端
14篇文章 · 0订阅
  • 企鹅辅导H5直播点播实践
    企鹅辅导是腾讯推出的针对小学、初中、高中课外的在线学习服务平台。近期，企鹅辅导为了方便用户更加快速便捷地上课，新增了移动端H5的上课形式。本文主要介绍了H5“实时直播”和“点播”的选型，以及开发过程中遇到的问题和解决方案。 企鹅辅导的上课功能是产品较为核心的功能，而原有上课方式…
    直播
    企鹅辅导H5直播点播实践
  • 总结移动端H5开发常用技巧（干货满满哦！）
    年后第一天到公司上班，整理一些在移动端H5开发常见的问题给大家做下分享，这里很多是自己在开发过程中遇到的大坑或者遭到过吐糟的问题，希望能给大家带来或多或少的帮助，喜欢的大佬们可以给个小赞，如果有问题也可以一起讨论下。 下面是最近一个月整理的JS基础总结，可供大家温故而知新。 移…
    前端 JavaScript
    总结移动端H5开发常用技巧（干货满满哦！）
  • H5 页面适配iPhone 刘海，就是那么简单
    iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。 大家都知…
    CSS
  • 吃透移动端 H5 与 Hybrid｜实践踩坑12种问题汇总
    作为一个开发了多个 H5 项目的前端工程师，在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下，并在后面给出坑产生的原理，和现阶段常规的填坑方案。由此来做一个阶段性的总结。 之前两篇文章已经详细的论述了1px 问题与 响应式布局问题，并给出了原理和解决…
    JavaScript
    吃透移动端 H5 与 Hybrid｜实践踩坑12种问题汇总
  • H5 键盘兼容性小结
    在 H5 项目中，我们会经常遇到页面中存在单个甚至多个 input/textarea 输入框与底部固定元素的布局情况。在 input/textarea 输入框获取焦点时，会自动触发键盘弹起，而键盘弹出在 ios 与 android 的 webview 中表现并非一致，同时当我们…
    前端
  • 基于vue+vant搭建移动端通用架子
    开发一个H5的通用架子，让前端同学开箱即用，迅速投入战斗。 按照Vant官网推荐自动按需引入组件，同样，Vant官网中也有对Rem适配的推荐配置，按照官网说明的使用。需要注意的是postcss的配置中，autoprefixer下的browsers需要替换成overrideBro…
    Vue.js
  • 移动端H5页面开发坑点指南
    在安卓中，直接使用原生 video 会导致全屏播放，盖住所有元素，因此使用 x5 播放器。但是 x5 播放器还是存在问题，虽然不会盖住元素，但是会自己添加特效（盖一层导航栏蒙层）。 这样可以在安卓下使用 x5 播放器， playsInline 及 webkit-playsinl…
    CSS
  • 面试官：你了解过移动端适配吗？
    很多人聊起移动端适配都是懵逼状态，都想口吐芬芳。难道移动端还要适配，直接px写死，其他自适应不就完了吗？其实不然，要求严格的公司会要求缩放比例完全相同，简单说就是，在每个手机上的每一行的字数都要一样。接下来，我们就要细说移动端适配的前世今生 相信我们所有前端开发者，都是见证了手…
    前端
  • 走进安卓的重灾区——video(微信X5浏览器)
    html5的video已经出来很久了。在ios上使用基本上没什么毛病，但是安卓下就是一个重灾区了，各种体验差。这几天搞了安卓的兼容，简直是要吐血。所以特意总结了一些强势的坑点。 在ios上会自动全屏播放，需要在video标签上设置一个属性 webkit-playsinline，…
    JavaScript
    走进安卓的重灾区——video(微信X5浏览器)
  • 匠心打造canvas签名组件
    本文首发于CSDN网站，下面的版本又经过进一步的修订。 关于 我的博客：louis blog SF专栏：路易斯前端深度课 原文链接：匠心打造canvas签名组件 CSDN链接：匠心打造canvas签名组件 - 极客头条 全文共4k+字，阅读需5分钟。 导读 6月又是项目吃紧的时候…
    JavaScript 前端 Canvas
    匠心打造canvas签名组件