移动前端开发

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

100vh在移动浏览器中以微妙但基本的方式被破坏,这使其几乎无用。 最好避免100vh ,而是依靠javascript设置高度以获得完整的视口体验。

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

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

window.requestAnimationFrame() 方法告诉浏览器您希望执行动画并请求浏览器调用指定的函数在下一次重绘之前更新动画。该方法使用一个回调函数作为参数,这个回调函数会在浏览器重绘之前调用。

移动端开发需要加的meta和常用的CSS3媒体查询样式,移动开发中头部要加的一些常用meta。

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

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

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

手机端给了1px的横线,出来后要粗得多,这是为什么? 1px能在手机浏览器里表现出来吗,貌似1px在手机浏览器上经常会变成2px,经常有人发现这样的问题,那是因为高清Retina屏的移动设备1像素变成2像素。

支持自定义微信、手机QQ和QQ空间的对外分享功能。微信自定义分享出去的链接、图片和文字内容;手机QQ自定义分享出去的链接、图片和文字;QQ空间自定义分享链接、图片和文字的接口。

移动端的相关知识汇总,meta标签,手机兼容,媒体查询,点击延迟,touch事件等

rem是相对于根元素,这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应

由于移动设备存在的环境限制,如低带宽,高延迟,小内存,低处理器性能的等,迫使开发者不得不想办法通过优化前端页面的性能来满足用户的性能预期。在强调如何解决移动端性能问题上,这篇文章总结了一些前端优化的案例,并且概括了一些加速页面的方法和策略。

Android的apk文件越来越大了这已经是一个不争的事实。在Android 还是最初版本的时候,一个app的apk文件大小也还只有2 MB左右,到了现在,一个app的apk文件大小已经升级到10MB到20MB这个范围了。本文将从几方面讲解如何给Android apk廋身

移动前端开发由于是在手机上使用,需要考虑到网络信号较差和为用户的流量着想,性能和加载速度就是前端开发人员需要认真考虑的,PC的优化手段同样使用在移动端上,下面一起看看腾讯ISUX这篇文章是如何从CSS、JavaScript、http请求和硬件渲染方面做出优化的。