一、简介 ①Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 ②Swiper 是一款免费以及轻量级的移动设备触控滑块的框架，使用硬件加速过渡（如果该设备支持的话）。主要使用与移动端的网站、网页 ...
分类：
其他好文 时间：
2018-07-24 13:56:48
阅读次数：
194
一、手指触屏，利用touchstart和touchend计算前后滑动距离，判断是上拉还是下滑。 二、js中距离：pageY、clientY、offsetY的区别： offsetY:相对于父节点的偏移距离。 clientY:相对于浏览器，滚轮距离不算在内。 pageY:相对于浏览器，滚轮滚动的距离算在 ...
分类：
移动开发 时间：
2018-07-19 22:05:30
阅读次数：
789
swiper swiper.js是一款成熟稳定的应用于PC端和移动端的滑动效果插件，一般用来触屏焦点图、触屏整屏滚动等效果。 swiper分为2.x版本和3.x版本，2.x版本支持低版本浏览器(IE7)，3.x放弃支持低版本浏览器，适合应用在移动端。 2.x版本中文网址：http://2.swipe ...
分类：
其他好文 时间：
2018-07-17 23:26:02
阅读次数：
209
移动web js触屏事件 按下 松开 滑动讲解 一、触摸事件 ontouchstart ontouchmove ontouchend ontouchcancel 前移动端浏览器均支持这4个触摸事件，包括IE。由于触屏也支持MouseEvent，因此他们的顺序是需要注意的： touchstart → ...
分类：
移动开发 时间：
2018-07-06 01:50:55
阅读次数：
620
移动产品有触屏，更适宜的操作方式与传统的PC端会有区别。所以要根据移动产品的不同来设计产品。 移动端使用的时间可能不长，但是使用频率很高。利用移动端的传感器。小屏幕小窗口：由于这个特性 手指的精确性没有鼠标高，所以根据这个特性来设计产品。 三种移动产品实现的方式。第一个是原生应用（客户端）。 第二种 ...
分类：
移动开发 时间：
2018-06-25 16:54:35
阅读次数：
199
今天做了一个html的活动页面，本来马上就要完工，准备开开心心收尾，结果~... 产品突然提出需要说，要讲html中的某些交互和APP原生组件挂钩，心里一万头xxx奔过~ 静下心来思考 以往我们是判断是否客户端打开都依赖于后端，通过app主动拼接参数的方式，传递给后端，后端告诉前端本次的加载是在ap ...
分类：
移动开发 时间：
2018-06-01 19:06:59
阅读次数：
269
html5 device access:图片预览，触屏事件，设备方位与加速度，鼠标锁定，定位 ...
分类：
数据库 时间：
2018-05-23 23:41:57
阅读次数：
390
交互层级主要分为四个层级： 硬件层级——支持交互形式的基础 1.触屏技术 2.重力感应 3.人脸识别 4.指纹和声音识别 系统层级——延续交互习惯的平台 1.PC端 2.移动端 IOS:iPhone OS是苹果公司为iPhone开发的操作系统。 Android:Android是Google基于Lin ...
分类：
其他好文 时间：
2018-05-17 15:59:57
阅读次数：
210
touches: 当前屏幕上所有触摸点的列表; targetTouches: 当前对象上所有触摸点的列表; changedTouches: 涉及当前(引发)事件的触摸点的列表 通过一个例子来区分一下触摸事件中的这三个属性： 1. 用一个手指接触屏幕，触发事件，此时这三个属性有相同的值。 2. 用第二 ...
分类：
移动开发 时间：
2018-05-12 11:19:23
阅读次数：
220
