mootools官方网站:www.mootools.net
mootools是一个简洁化,模块化,面向对象的javascript框架.它能够帮你更快更简单的编写可扩展和兼容性强的javascript代码.
mootools 从prototype中汲取了许多有益的设计理念,语法也和其及其相似.但是它提供的功能要比 prototype 强大的多
整体设计也比prototype相对完善,比如增加了动画特效,拖拽操作等.
先推荐一个网站:http://clientside.cnet.com/wiki/mootorial/#a-mootools-tutorial-the-mootorial
学习mootools挺不错
$chk
如果传入的对象存在或有值就返回true,否则返回false
$chk([]); //true
$chk(0); //true
$chk('');//false
$chk(null); //false
$chk(false); //false
$defined
如果传入的对象为null或者undefined,则返回false,否则返回true
$defined('');//true
$defined(false); //true
var x = null;
alert($defined(x)); /* false */
function example(value){
alert($defined(value));
}
example();/*false*/
$clear
清理Timeout或者Interval.
var oneSec = setTimeout(function(){alert('one second later...')}, 1000);
$clear(oneSec); //nevermind
$each
可用来对非常规数组进行迭代.
$each(["one", "two", "three"],function(number){
alert(number);
});
$each({apple:'red',lemon:'yellow',lime:'green'}, function(value, key){
alert(key+"s are "+value);
});
$lambda
<BODY>
<a id='myLink' href="http://www.google.com">谷歌</a>
<script>
$('myLink').addEvent('click', function(){
return false; //stop the browser from following the link
});
$('myLink').addEvent('click', $lambda(false));
</script>
</BODY>
其中上面两种颜色的代码所实现的 的功能是一样的
$merge and $extend
$extend是将第二个参数的所有属性复制到第一个对象
<script>
var fruits = {
apple: 'red',
lemon: 'yellow'
};
var otherFruits = {
apple: 'green',
grape: 'purple'
};
$extend(fruits, otherFruits);
/* fruits has been altered by $extend */
$each(fruits,function(value,key){
alert(key+"s are "+value);
});
/* alert: {apple:'green', lemon: 'yellow', grape: 'purple'}*/
</script>
$merge 把几个对象进行合并,合并时递归的,即对象中如果有子对象,则子对象也会进行合并.(对象中同名属性会被这一
系列对象中最后一个拥有该属性的对象的值替代)
var fruits = {
apple: 'red',
lemon: 'yellow'
};
var otherFruits = {
apple: 'green',
grape: 'purple'
};
var newFruits = $merge(fruits, otherFruits);
$each(newFruits,function(value,key){
alert(key+"s are "+value);
});
/* fruits has NOT been altered by $merge */
$each(fruits,function(value,key){
alert(key+"s are "+value);
});
/* logs: {apple:'red', lemon: 'yellow'} */
fruits = $merge(fruits, otherFruits);
/* fruits HAS been altered by setting the result using = */
$each(fruits,function(value,key){
alert(key+"s are "+value);
});
/* logs: {apple:'green', lemon: 'yellow', grape: 'purple'} */
$extend和$merge方法的比较:
1 $merge方法允许有任意多个参数,extend只允许有2个.
2 $extend方法可能改变第一个参数的属性,$merge会产生一个新的对象而不会改变参数中的对象.
分享到:
相关推荐
**MooTools学习笔记(一)** MooTools是一个轻量级、模块化的JavaScript库,设计用于简化前端开发,提供了一系列高效且易于使用的工具和函数。这篇学习笔记将引导我们深入理解MooTools的核心概念、架构以及如何在...
这个"Mootools学习文档"包含了对这个框架的详细解析,尤其针对版本1.2的中文版文档,对于初学者和进阶开发者来说都是一份宝贵的资源。 MooTools的核心特性包括: 1. **类系统**:MooTools引入了基于原型的面向对象...
以上内容基于给定的中文学习文档,详细解析了MooTools的框架结构、核心特性以及在实际项目中的应用,旨在为初学者和有经验的开发者提供一个全面的MooTools学习指南。希望每位读者都能从中受益,提升自己的Web开发...
**Mootools 介绍** Mootools 是一个轻量级且功能强大的JavaScript库,它提供了一套优雅的工具集...在 "day01" 文件夹中,可能包含进一步的 Mootools 学习资源,如示例代码或教程,可以帮助你深入理解和实践 Mootools。
MooTools是一个强大的JavaScript库,它的设计目标是简化和优化JavaScript编程,特别是在DOM操作、事件处理、动画效果以及Ajax交互等...总的来说,学习和掌握MooTools对于JavaScript开发者来说是一项非常有价值的投资。
《MooTools 1.2 学习手册》是一份详尽的中文文档,旨在帮助开发者深入了解和掌握MooTools这一强大的JavaScript库。MooTools是一个轻量级、模块化的JavaScript框架,它提供了丰富的功能,使得Web开发更为高效且易于...
总之,《一周学会Mootools 1.4中文教程(7)汇总收尾》不仅是对Mootools学习之旅的一个完美总结,更为读者提供了深入理解和应用Mootools的宝贵机会。通过熟练掌握Class构造函数及其在插件开发中的应用,开发者能够更加...
本学习文档是针对MooTools 1.1版的详细指南,适合已经有一定JavaScript基础并且想要深入了解MooTools特性和用法的开发人员。 一、MooTools的核心特性 1. **类系统**:MooTools使用基于原型的面向对象编程模型,...
MooTools是一个JavaScript库,它的全称是"More Object-Oriented Tools",寓意...同时,结合标签中的"源码",你可以进一步研究MooTools的源代码,理解其内部机制,这对于深入学习JavaScript和提升编程技巧非常有帮助。
在Mootools 1.2教程中,你将学习到如何使用这些模块和工具来创建交互式网页,如何组织和优化代码,以及如何解决常见的JavaScript问题。通过实践案例和详尽的解释,你将能够迅速掌握Mootools 1.2,并将其应用于实际...
对于中文使用者来说,这是一个极好的学习资源,可以系统地学习和掌握MooTools。 学习MooTools,首先要熟悉其基础概念,然后通过实际项目练习来提高技能。CHM文档和PDF手册将提供理论知识,而GIF教程则有助于直观...
MooTools 1.4中文PDF手册与MooTools-Core-1.5.1.js是学习和使用MooTools的核心资源。 1. **MooTools的基本概念** - **类与对象**:MooTools基于原型的面向对象系统使得创建和继承类变得简单。你可以定义类并为它们...
MooTools是一个简洁,模块化,面向对象的JavaScript框架。...总之,Mootools是一个非常优秀的Javascript框架,更多精髓部分等待你去发掘,希望你也能通过学习和使用而喜欢上Mootools,甚至喜欢上Javascript :)
在IT领域,JavaScript库MooTools是一个非常受欢迎的框架,用于增强网页的交互性和功能。MooTools提供了许多工具和组件,其中包括...在实践中,不断探索和学习MooTools的其他功能,将使我们在Web开发领域更具竞争力。
Mootools是一款强大的...通过阅读Mootools.doc文档,你可以深入学习每个模块的详细用法,掌握如何编写高效的Mootools代码,同时了解如何解决可能出现的问题。在实践中不断探索,将使你在Joomla开发中更加得心应手。
- **MooTools v1.2.1 js**:这是MooTools的一个版本,包含了库的源代码,可供开发者查看和学习。 使用这些资源,开发者可以深入理解MooTools的工作原理,学习如何在项目中有效利用它,提升Web应用的用户体验和开发...
这份中文文档的出现,为国内开发者学习和使用MooTools提供了极大的便利。 1. **核心概念**: - **类与对象**:MooTools支持基于原型的面向对象编程,通过`Class`和`Object`构造器创建类和实例,允许继承和混合...
总的来说,通过对MooTools源码的分析,我们可以学习到JavaScript的高级特性、面向对象编程、事件处理、DOM操作、动画制作以及跨浏览器兼容性等多方面的知识,这对提升我们的JavaScript开发技能大有裨益。