自定义浏览器事件，模拟浏览器事件流

简述

我认为，事件是我们前端最为熟悉的编程模式，在前端开发中能接触太多太多，而且相对而言，事件是一种相对容易理解，逻辑性高的的模式，对于优化组件/插件的逻辑是一个很好的应用模式。

这文章主要是用JavaScript实现3级dom事件机制，后面的更新会涉及应用倒组件开发当中。

1. 浏览器事件一：事件的基础应用
2. 浏览器事件二：浏览器是如何实现事件
3. 浏览器事件三：自定义事件

如何实现

jQuery 实现方式

jQuery 是实现了一个独立的事件方法，甚至可以在自定义对象（object）上绑定事件，功能十分强大。
例：

//import jQuery
$(selector).on('yourEvent',function(){
    console.log('i m yourEvent handler');
})

$(selector).trigger('yourEvent')

上面例子就是jQuery 的自定义事件实现方式，下面再展示一个绑定对象上的事件，它其实是一个订阅/发布模式的实现 —>