摘要: 使用JS判断客户端、浏览器、操作系统类型 一、JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端。 核心代码如下: 方法一: var u = navigator.userAgent; va 阅读全文
posted @ 2016-10-18 15:49 含笑半步·颠 阅读(6315) 评论(0) 推荐(0) 编辑
摘要: 基于浏览器的HTML5地理定位 地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理和一个基于浏览器的HTML5地理定位的小demo,过程就是获取浏览器经纬度 阅读全文
posted @ 2016-10-18 15:47 含笑半步·颠 阅读(468) 评论(0) 推荐(0) 编辑
摘要: JS表单验证-12个常用的JS表单验证 最近有个项目用到了表单验证,小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下,和大家一起分享~~~ 1. 长度限制 <p>1. 长度限制</p><form name=a onsubmit="return test()"> <textarea n 阅读全文
posted @ 2016-10-18 15:45 含笑半步·颠 阅读(83444) 评论(3) 推荐(6) 编辑
摘要: html5移动开发细微之美 1、H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user 阅读全文
posted @ 2016-10-18 15:37 含笑半步·颠 阅读(671) 评论(0) 推荐(0) 编辑
摘要: 移动端滑屏 touch事件 移动端触屏滑动的效果的效果在电子设备上已经被应用的越来越广泛,类似于PC端的图片轮播,但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //触摸屏幕时触 阅读全文
posted @ 2016-10-18 15:34 含笑半步·颠 阅读(8742) 评论(1) 推荐(1) 编辑
摘要: 移动端touch事件判断滑屏手势的方向 方法一 思路:用touchmove的最后坐标减去touchstart的起始坐标,X的结果如果正数,则说明手指是从左往右划动;X的结果如果负数,则说明手指是从右往左划动;Y的结果如果正数,则说明手指是从上往下划动;Y的结果如果负数,则说明手指是从下往上划动。 具 阅读全文
posted @ 2016-10-18 15:26 含笑半步·颠 阅读(22074) 评论(0) 推荐(5) 编辑
摘要: html5重力感应事件 一、手机重力感应图形分析 1、设备围绕z轴的旋转角度为α,α角度的取值范围在[0,360)。 设备在初始位置,与地球(XYZ)和身体(XYZ)某个位置对齐。 设备围绕z轴的旋转角度为α,并与先前的x和y轴位置对比,显示x,y轴新坐标为x0和y0。 2、设备围绕x轴的旋转角度为 阅读全文
posted @ 2016-10-18 15:25 含笑半步·颠 阅读(10887) 评论(0) 推荐(0) 编辑
摘要: H5项目常见问题汇总及解决方案 H5 2015-12-06 10:15:33 发布 您的评价: 4.5 收藏 4收藏 H5项目常见问题汇总及解决方案 H5 2015-12-06 10:15:33 发布 您的评价: 4.5 收藏 4收藏 H5项目常见问题汇总及解决方案 H5 2015-12-06 10 阅读全文
posted @ 2016-10-18 15:18 含笑半步·颠 阅读(362) 评论(0) 推荐(0) 编辑
摘要: 最近在研究页面渲染及web动画的性能问题,以及拜读《CSS SECRET》(CSS揭秘)这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件,滚动与页面渲染的关系,节流与防抖,pointer-events:none 优化滚动。因为本文涉及了很多很多基础,可以对照上面的知 阅读全文
posted @ 2016-10-06 08:40 含笑半步·颠 阅读(308) 评论(0) 推荐(0) 编辑
摘要: 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.s 阅读全文
posted @ 2016-10-03 00:13 含笑半步·颠 阅读(661) 评论(1) 推荐(0) 编辑