MooTools
{{Expansion depth limit exceeded| left =
| #default = }}
{{Expansion depth limit exceeded| {{{Expansion depth limit exceeded}}}
| [[File:{{Expansion depth limit exceeded| speedy = Ambox speedy deletion.png
| delete = Ambox deletion.png
| content = Ambox content.png
| style = Edit-clear.svg
| move = Ambox move.png
| protection = Ambox protection.png
| notice
| #default = Ambox notice.png
}} | {{Expansion depth limit exceeded| left = 20x20px
| #default = 40x40px
}} |link=|alt=]]
}}{{Expansion depth limit exceeded| left =
| #default = |
{{{Expansion depth limit exceeded}}} |
[[Category:{{Expansion depth limit exceeded|{{{Expansion depth limit exceeded}}}|{{{Expansion depth limit exceeded}}}}}]]
{{Expansion depth limit exceeded| left =
| #default = }}
{{Expansion depth limit exceeded| {{{Expansion depth limit exceeded}}}
| [[File:{{Expansion depth limit exceeded| speedy = Ambox speedy deletion.png
| delete = Ambox deletion.png
| content = Ambox content.png
| style = Edit-clear.svg
| move = Ambox move.png
| protection = Ambox protection.png
| notice
| #default = Ambox notice.png
}} | {{Expansion depth limit exceeded| left = 20x20px
| #default = 40x40px
}} |link=|alt=]]
}}{{Expansion depth limit exceeded| left =
| #default = |
{{{Expansion depth limit exceeded}}} |
[[Category:{{Expansion depth limit exceeded|{{{Expansion depth limit exceeded}}}|{{{Expansion depth limit exceeded}}}}}]]
{{Expansion depth limit exceeded| left =
| #default = }}
{{Expansion depth limit exceeded| {{{Expansion depth limit exceeded}}}
| [[File:{{Expansion depth limit exceeded| speedy = Ambox speedy deletion.png
| delete = Ambox deletion.png
| content = Ambox content.png
| style = Edit-clear.svg
| move = Ambox move.png
| protection = Ambox protection.png
| notice
| #default = Ambox notice.png
}} | {{Expansion depth limit exceeded| left = 20x20px
| #default = 40x40px
}} |link=|alt=]]
}}{{Expansion depth limit exceeded| left =
| #default = |
{{{Expansion depth limit exceeded}}} |
[[Category:{{Expansion depth limit exceeded|{{{Expansion depth limit exceeded}}}|{{{Expansion depth limit exceeded}}}}}]][[Category:{{Expansion depth limit exceeded|{{{Expansion depth limit exceeded}}}|{{{Expansion depth limit exceeded}}}}}]]
{{Expansion depth limit exceeded|{{Expansion depth limit exceeded| }}| {{{Expansion depth limit exceeded}}} | | | }}{{{Expansion depth limit exceeded}}} | |
|---|---|---|---|
MooTools is an open source, lightweight, modular object-oriented programming JavaScript Web application framework released under the MIT License. The aim of the software is to allow intermediate to advanced Web developers to write cross-browser JavaScript in an elegant, flexible, and efficient way. The framework includes built-in functions for manipulation of CSS, DOM elements, native JavaScript objects, Ajax requests, and more. MooTools also provides a detailed, coherent application programming interface (API).[1]
Benefits
MooTools aims to provide the user with a number of advantages over native JavaScript. Advantages include:
- An extensible and modular framework where the developer can choose which components to use.[2]
- MooTools follows object-oriented practices and the DRY principle.[3]
- An advanced effects component, with optimized transitions such as easing equations used by many Flash developers.[4]
- Enhancements to the DOM, enabling developers to easily add, modify, select, and delete DOM elements.[5]
Components
MooTools includes a number of components but not all need to be loaded for each application. Some of the component categories are:
- Core: a collection of utility functions that all the other components require.[6]
- Class is MooTools base library for Class object instantiation.[7]
- Natives: a collection of JavaScript Native Object enhancements. The Natives add functionality, compatibility and new methods that simplify coding.
- Element contains a slew of enhancements and compatibility to the HTML Element object.[8]
- Fx is an advanced effects API to animate Elements.[9]
- Request: provides XHR interface, Cookie, JSON, and HTML retrieval specific tools for developers to exploit.[10]
- Window: provides a cross-browser interface to the Client specific information, for instance window size[11].
Browser Compatibility
MooTools is compatible and tested with[12]:
- Safari 2+
- Internet Explorer 6+
- Mozilla Firefox 2+
- Opera 9+
- Camino 1.5+
Object-oriented Programming
MooTools contains a robust Class creation and inheritance system that resembles most Object-oriented programming languages. For example, the following is MooTools' equivalent of the examples in Wikipedia's polymorphism page:
<source lang="javascript">
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(Animals[animal].name + ': ' + Animals[animal].talk());
// alerts the following:
//
// Missy: Meow!
// Mr. Bojangles: Meow!
// Lassie: Arf! Arf!
</source>
Related
See also
References
- ↑ MooTools Documentation
- ↑ MooTools' Core Download Page
- ↑ MooTools Class Object
- ↑ MooTools' Effects (FX) Class
- ↑ MooTools' Element Class - A comprehensive list of Element manipulation methods.
- ↑ MooTools Core
- ↑ MooTools Class
- ↑ MooTools Element
- ↑ MooTools Fx Class
- ↑ MooTools Request Class
- ↑ In addition to getting the size for any Element, you can easily get the dimensions of the window.
- ↑ MooTools lists its compatibility on its homepage.
Bibliography
- {{{Expansion depth limit exceeded}}}{{Expansion depth limit exceeded|, {{{Expansion depth limit exceeded}}}
}} ({{Expansion depth limit exceeded|{{{Expansion depth limit exceeded}}}| }}). {{Expansion depth limit exceeded|
|{{Expansion depth limit exceeded|{{Expansion depth limit exceeded||p. }}{{{Expansion depth limit exceeded}}}
|{{Expansion depth limit exceeded|{{Expansion depth limit exceeded||pp. }}{{{Expansion depth limit exceeded}}}
|
}}
}}
}}. ISBN 1847194583. {{{Expansion depth limit exceeded}}}.
- {{{Expansion depth limit exceeded}}}{{Expansion depth limit exceeded|, {{{Expansion depth limit exceeded}}}
}} ({{Expansion depth limit exceeded|{{{Expansion depth limit exceeded}}}| }}). {{Expansion depth limit exceeded|
|{{Expansion depth limit exceeded|{{Expansion depth limit exceeded||p. }}{{{Expansion depth limit exceeded}}}
|{{Expansion depth limit exceeded|{{Expansion depth limit exceeded||pp. }}{{{Expansion depth limit exceeded}}}
|
}}
}}
}}. ISBN 978-0470384596. {{{Expansion depth limit exceeded}}}.
- {{{Expansion depth limit exceeded}}}{{Expansion depth limit exceeded|, {{{Expansion depth limit exceeded}}}
}} ({{Expansion depth limit exceeded|{{{Expansion depth limit exceeded}}}| }}). {{Expansion depth limit exceeded|
|{{Expansion depth limit exceeded|{{Expansion depth limit exceeded||p. }}{{{Expansion depth limit exceeded}}}
|{{Expansion depth limit exceeded|{{Expansion depth limit exceeded||pp. }}{{{Expansion depth limit exceeded}}}
|
}}
}}
}}. ISBN 1430209836. {{{Expansion depth limit exceeded}}}.
External links
- mootools.net - The Official MooTools website
- - The Official MooTools User Group
- The MooTorial
- Mootools Essentials (book)
- jQuery vs MooTools: Choosing Between Two Great JavaScript Frameworks
- Clientcide Blog and Plugins by Aaron Newton
- Guillermo Rauch - MooTools Articles, Tutorials, Tips and Plugins by Guillermo Rauch
- David Walsh Blog - MooTools Tutorials and Plugins by David Walsh
- mooforum - The Unofficial MooTools Community
- List of Really Useful Plugins and Resources For MooTools
- MooTools 1.1 Plugins
- Free Mootools Plugins
- A widgets library built on mootools
| ||||||||||||||||||||||||||||||||||||||
| ||||||||
de:MooTools es:Mootools fr:MooTools ja:MooTools pl:MooTools ru:MooTools uk:MooTools
If you like SEOmastering Site, you can support it by - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 and more...