分类目录归档:moblie

安全的倒计时插件

现在的PC端(Chrome),和移动端,如果页面进入后台,不再活动页面的话,那么setTimeout就会停止执行,或者执行的时间间隔变大,导致倒计时出现误差。

移动端单页布局-如何更好的自适应各尺寸屏幕

H5 中的单屏布局,实在是一个不太好处理的模式,这里只是基于以往的经验,给出一个还算是不错的方案,可以减少样式重写的烦恼。

手机移动端屏幕宽高详解

clientWidth , innerWidth , availWidth , screen.width等表现形式详解

纯CSS实现border的0.5px设置

在移动端的项目中,为了能有更好的UI视图,很多元素的边框都是设置为0.5px的宽度,而在一些Andriod的设备上,border是无法直接设置为0.5px的,所以通常会使用一些其他的方法,来实现该需求,这里提供一个纯CSS的实现方法,请大家参考。

基于iscroll实现下拉和上拉刷新(优化)

对IScroll实现下拉刷新和上拉加载插件的重写,使得该插件使用更简单,更流畅,也支持了如果首次加载时,内容没有占满一屏而导致的无法下拉的问题,并且可以自定义开启和关闭下拉和上拉的API接口等。

基于iScroll的Carousel插件

手机端的广告banner部分,为了能更好更全的展示,都是使用一个循环的模块来展示,本篇是基于iScroll的基础上,实现该功能,并且可以可以支持简单的几种变化,以完成不同的需求变更。

基于iscroll实现下拉和上拉刷新

本文是给出了一个小的demo,基于iscroll5的基础上,实现在web也在移动端的下拉刷新和上拉刷新操作。通过该插件,可以使得web端对原生APP的模拟,更真。

移动端的touch事件-滑动小插件(五)

touch事件,第五回,关于touch事件的基本信息以及一些简单的使用方法,在前面几篇中,已经有说明,这里是拿touch事件,练手实现的一个基本的方法,就是判断手指移动的方向,并在回调函数中,传入代表方向的字符串,个人的一个小练习。

移动端的touch事件(四)

继续touch,第四回,看下在mozilla官网给的一个关于touch事件的完整实例。

移动端的touch事件(三)

继续touch,第三回,有关touch事件中,我们可以获取到并使用的属性和方法。