在移动端做了个导航，长这样 原来结构是用的span <span class="menu_icon"> <img src="img/icon_1.png"> <p>导航</p> </span> 绑定用的是jquery的.click $('.menu_icon').click(function () { ...
分类：
微信 时间：
2020-02-14 00:30:44
阅读次数：
229
click狂点下会掉帧，要解决很简单。 1.如果你只是在pc上用就直接把click变成mousedown就可以。 2.如果你加了mousedown，移动设备是不支持mousedown的那么你如果有需求就得添加touch事件。 2.1首先允许开启touch事件creatjs.Touch.enable( ...
分类：
其他好文 时间：
2019-12-29 10:42:26
阅读次数：
66
View 、ViewGroup事件分发： 1. Touch事件分发中只有两个主角：ViewGroup与view ViewGroup包含onTnterceptTouchEven，dispathTouchEven，onTouchEven三个相关事件 View包含dispathTouchEven，onTo ...
分类：
移动开发 时间：
2019-12-01 18:55:12
阅读次数：
108
屏蔽输入框怪异的内阴影 禁止自动识别电话和邮箱 ` ` 禁止用户选择文本 宽度设置为100%，加了padding或border后出现滚动条 touchcancel 事件 touchcancel事件 是当某种touch事件非正常结束时触发，属于系统事件。 300ms 单击延时 click事件因为要等待 ...
分类：
移动开发 时间：
2019-11-23 14:23:21
阅读次数：
79
移动端的下拉刷新是一个很常见的功能，也有许多开源库实现了这个功能，不过为了学习，还是先自己写一个例子学习一下。其中用到了一些touch事件和一些DOM属性CSS3属性。直接上代码，代码里面有注释。 <!DOCTYPE html> <html lang="en"> <head> <meta chars ...
分类：
移动开发 时间：
2019-11-17 10:58:08
阅读次数：
84
1.移动端与pc端的区别 移动端没有鼠标，自然也没有鼠标事件。所以onmousedown之类的事件监听在移动端时无效的。 移动端为了响应双击事件，onclick事件有300ms的延迟，因为要看看接下来的300ms有没有再次点击，有的话视为双击，没有的话视为单击。 延迟300ms只是理论上，实际上每台 ...
分类：
移动开发 时间：
2019-10-04 09:19:00
阅读次数：
403
mui框架使用video.js来播放视频，苹果手机全屏没问题，安卓手机全屏却闪一下就退出，原因是因为引入了mui.js,导致和video。js冲突了，touch事件执行了两遍，解决办法是video.js的全屏按钮点击一次后就阻止，代码 mui("#my-video").on("touchstart" ...
分类：
移动开发 时间：
2019-09-21 16:46:01
阅读次数：
169
首先给页面添加 touch 事件 然后定义一个合理区间进行判断,用户当前是上下滑动看书还是左右滑动变换章节. 这里面根据用户如果上下滑动的幅度超过 50 即认定为用户当前行为是上下翻看内容,否则就根据用户左右滑动的幅度进行判断,取值左右 100 为有效区间,小于则认定为无效操作! ...
分类：
移动开发 时间：
2019-09-12 00:17:47
阅读次数：
843
使用better-scroll,在chrome浏览器测试代码,切换手机模拟器之后,就会出现刷新后才能滑动的"bug".这个问题困扰了我半天,上网搜了很久也没有找到很好的解决方案. 几番测试之后,我怀疑是touch事件没注册导致的,为了验证我的猜想,我把源码下载下来并分析,终于让我找到了解决关键代码, ...
分类：
其他好文 时间：
2019-08-28 00:49:09
阅读次数：
603
Element提供了指令和服务两种方式使用它的loading组件 使用指令方式时只需在节点添加指令v-loading并给它一个变量来维护状态，就能实现开启与关闭 下面是element官网提供的服务方式调用loading组件的demo 显然，使用指令方式时，由于状态可以通过变量维护，因此我们能够灵活地 ...
分类：
其他好文 时间：
2019-08-07 18:58:15
阅读次数：
136
