组件开发定义

什么是组件？

对面向对象的深入应用

将配置参数、方法 事件（自定义事件） 三者进行分离

多看jQuery源码学习。。。。。

 

哪些属于配置参数

有json形式 下有默认参数  配置参数去覆盖默认参数

哪些属于方法

是一些函数 

哪些属于事件

创建自定义事件

主要跟函数有关 ,让函数能够具备事件的某些特性。 （ 事件流 相互覆盖）

有利于多人协作开发代码

如何去挂载自定义事件与事件函数

--------------------------------

function show（）写一个功能

{

     你写一个，

     我写一个，

     他写一个，

}

show（）；然后就乱了程序   呵呵。。。。

--------------------------------

拆分？

    window.onload=function()
            {
                var div = document.getElementsByClassName("div")[0];
                var span = document.getElementsByClassName("span")[0];
                
                bindEvent(div,"click",function(){
                    alert(1)
                });
                bindEvent(div,"click",function(){
                    alert(2)
                });
                bindEvent(span,"show",function(){
                    alert(3)
                });
                fireEvent(span,"show");//主动触发
        
            }
                    
                function bindEvent(obj,events,fn){
                    obj.listener = obj.listener || [];   //楼层
                    obj.listener[events] = obj.listener[events] || []; //书架
                    obj.listener[events].push(fn);
                    
                    if(obj.addEventListener){
                        obj.addEventListener(events,fn,false)
                    }else{
                            obj.attachEvent('on'+events,fn);
                        }
                }
                function fireEvent(obj,events)
                {
                    for (var i = 0; i<obj.listener[events].length;i++) {
                        obj.listener[events][i]();//遍历其中所有的事件events
                    }
                }