mootools

mootools

MooTools是一個簡潔,模組化,面向對象的開源JavaScript web套用框架。它為web開發者提供了一個跨瀏覽器js解決方案。在處理js、css、html時候。它提供了一個比普通js更面向對象的documentAPI。

簡介

MooTools

是一個簡潔,模組化,面向對象的開源JavaScript web套用框架。

它為web開發者提供了一個跨瀏覽器js解決方案。在處理js、css、html時候。

MooTools logMooTools log

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

優點

1.靈活,模組化的框架,用戶可以選擇自己需要的組件。

2.MooTools符合OO的思想,使代碼更強壯,有力,有效。

3.高效的組件機制,可以和flash進行完美的互動。

4.對於DOM的擴展增強,使開發者更好的利用document

組件

MooTools包含很多組件,官方網站MooTools支持你下提取自己需要的獨立代碼而不需要全部下載, 同時可以選擇壓縮的級別。

Core:常用函式集合,其它組件必須的

Class:MoolTools類的實例化的基礎庫

Natives:原始類的擴展。

Element:包含一些對html element及其擴展

Fx:一個動態元素高級效果的API

Requests:為開發者提供xhttpRequest cookie json html特定檢索工具

Window:提供一個獲取client信息的跨瀏覽器接口

兼容性

Safari 2+

Internet Explorer 6+

Mozilla Firefox 2+

Opera 9+

Camino 1.5+

面向對象

MooTools包含一個健壯的類創建器和繼承系統類似其它OO的語言

例如:以下代碼提供和連結中(http://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!

點評

Mootools從Prototype.js中汲取了許多有益的設計理念,語法也和其極其類似。但它提供的功能要比Prototype.js多,整體設計也比Prototype.js要相對完善,功能更強大,比如增加了動畫特效、拖放操作等等。總之,Mootools是一個非常優秀的Javascript框架,更多精髓部分等待你去發掘.

相關詞條

熱門詞條

聯絡我們