1.pixel像素基础 1.px:csspixel 逻辑像素，浏览器所使用的抽象单位 2.dp,pt:设备无关像素 3.devicePixelPatio 设备像素缩放比例 2.viewport 1. ios的viewport是980px;普遍 2.安卓不一定 注：为什么不使用默认的980px的布局v ...
分类：
移动开发 时间：
2017-01-07 16:46:15
阅读次数：
217
参考：http://www.cnblogs.com/xesam/archive/2011/12/08/2280509.html chrome： e.pageX——相对整个页面的坐标e.layerX——相对当前坐标系的border左上角开始的坐标e.offsetX——相对当前坐标系的border左上角 ...
分类：
其他好文 时间：
2017-01-05 13:06:48
阅读次数：
189
一.定义和用法 1.event.clientX：事件对象的水平偏移量； event.clientY：事件对象的垂直偏移量； 2.event.pageX：事件对象加上滚动距离后的水平偏移量； event.pageY：事件对象加上滚动距离后的垂直偏移量； 3.$(selector).scrollLeft ...
分类：
其他好文 时间：
2017-01-04 00:10:27
阅读次数：
296
一.event : 事件对象 , 当一个事件发生的时候，和当前这个对象发生的这个事件有关的一些详细的信息都会被临时保存到一个指定地方-event对象，供我们在需要的调用。如：飞机-黑匣子 事件对象必须在一个事件调用的函数里面使用才有内容 事件函数：事件调用的函数，一个函数是不是事件函数，不在定义的决 ...
分类：
其他好文 时间：
2017-01-04 00:07:01
阅读次数：
254
移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 四种touch事件 touchstart 当手指触摸到屏幕时触发，即使 ...
分类：
移动开发 时间：
2016-12-27 01:13:27
阅读次数：
276
1. clientX，pageX，offsetX，screenX的区别： event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY ...
分类：
其他好文 时间：
2016-12-23 22:04:56
阅读次数：
165
Window对象属性ScreenLeft/ScreenTop/ScreenX/ScreenY只读整数，声明了窗口的左上角在屏幕上的x坐标和y坐标。IE、Safari和Opera支持ScreenLeft/ScreenTopFirefox、Safari支持ScreenX/ScreenYChrome都支持innerWidth/innerHeight只读属性，声明了窗口的文档显示区的宽度和高度，..
分类：
其他好文 时间：
2016-12-19 14:52:13
阅读次数：
305
总结一下平时遇到的浏览器兼容性问题，本篇关于JS。 1.事件绑定 兼容写法： 小结：addEventListener()兼容firefox、chrome、safari、opera、IE9+ attachEvent()兼容IE7,8 2.event事件对象 兼容写法 小结：e兼容火狐浏览器，windo ...
分类：
Web程序 时间：
2016-12-18 20:45:26
阅读次数：
257
function handleTouchEvent(event) { if (event.touches.length == 1) { var output = document.getElementById("output"); switch (event.type) { case "touchs ...
分类：
其他好文 时间：
2016-12-15 00:51:04
阅读次数：
160
在移动端页面开发时，常常会用到touch事件，比如左滑右滑的轮播等。常用的触摸事件有touchstart,touchmove,touchend。 每个事件包含下面三个用于跟踪虎摸的属性： touches：表示当前跟踪的触摸操作的touch对象的数组。 targetTouches：特定于事件目标的To ...
分类：
移动开发 时间：
2016-12-14 21:06:35
阅读次数：
215
