mootool_中文教程_详细经典.doc

mootools 中文教程 详细经典 mootools是一个非常强大的JS类库，但是在网上的中文参考资料不多，本贴在网上收集了一些整合起来给大家参考,2 S: x+ e) A V4 f3 A2 C t; \; x Z- Y9 w6 8 T; b7 R) Q3 _( z o- o* y2 R1 m: f0 I目录:1 e6 C/ Q% r3 m- h7 J; k! {) V `; ~, Gmootools【一】- 起步篇 * U x0 ^: ?, U7 i: Wmootools【二】 - Array篇 5 f2 V1 N; y, u$ u. n* Z# k( D2 amootools【三】- String篇 : Z+ I. d! `8 Omootools【四】- tag.php?name=FunctionFunction篇 # t: ^4 V8 {% e N2 Cmootools【五】 - Element篇 ! u8 o3 K8 {% S% e* i b! Zmootools【六】- Event篇 0 {* x- g3 _3 U7 J??Tmootools【七】- mootools的构造应用的基础设施Common.js 2 `3 c/ B) T) h1 o4 J5 a Gmootools【八】 - Css查询支持之Dom.js : U: w7 A( f* S( i p/ P. Bmootools【九】- 工具类Hash和Color ) \??i/ r. @7 K N6 N! z! imootools【十】- window的扩展 4 ^9 ]) r$ ?8 _ v, p0 k( Z5 Wmootools【十一】- 多彩的开始( i: H! @, A* b0 wmootools【十二】- 实践案例 a# T1 p# o. c3 P5 R( O; p3 W??_( f* D9 W8 |2 {8 H7 i; ^ mootools (1)- 起步篇以前一直在用prototype.js，最近发现了mootools,据说也相当不错，它是个纯OO的javascript 框架，所以拿来学习学习，把学习经过记录下来。 ?粗略看了下，mootools很貌似prototype,所以用过prototype框架的人应该很容易上手的。 ?mootools提供的功能高度模块化，可以根据实际需要来裁剪。 它的核心库是Moo.js和Utility.js，Moo.js里包含了实现OO的基础类,Utility.js提供了最常用的工具函数的封装。 Moo.js prototype.js里提供了如下形式来创建我们的对象:?? ? var?Cat?=?Class.create();Person.prototype = { ??? initialize: function(name){ ?????? this.name = name; ??? } }; var?cat?=?new?Cat?(kitty);alert(cat.name); ? 对应,mootools使用如下形式: var?Cat??=?new?Class({????initialize:?function(name){????????this.name?=?name;????}});????var?cat?=?new?Cat?(kitty);alert(cat.name); 恩，两者看起来很像，不过，好像mootools这种方式更加符合OO的习惯(不过也要看各人喜欢的啦)。 Class进行继承,mootools是这样做的: ? var?Animal?=?new?Class(...{???initialize:?function(name)...{?????this.name?=?name;???}});var?Cat?=?Animal.extend(...{???initialize:?function(name,age)...{?????this.parent(name);?//调用Animal的initialize方法?????this.age?=?age;???}}); 是的，相当好用。 Class.implement方法从功能上来理解是对已经定义好的类进行扩展,用法如下: var?Person?=?new?Class(...{????initialize:?function(name)...{????????this.name?=?name;????}});Person.implement(...{??initialize:?function(name,ag