mootools中文教程详细经典

mootools中文教程详细经典

ID:34417745

大小:332.00 KB

页数:47页

时间:2019-03-05

mootools中文教程详细经典_第1页
mootools中文教程详细经典_第2页
mootools中文教程详细经典_第3页
mootools中文教程详细经典_第4页
mootools中文教程详细经典_第5页
资源描述:

《mootools中文教程详细经典》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、mootools中文教程详细经典mootools是一个非常强大的JS类库,但是在网上的中文参考资料不多,本贴在网上收集了一些整合起来给大家参考,2S:x+e)A&V4f3A2C"t;;x'Z-Y9w68T;b7R)Q3_(z"o-o*y2R1m:f0I目录:1e6C/Q%r3m-h7J;k!{)V'`;~,Gmootools【一】-起步篇*U&x0^:?,U7i:Wmootools【二】-Array篇5f2V1N;y,u$u.n*Z#k(D2amootools【三】-String篇:Z+I.d!`8Omootools【四】-tag.php?name=

2、Function">Function篇#t:^4V8{%e'N2Cmootools【五】-Element篇!u8o3K8{%S%e*i"b!Zmootools【六】-Event篇0{*x-g3_3U7J  Tmootools【七】-mootools的构造应用的基础设施Common.js2`3c/B)T)h1o4J5a"Gmootools【八】-Css查询支持之Dom.js:U:w7A(f*S(i&p/P.Bmootools【九】-工具类Hash和Color)  i/r.@7K"N6N!z!imootools【十】-window的扩展4^9])r$?8

3、_'v,p0k(Z5Wmootools【十一】-多彩的开始(i:H!@,A*b0wmootools【十二】-实践案例&a#T1p#o.c3P5R(O;p3W  _(f*D9W8

4、2{8H7i;^mootools(1)-起步篇以前一直在用prototype.js,最近发现了mootools,据说也相当不错,它是个纯OO的javascript框架,所以拿来学习学习,把学习经过记录下来。 粗略看了下,mootools很貌似prototype,所以用过prototype框架的人应该很容易上手的。 mootools提供的功能高度模块化,可以根据实际需要来裁剪。它

5、的核心库是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 = n

6、ew 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 C

7、lass(...{   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 C

8、lass(...{    initialize: function(name)...{        this.name = name;    }});Person.implement(...{  initialize: function(name,age)...{        this.name = name;        this.age = age;    },    myAction: function()...{        alert(this.name+'--'+this.age);    }});var p = new Perso

9、n('zarknight',24);p.myAction();这和java中的实现接口好像不是

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。