最近用vue2.0做项目,具体如下: 使用的插件: 下拉刷新插件: better-scroll 状态管理: vuex 路由管理: vue-router 轮播插件: swiper 接口交互: axios 300毫秒延迟 : fastclick package.json 如下 { "name": "vu ...
分类:
其他好文 时间:
2017-03-08 12:37:16
阅读次数:
263
fastclick源文件中有这一行,加个if条件就可以了 当touchend的时候我们判断一下他的event.target到底是啥,如果是date我们就不玩了,不要你fastclick了,用原生的去触发不就OK了,来个return false; 我的代码: FastClick.prototype.o ...
分类:
其他好文 时间:
2017-02-13 19:58:05
阅读次数:
203
页面禁止缩放: 关于禁止横屏: 关于在移动端使用普通的click事件延迟300ms的问题: 1. 将click事件转变成touchstart/touchend事件(手指按下即会触发) 或者改写on方法 2. 利用fastClick 关于移除移动端长按出现选择文字: 在对应div的css下添加 目前i ...
分类:
微信 时间:
2017-01-24 17:24:16
阅读次数:
556
FastClick是一个简单、易用的库,专为消除移动端浏览器从物理触摸到触发点击事件之间的300ms延时。为什么会存在延迟呢?从你触摸按钮到触发点击事件,移动端浏览器会等待接近300ms,原因是浏览器会等待以确定你是否执行双击事件兼容性MobileSafarioniOS3andupwardsChromeoniOS5..
分类:
移动开发 时间:
2016-12-27 16:10:30
阅读次数:
216
在分析fastclcik源码之前需要先搞清楚为什么非得用click代替touchstart,移动端直接使用touchstart不就行了吗。我认为主要有以下两大理由: 1、部分网站PC端、移动端共用一套代码,都绑定了touchstart,PC端还怎么玩 2、二者触发条件不同:a)touchstart ...
分类:
其他好文 时间:
2016-11-24 07:35:38
阅读次数:
199
来自:http://www.cnblogs.com/vajoy/p/5522114.html 下面的是自己改写的轻量的 fastclick ...
分类:
其他好文 时间:
2016-11-04 11:36:01
阅读次数:
263
在移动端,网页上的点击穿透问题导致了非常糟糕的用户体验。那么该如何解决这个问题呢? 问题产生的原因 移动端浏览器的点击事件存在300ms的延迟执行,这个延迟是由于移动端需要通过在这个时间段用户是否两次触摸屏幕而触发放大屏幕的功能。那么由于click事件将延迟300ms的存在,开发者在页面上做一些交互 ...
分类:
其他好文 时间:
2016-10-30 00:48:55
阅读次数:
244
一个完整的web项目包含了从前端的用户输入到后端的数据存取,任何复杂的大型项目本身也是无数个小项目构建而成,所以经历一个完整的web项目,有助于你从前到后的了解数据如何从浏览器端经过服务器处理流入数据库。过去我可能会推荐你试试php,因为它和JavaScript很像,现在有了node,要搭建一个we... ...
分类:
其他好文 时间:
2016-09-03 12:20:34
阅读次数:
118
发发牢骚 移动web端里摸爬滚打这么久踩了不少坑,有一定移动web端经验的同学一定被click困扰过。我也不列外。一路走来被虐的不行,fastclick、touchend、iscroll什么的都用过,各有优劣,都不能一步到位。最后实在是被逼无奈,翻阅了不少资料,自定义了一个tap。 效果预览 废话不 ...
分类:
移动开发 时间:
2016-09-01 18:23:22
阅读次数:
243
window.addEventListener('load', function() { FastClick.attach(document.body); }, false); //300s延迟,解决iPhone上select时常失去焦点,随意跳到下一个输入框,影响用户操作 结合fastclick. ...
分类:
其他好文 时间:
2016-08-02 16:30:16
阅读次数:
1629