移动端开发
89篇文章 · 0订阅
  • 移动端那些戳中你痛点的软键盘问题及解决方法
    一篇文章，让你远离移动端软键盘疑难杂症。"踩坑人"带你远离软键盘之坑，从避坑（软键盘问题）到填坑（如何解决）
    前端
    移动端那些戳中你痛点的软键盘问题及解决方法
  • Web移动端适配方案
    在过去的几年时间里，移动端web野蛮生长，智能机的Android阵营和IOS阵营分庭抗礼，随之产生了多个系统版本（系统版本多样）；五花八门的屏幕尺寸、屏幕展示技术（如大名鼎鼎的Retina技术屏）层出不穷（屏幕尺寸、技术多样），还是CSS的W3C标准在各式各样的移动端浏览器上落…
    CSS
  • 前端响应式布局原理与方案（详细版）
    响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…
    响应式设计
    前端响应式布局原理与方案（详细版）
  • 如何设计H5编辑器中的模版库并实现自动生成封面图
    HTML5是HTML最新的修订版本，设计目的是为了在移动设备上支持多媒体, 以便为我们呈现更丰富的页面表现. HTML5 还是跨平台的，被设计为在不同类型的硬件（PC、平板、手机、电视机等等）之上运行。因此衍生出不同场景下的应用, 比如移动端官网, H5活动页, H5营销页等.…
    数据可视化 Canvas
    如何设计H5编辑器中的模版库并实现自动生成封面图
  • 自适应布局方案
    rem（font size of the root element）是指相对于根元素<html>来做计算的字体大小单位。 e.g. 设置html { font-size: 75px }时，其他元素1rem = 75px，4rem = 300px vw是基于viewpo…
    CSS
    自适应布局方案
  • 基于f2从零实现移动端可视化编辑器
    笔者之前花了大量的时间在思考如何设计和实现H5页面可视化编辑器H5-Dooring，从第一个版本到现在经历了很多次版本迭代和优化，也收到了很多宝贵的建议，目前刚好完成了移动端数据可视化的基本设计和落地方案，在这里特地总结和复盘一下。 在开始正式实现之前笔者先对H5数据可视化做一…
    数据可视化 React.js
    基于f2从零实现移动端可视化编辑器
  • 可能这些是你想要的H5键盘兼容方案
    最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题： 在 Android 和 IOS 上，获知软键盘弹起和收起状态存在差异，且页面 web…
    JavaScript
  • 拿到一份设计稿，我该如何进行移动端开发？
    出来混，那些混过去的，迟早是要还的 (￣Д ￣)┍ 。 1. 什么是 viewport ? 它的的作用是啥？ 提到 viewport，之前总感觉挺突兀的，但是当我最近做移动端项目时，突然关注到一直被忽略的 meta 标签的时候，才恍然大悟（o(╯□╰)o）。那么，首先让我们来了…
    前端
  • 前端 H5 横屏 独特处理方案详解
    随着公司知识付费业务的发展，产品发现横屏展示内容的效果和体验都要比竖屏要来的好。我也感觉确实是这样的～。刚接到这个需求的时候，稍微想了一下，横屏这还不简单直接把整个页面旋转90度，不就完事了？结果真正开发的过程中发现并没有这么简单。比如屏幕横过来手势滑动的方向没有变过来等等！于…
    Vue.js 前端
  • 移动端适配方案-让分辨率来的更猛烈些吧！
    公司许多的业务都还停留在使用px和弹性布局来进行样式处理的阶段，有些时候是因为视觉要求，有些时候是害怕线上问题，所谓破而后立。 移动端适配方案是一个老生常谈的话题，但是对于不同的项目、不同的业务场景可能会需要不同的适配方案来进行移动端适配，向下兼容的baseline也需要提前订…
    GitHub CSS 前端