`
冰红茶
  • 浏览: 14112 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

mootools学习

阅读更多

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学习笔记(一)** MooTools是一个轻量级、模块化的JavaScript库,设计用于简化前端开发,提供了一系列高效且易于使用的工具和函数。这篇学习笔记将引导我们深入理解MooTools的核心概念、架构以及如何在...

    mootools学习文档

    这个"Mootools学习文档"包含了对这个框架的详细解析,尤其针对版本1.2的中文版文档,对于初学者和进阶开发者来说都是一份宝贵的资源。 MooTools的核心特性包括: 1. **类系统**:MooTools引入了基于原型的面向对象...

    mootools 中文学习文档

    以上内容基于给定的中文学习文档,详细解析了MooTools的框架结构、核心特性以及在实际项目中的应用,旨在为初学者和有经验的开发者提供一个全面的MooTools学习指南。希望每位读者都能从中受益,提升自己的Web开发...

    (一) mootools介绍

    **Mootools 介绍** Mootools 是一个轻量级且功能强大的JavaScript库,它提供了一套优雅的工具集...在 "day01" 文件夹中,可能包含进一步的 Mootools 学习资源,如示例代码或教程,可以帮助你深入理解和实践 Mootools。

    mootools学习资料

    MooTools是一个强大的JavaScript库,它的设计目标是简化和优化JavaScript编程,特别是在DOM操作、事件处理、动画效果以及Ajax交互等...总的来说,学习和掌握MooTools对于JavaScript开发者来说是一项非常有价值的投资。

    mootools1.2学习手册

    《MooTools 1.2 学习手册》是一份详尽的中文文档,旨在帮助开发者深入了解和掌握MooTools这一强大的JavaScript库。MooTools是一个轻量级、模块化的JavaScript框架,它提供了丰富的功能,使得Web开发更为高效且易于...

    一周学会Mootools 1.4中文教程(7)汇总收尾

    总之,《一周学会Mootools 1.4中文教程(7)汇总收尾》不仅是对Mootools学习之旅的一个完美总结,更为读者提供了深入理解和应用Mootools的宝贵机会。通过熟练掌握Class构造函数及其在插件开发中的应用,开发者能够更加...

    mootools 1.1学习文档

    本学习文档是针对MooTools 1.1版的详细指南,适合已经有一定JavaScript基础并且想要深入了解MooTools特性和用法的开发人员。 一、MooTools的核心特性 1. **类系统**:MooTools使用基于原型的面向对象编程模型,...

    mootools

    MooTools是一个JavaScript库,它的全称是"More Object-Oriented Tools",寓意...同时,结合标签中的"源码",你可以进一步研究MooTools的源代码,理解其内部机制,这对于深入学习JavaScript和提升编程技巧非常有帮助。

    Mootools 1.2快速学习教程

    在Mootools 1.2教程中,你将学习到如何使用这些模块和工具来创建交互式网页,如何组织和优化代码,以及如何解决常见的JavaScript问题。通过实践案例和详尽的解释,你将能够迅速掌握Mootools 1.2,并将其应用于实际...

    mootools详细教程chm

    对于中文使用者来说,这是一个极好的学习资源,可以系统地学习和掌握MooTools。 学习MooTools,首先要熟悉其基础概念,然后通过实际项目练习来提高技能。CHM文档和PDF手册将提供理论知识,而GIF教程则有助于直观...

    MooTools1.4中文PDF手册+MooTools-Core-1.5.1.js

    MooTools 1.4中文PDF手册与MooTools-Core-1.5.1.js是学习和使用MooTools的核心资源。 1. **MooTools的基本概念** - **类与对象**:MooTools基于原型的面向对象系统使得创建和继承类变得简单。你可以定义类并为它们...

    MooTools 帮助文档 中文

    MooTools是一个简洁,模块化,面向对象的JavaScript框架。...总之,Mootools是一个非常优秀的Javascript框架,更多精髓部分等待你去发掘,希望你也能通过学习和使用而喜欢上Mootools,甚至喜欢上Javascript :)

    mootools tree and table

    在IT领域,JavaScript库MooTools是一个非常受欢迎的框架,用于增强网页的交互性和功能。MooTools提供了许多工具和组件,其中包括...在实践中,不断探索和学习MooTools的其他功能,将使我们在Web开发领域更具竞争力。

    Mootools 1.2.1 API 文档

    Mootools是一款强大的...通过阅读Mootools.doc文档,你可以深入学习每个模块的详细用法,掌握如何编写高效的Mootools代码,同时了解如何解决可能出现的问题。在实践中不断探索,将使你在Joomla开发中更加得心应手。

    Mootools v1.11 文档 pdf html Mootools v1.2.1 js

    - **MooTools v1.2.1 js**:这是MooTools的一个版本,包含了库的源代码,可供开发者查看和学习。 使用这些资源,开发者可以深入理解MooTools的工作原理,学习如何在项目中有效利用它,提升Web应用的用户体验和开发...

    mootools 1.2 中文文档

    这份中文文档的出现,为国内开发者学习和使用MooTools提供了极大的便利。 1. **核心概念**: - **类与对象**:MooTools支持基于原型的面向对象编程,通过`Class`和`Object`构造器创建类和实例,允许继承和混合...

    mootools源码分析.rar

    总的来说,通过对MooTools源码的分析,我们可以学习到JavaScript的高级特性、面向对象编程、事件处理、DOM操作、动画制作以及跨浏览器兼容性等多方面的知识,这对提升我们的JavaScript开发技能大有裨益。

Global site tag (gtag.js) - Google Analytics