自定义组件开发

1.自定义组件需要将配置参数，方法，事件，三者分离。自定义组件可以实现同一个函数在同一个参数中绑定不被覆盖，相当于js为元素绑定事件。

2.原生JS实现自定义事件

function bindEvent(obj,events,fn)
{
if(obj.addEventListenter){
          obj.addEventListenter(events,fn,false);
    }
else{
      obj.attachEvent("on"+events,fn);
      }
  }
function fireEvent(obj,events)
 {
for(var i=0;i<obj.listeners[events].length;i++)
     {
       obj.listeners[events][i]();
       }
 }
 window.onload=function(){
var odiv=document.getElementById("div1");
   bindEvent(odiv,"show",function(){
   alert("1");
   });
   fireEvent(odiv,"show");//主动触发自定义事件
   }