移动前端开发

移动前端开发:分享流行的移动前端开发框架、HTML5移动前端开发资讯、移动APP前端开发工具、移动前端开发资源和教程等

所谓前端适配,就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果,目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度,一种是使用rem自适应布局的flexible.js。

阅读全文

在移动设备中,有一些H5由于需要用户横屏查看的,常见的做法是检测屏幕方向,然后提示用户旋转屏幕查看,这样子虽然可以,但如果用户是固定了屏幕的,那么体验就比较差了,本文分享让页面一进来就强制横屏方向显示的代码及遇到的问题解决方法。

阅读全文

由于视口单位涉及到计算,有一段时间我是抵制在工作使用视口单位。但就在上周,我克服了心中的抵制情绪,开始去了解视口单位在网页排版中的使用。在深入介绍视口单位以及其在网页排版中的工作原理时,先了解下有哪些常见的视口单位。

阅读全文

视口(viewport)单位,使流体排版在页面上应用变为可能。视口单位是根据浏览器的视口尺寸的百分比来定义的。举个例子,1视口宽度(vw)等于视口宽度的1%,它不同于百分比的地方是,它的宽度是依赖于视口的宽度的,而百分比是元素的祖先元素来决定的。

阅读全文

H5,即 HTML5,是新一代的 HTML 标准,加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5 引入的离线存储,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。

阅读全文

本文主要介绍 TouchEvent 相关的一些对象与属性如 Touch, TouchList, touhces, targetTouches 等,以及使用的注意点和误区。 触摸事件有以下几种类型:touchstart,touchmove,t ...

阅读全文

结一的一篇文章《这个问题你应该很熟悉,然后懵逼,然后放弃》,看起来像是一篇探讨移动端平分布局的写法,里面的平分有些只适合三个,我试着把它拓展到四个或者多个平分的布局上,并加入一些文字在其中。

阅读全文