最近一直在WAP端页面的开发,一直都知道wap端点击相关问题存在延迟.之前做的网页大部分使用a链接进行,一直未入此坑. 最近做的一个WAP网站,各种点击,hover事件,如果使用PC端网页的做法,直接使用js click事件与css中的hover伪类,视觉效果与用户体验很差. click的坑: 存在延迟 移动端处理事件优先级别: 触摸事件 > 连续 > 点击事件 touch > douchtouch > click 浏览器在触摸完毕后会检测连续触摸事件,判断是否需要执行放大缩小效果…

乱码,我们前台展示的杀手,可能有些朋友和我的经历一样:遇到乱码先按照自己的经验来解决,如果没有解决就google,运气好一搜就可以解决,运气不好可能够你折腾一番了.LZ之所以写这个系列博客就是因为遇到这个令人讨厌的问题,虽然是小问题但又不得不解决. 在这个系列博文中LZ并没有阐述归纳乱码的方法,出现乱码的原因各式各样但根本原因就是编码转换过程中的格式不一样,所以我们只需要了解了java在运行过程中是如何来完成编码和解码的,乱码也许就真不是什么问题了. 在前面三篇博客中LZ说明了各种编码的来由.编…

移动端click事件300ms延迟 移动端click事件300ms的延迟在目前看来,已经是老生常谈了. 以下内容,我会在参考资源的基础上谈谈我对移动端click事件300ms延迟的一些理解.本人愚昧,如有不足,望浏览指正. 300ms延迟的原因 参考资源有谈到,300ms延迟是因为浏览器要判断用户的操作而规定的.浏览器不知道用户的手指离开屏幕之后是否会再次回到屏幕,还是就此结束触摸事件.为了确定用户接下来的操作,浏览器不得不等待一段时间.而浏览器开发者找到了一个最佳时间间隔,就是300ms. 而…

MyEclipse导入主题文件epf后xml及jsp等页面中点击标签之后显示灰白,症状例如以下: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvVVAxOTkxMDUyMg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""> 解决方式例如以下:…

移动端点击事件300ms延迟的问题由来已久,如下截图 下面截图来自原文:https://www.jianshu.com/p/6e2b68a93c88 网上关于300ms延迟问题的解决方法,大致分为 3 种 ①:使用 meta viewport 属性禁用缩放,并让视口宽度等于设备宽度 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale…

1.如何解决页面跳转 打开Preserve log即可 禁用页面缓存在右边的disable cache 2.如何监听页面点击 重要的是举一反三,看不懂英文去翻译!Mouse鼠标,click点击,,,, 3.如何查看响应的Json数据 切换到XHR视图 4.如何格式化查看JS 5.经常点击的视图…

文件上传用到全局数组: $_FILES 只需要把下面的 <button onclick="post()">提交</button> 改为 <input type="button" onclick="post()" value="提交"/>就不会刷新页面了!!! 参考 http://bbs.csdn.net/topics/391852021 what fuck ... sb html   我在那…

iOS Safari 中click点击事件失效的解决办法 问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效(不能执行) 问题描述 当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效. 解决办法 解决办法有 4 种可供选择: ​将 click 事件直接绑定到目标​元素(​​即 .target)上 将目标​元素换成 …

我们知道JSP页面是需要转换为servlet的,在转换过程中肯定是要进行编码的.在JSP转换为servlet过程中下面一段代码起到至关重要的作用. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="GBK" %> 在上面代码中有两个地方存在编码:pageEncoding.contentType的charset.其中pageEnco…

wap页面是自行应页面 必须在head中加入 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> 参照天猫的wap页面设计,容器宽度在320px,并且剧中.正好手机一屏能装下. MX3,lt18i iphone4S 测试…