qinchaidaren的博客

是一款用于移动设备web开发的一款插件。像缩放、下拉刷新、滑动切换等移动应用上常见的一些效果都可以轻松实现。iScroll的最新版本是2011.07.03发布的4.1.7版。最新版比以往更顺畅，添加了更多的自定义事件，提供了更高级的可编程性。使用方法：DOM结构应尽量保持简洁，避免过多的嵌套。滚动区域为第一个子元素。html代码：?1

看到移动端实现摇一摇并振动功能，觉得挺实用便记录了下来。这个功能主要通过window.DeviceMotionEvent该事件可以监听设备的运动事件，然后通过event.accelerationIncludingGravity获取的x,y,z的位移，通过位置的变化计算设备是否在快速变化加速度以达到监听设备是否在摇一摇的效果，最后利用navigator.vibrate(s)调用触屏手机的震动功能

我们知道 js 可以通过 window.navigator.userAgent 来获取浏览器的相关信息，比如：Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36，那么我们也可以通过该方法来获取微信内置浏览器的相关信息：Mozilla/5.0 (i

// 由于pc和移动的显示的不同，有时候需要，在pc和移动界面上显示不同的效果，这样就需要检测到是手机还是电脑访问的页面：以下信息是根据浏览器的内核进行判断。//智能手机检测function browserRedirect() {      var sUserAgent = navigator.userAgent.toLowerCase();      var bIsIpad =

相信很多刚开始写移动端页面的同学都要面对页面自适应的问题，当然解决方案很多，比如：百分比布局，弹性布局flex（什么是flex），也都能获得不错的效果，这里主要介绍的是本人在实践中用的最顺手最简单的布局方案——rem（什么是rem）布局rem布局非常简单，首页你只需在页面引入这段原生js代码就可以了 (function (doc, win) { var docEl = d

1. rem是一个相对于根元素大小的相对单位。可以利用js来控制根元素的font-size:<script>    (function(){        var designW = 640;  //设计稿宽        var font_rate = 100;        //适配document.getElementsByTagName("html")[0].style.fon...