什么是mootools mootools如何面向对象

2017-03-31

MooTools是一个简洁,模块化,面向对象的开源JavaScript web应用框架,下面就让小编来给你科普一下什么是mootools。

mootools的简介

它为web开发者提供了一个跨浏览器js解决方案。在处理js、css、html时候。

它提供了一个比普通js更面向对象的documentAPI。

mootools的优点

1.灵活,模块化的框架,用户可以选择自己需要的组件。

2.MooTools符合OO的思想,使代码更强壮,有力,有效。

3.高效的组件机制,可以和flash进行完美的交互。

4.对于DOM的扩展增强,使开发者更好的利用document

mootools的组件

MooTools包含很多组件,官方网站MooTools支持你下提取自己需要的独立代码而不需要全部下载, 同时可以选择压缩的级别。

Core:常用函数集合,其它组件必须的

Class:MooTools类的实例化的基础库

Natives:原始类的扩展。

Element:包含一些对html element及其扩展

Fx:一个动态元素高级效果的API

Requests:为开发者提供xhttpRequest cookie json html特定检索工具

Window:提供一个获取client信息的跨浏览器接口

mootools的兼容性

Safari 2+

Internet Explorer 6+

Mozilla Firefox 2+

Opera 9+

Camino 1.5+

mootools面向对象

MooTools包含一个健壮的类创建器和继承系统类似其它OO的语言

例如:以下代码提供和链接中(//en.wikipedia.org/wiki/Polymorphism_in_object-oriented_programming#Examples)地址类似的功能

var Animal = new Class({

initialize: function(name){

this.name = name;

}

});

var Cat = new Class({

Extends: Animal,

talk: function(){

return 'Meow!';

}

});

var Dog = new Class({

Extends: Animal,

talk: function(){

return 'Arf! Arf';

}

});

var Animals = {

a: new Cat('Missy'),

b: new Cat('Mr. Bojangles'),

c: new Dog('Lassie')

};

for(var animal in Animals) alert(animal.name + ': ' + animal.talk());

// alerts the following:

//

// Missy: Meow!

// Mr. Bojangles: Meow!

// Lassie: Arf! Arf!

更多相关阅读

最新发布的文章