随笔分类 -  Hammer.js分析

Hammer.js分析(四)——recognizer.js
摘要:不同识别器会使用不同逻辑,根据从相关Input类获取到的事件对象和事件,实现自定义的触屏事件,例如tap、pinch等。 一、继承关系 Recognizer与前面的Input一样,也相当于是个抽象类。 从上图中可以看到,6个子类都会先继承AttrRecognizer类,因为AttrRecognize 阅读全文
posted @ 2016-02-18 10:09 咖啡机(K.F.J) 阅读(1077) 评论(0) 推荐(1) 编辑
Hammer.js分析(三)——input.js
摘要:input.js是所有input文件夹中类的父类,浏览器事件绑定、初始化特定的input类、各种参数计算函数。 Input父类和其子类就是在做绑定事件,各种参数计算、整合、设置等返回自定义事件对象,交给识别器的相关对象使用。 一、Input父类 Input相当于一个抽象类,对象中总共有3个方法 1) 阅读全文
posted @ 2016-02-17 10:00 咖啡机(K.F.J) 阅读(2329) 评论(1) 推荐(0) 编辑
Hammer.js分析(二)——manager.js
摘要:“Manager”是所有识别器实例的容器,它为你设置的元素安装了交互事件监听器,并设置了触摸事件特性。 manager.js中的代码会涉及到input.js和recoginzer.js中的内容,这里会先做大致的流程分析,具体分析会在接下来的文章中详谈。 一、Manager构造函数 初始化流程如下所示 阅读全文
posted @ 2016-02-16 09:49 咖啡机(K.F.J) 阅读(1992) 评论(0) 推荐(0) 编辑
Hammer.js分析(一)——基础结构
摘要:从github上面将源码下载下来,会发现有个src文件夹。当前版本是2.0.6。 总的结构如下: 一、常量 这里将常量全部列在一起是可以在对比源码的时候,更方便的查看相应内容。 二、utils.js 各种工具方法包含其中。 1)setTimeoutContext:封装了一下setTimeout 2) 阅读全文
posted @ 2016-02-15 10:07 咖啡机(K.F.J) 阅读(3171) 评论(0) 推荐(1) 编辑