分享一个移动项目中消除click事件点击延迟的方法

对于前端工程师来说，apicloud无疑给我们提供了很好的平台，有各种各样的模块供我们使用，但是在实际项目的时候，很大部分的代码，还是需要我们用html css js来实现的。但是呢，移动端页面对于click事件会有 300 毫秒的延迟，导致多数用户感觉移动设备上基于 HTML 的 web 应用界面响应速度慢。

在这里推荐一个简单易用的 js库，用来消除界面中的click事件造成的延迟。

https://github.com/ftlabs/fastclick

目前，亲测在iphone表现很完美。

如果你用在Android设备的Web View里使用，会产生用户本来只想滑动却误点的Bug，因为Android机器性能就参差不齐，而且APK包自带的那个浏览器很渣。所以如果使用FastClick，最好做个判断，不要用在Android APK里面。（这个是在网上看到的，所以在安卓设备里，慎用，如果真要用的话，用以前最好自己也多测试下）

相关技术文档：http://www.apicloud.com/index?uzchannel=3

免费1对1梳理APP需求：http://app.apicloud.com/RequirementDescription

推荐项目送macbook、iphone7等大礼：http://community.apicloud.com/bbs/forum.php?mod=viewthread&tid=44433

时间： 2024-07-30 13:43:19

分享一个移动项目中消除click事件点击延迟的方法的相关文章

分享一个jquery插件,弥补一下hover事件的小小不足

hover事件有一个缺点:当你的鼠标无意划过一个dom元素(瞬间划过,这个时候用户可能不想触发hover事件),会触发hover事件 应该设置一个时差来控制hover事件的触发 比如jd左边的菜单 你用鼠标瞬间划过他子菜单会弹出然后立即消失, 用户体验非常的不好. 易迅的菜单就没有这个问题 delayHover来解决这个问题 啥也不说了先看调用---------- 调用方式: var duration = 500;// 延迟500毫秒 $('#div1').delayHover(function

C#中WebBrowser.DocumentCompleted事件多次调用问题解决方法

关于DocumentCompleted事件,MSDN给出的解释是在文档加载完毕后执行,但是在我的程序中DocumentCompleted却被多次调用,查了一下资料,大概出现了以下几种情况. 1.WebBrowser载入一个页面后DocumentCompleted事件会执行两次,但这两次的ReadyState状态不一样,分别是Intercative和Complete.而MSDN对这两种状态值的解释是:Complete该控件已完成新文档及其所有内容的加载:Interactive该控件已经加载足够的文

关于CUDA C 项目中“ error C2059: 语法错误:“<” ”问题的解决方法

该问题的关键在于理解CUDA项目中C\C++文件需要由c++编译器进行编译,而CUDA C的源文件需要由CUDA的编译器nvcc.exe进行编译. 发生该语法错误的原因是cu文件被C++编译器所编译,C++编译器无法识别 "<<<",导致报错. 为什么cu文件会被C++编译器所编译呢?原因在于我们使用#include将cu文件包含到了C++文件中.对于#include的用途,更简单的理解就是把几个文件合并成一个文件,所以,当编译C++文件中,包含其中的cu文件也会被编

快到七夕了，分享一个C写的exe,可以直接点击运行的，效果看下图

原文:快到七夕了,分享一个C写的exe,可以直接点击运行的,效果看下图 源代码下载地址:http://www.zuidaima.com/share/1550463688690688.htm 不要玫瑰.不要礼物,程序员有程序员表达爱情的方式

实现一个iOS项目中添加多个target，并制作马甲包。

公司项目中全部采用多个Target在一份项目代码中生成多个app端,之前项目中未曾使用过,问了几个朋友打过马甲包的朋友,也都没多Target搞过,因此自己试验整理了下target生成的整个过程,尽量步骤详细,大牛勿喷,小白共勉. 1.添加多个target 如下图,在项目配置TARGETS中,选中需要复制的target目标,右键选择Duplicate,然后就会出现一个叫* copy名字的target. 如下图 选择Duplicate only,出现如下图MoreTarget copy 修改More

在微信公众号开发（微站）过程中用Zepto/jquery的on/live绑定的click事件点击无效（不能执行）

问题描述 当使用委托给一个非button.a标签元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效. 解决办法 解决办法有 4 种可供选择: ?将 click 事件直接绑定到目标?元素(??即 .target)上 将目标?元素换成 <a> 或者 button 等可点击的?元素 ?将 click 事件委托到?????非 document 或 body 的??父级元素上 ?给?目

iOS项目中引用第三方库引发冲突的解决方法

在iOS程序开发过程中,经常会碰见引用第三方库出现类名重复使用,导致冲突. 解决方案 1.使用命令将.a库中的相同的包移除 2.在编译链接项中添加-dead_strip项  补充说明: -dead_strip:删除多余的库符号: -all_load:让链接器把所有找到的目标文件都加载到可执行文件中: -force_load:所做的事情跟-all_load其实是一样的,但是-force_load需要指定要进行全部加载的库文件的路径 使用命令将.a库中的相同的包移除步骤如下: 1.创建临时文件夹(用

web项目中解决post乱码和get乱码的方法

前提复习编码问题产生的原因: 1.  什么是URL编码. URL编码是一种浏览器用来打包表单输入的格式,浏览器从表单中获取所有的name和其对应的value,将他们以name/value编码方式作为URL的一部分或者分离的发送到服务器上. 2.  URL编码规则. 每对name/value由&分开,每对来自表单的name/value用=分开.如果用户没有输入值的那个name依旧会出现不过就是没有值. URL编码是在字符ASCII码的十六进制数的前面加上%.例如\(她的十六进制数表示为5c)的UR

fastclick与zepto的 tap事件关于在手机上click事件的300ms延迟的区别

之前翻译过一篇关于fastclick的快速点击文章http://www.cnblogs.com/lilyimage/p/3568773.html,fastclick可以解决在手机上点击事件的300ms延迟:另外我们也知道zepto的touch模块,帮助我们实现了很多手机上的事件,比如tap等,tap事件也是为了解决在click的延迟问题.那么他们有什么区别呢? 先看zepto的touch模块实现: 1 $(document) 2 .on('touchstart ...',function(e){