js面向对象（三）---组件开发

一、对象的多种表现形式

　　1、提高对象的复用性

　　2、如何配置参数和默认参数

不知道该怎么描述，就直接上代码吧，下面做了2个例子，重点看整个组件的大体结构

用组件的方式做拖拽窗口，你可以狠狠的点击这里进行查看

用组件的方式开发简易弹窗，你可以狠狠的点击这里进行查看

二、组件的定义

　　1、将对面向对象的深入应用（UI组件，功能组件）

　　2、将配置参数、方法、事件、三者进行分离

　　例子：可参照jquery UI 官网上，查看其中的一个组件就能说明了这些问题。

三、我们可以创建自定义事件

　　1、有利于多人协作开发代码

　　2、重点：挂载自定义事件与事件函数

给项目配置不同的参数

//配置参数

var a = {

	name : '小明'

}

//默认参数

var b = {

	name : '小强'

}

extend(b ,a)

alert(b.name)

function extend(obj1,obj2){

    for(var attr in obj2){

	obj1[attr] = obj2[attr]

    }

}

可查看做的两个学习实例，重点看实例实现的方式，怎么调用，怎么挂载，怎么实现

1、基于jq的选项卡组件开发，你可以狠狠的点击这里进行查看

ps：在项目开发中，在写组件的时候，建议尽量用.addEventListener()的方式来绑定事件，不管是系统事件还是自定义的事件

巴特西

js面向对象（三）---组件开发

最新文章

热门文章