`
lp895876294
  • 浏览: 288330 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Mootools--OO的js框架

    博客分类:
  • JS
 
阅读更多

主要试验了Mootools在OO开发方面的Class、JSON、Object对象的使用,在mootools在js的模块化开发方面较RequireJS和DOJO还是比较简便的。

在项目中只引用了mootools的基础类库,没有引用mootools的插件库,基础类库比较小,大约27KB,见附件。

mootools文档地址:http://mootools.net/docs/core

实例:

var Person = new Class({
	//构造函数
	initialize:function(name){
		this.name = name ;
	}
});
//直接扩展Person类,添加新的方法
Person.implement({
	action : function(){
		alert("run");
	}
});
//类的继承机制
var Student = new Class({
	Extends: Person,
	initialize:function(name,age){
		//调用父类的initialize方法
		this.parent(name); 
		this.age = age ;
	}
});
//通过implements创建新的对象,覆盖baseclass中已有的方法,也可以添加新的方法
var SuperMan = new Class({
	Implements:Person,
	action : function(){
		alert("fly");
	}
});

var p = new Person("lp");
var student = new Student("stu",27) ;
//alert(student.name+"  "+student.age) ;
var man = new SuperMan("superman");
//alert(JSON.encode(man));
//alert(man.name);
//man.action();
//p.action();

var firstObj = {
		name : 'lp'
} ;

var secondObj = {
		name : 'xhy',
		age : 27
};
//将secondObj追加到firstObj中
Object.append(firstObj,secondObj);

alert(JSON.encode(firstObj)+"\n"+JSON.encode(secondObj));

 

 

分享到:
评论

相关推荐

    MooTools JS框架 v1.3.2

    MooTools是一个简洁,模块化,面向对象的开源JavaScript web应用框架。它为web开发者提供了一个跨浏览器js解决方案。在处理js css html时候。它提供了一个比普通js更面向对象的document API。优点::1.灵活,模块化...

    MooTools JS框架 v1.3.2.rar

    MooTools是一个简洁,模块化,面向对象的开源JavaScript web应用框架。它为web开发者提供了一个跨浏览器js解决方案。在处理js css html时候。它提供了一个比普通js更面向对象的document API。 优点:: 1.灵活,...

    jsLinb —— 一个不错误的js框架(兼容jQuery, prototype, mootools等其他框架)

    dom属性操作,javascript完美OO实现,javascript线程,高级Ajax,强大的DragDrop,超级控件(可在外观/模板/行为/数据模型四个维度上定制的标准控件,可完全自定义控件)等。 jsLinb is a Cross-Browser javascript ...

    mootools详细教程

    【MooTools】MooTools 是一个轻量级的JavaScript框架,它提供了丰富的工具和类库,使得开发者能够更加高效地编写和管理JavaScript代码。在本文档中,我们将重点介绍MooTools中的核心组件——Element模块,以及如何...

    基于Mootools库的Web分页技术实现.doc

    Mootools是一个轻量级且高度模块化的JavaScript框架,其优势包括: - 灵活的组件选择,开发者可以根据需求选取必要的模块。 - 遵循OO原则,使得代码更加健壮和高效。 - 提供高效的组件机制,能够与Flash等其他技术...

    Mootools.pptx

    MooTools是一个强大的JavaScript库,它提供了一个模块化和面向对象的框架,使得开发者能够更加灵活地选择并组合所需的组件,以构建复杂且高效的Web应用程序。这个库的设计理念是遵循面向对象(OO)的原则,这使得...

    21个新奇漂亮的AjaxCSS表格设计

    - **MooTools TableRow & Column highlighting**:基于MooTools框架,实现鼠标悬停时的单元格行和列高亮显示。 - **CSSTableGallery**:收集了大量表格样式,提供设计灵感。 - **jQuery Table Filter**:实现数据的...

    newland:node.js 全栈式MVC framework

    newland 如果说前端是维斯特洛大陆,那么后端是更为古老... 还用node.js搭建了express.js这著名框架。 jquery Prototype mootools EXT dojo YUI underscore 风暴地 北境 西境 河湾地 多恩(南境) 谷地 河间 风息堡

Global site tag (gtag.js) - Google Analytics