当前位置: 首页 > 工具软件 > MooTools > 使用案例 >

mootools 简介

扶绍辉
2023-12-01

简介:  MooTools是一个简洁,模块化,面向对象的开源JavaScript web应用框架。

 

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

 

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

 

优点::

  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+

 

面向对象示例:

  MoolTools包含一个健壮的类创建器和继承系统类似其它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框架,更多精髓部分等待你去发掘.

 类似资料: