Hammer.js源碼解析(1) - 總體架構

一直以來都想着去詳細瞭解手勢事件相關的東西，又由於一直以來使用的都是Hammer.js，因此想着經過閱讀Hammer.js的源碼來學習手勢的相關知識。

首先，咱們來看Hammer.js的總體架構(Hammer.js的版本都是2.0.8)

咱們來看，Hammer.js的初始化的流程圖

var myElement = document.getElementById('hitarea');
var mc = new Hammer(myElement);

Hammer.js中須要理解的核心：

1. manager，是整個Hammer.js的管理者，維繫Hammer.js中各個模塊
2. 須要添加必須的css，在 new TouchAction() 和 toggleCssProps()兩個方法中設置
3. 建立當前的Input事件(監聽手勢的事件，如Touch, Pointer, Mouse等)以及對這些方法的處理
4. 手勢的檢測和觸發，都包含的 Recognizer 的方法之中