mootools1.2中文教程资源-CSDN文库

共62个文件

md：43个

png：11个

js：4个

mootools

中文教程

5星 · 超过95%的资源需积分: 9 81 浏览量 2008-12-12 15:12:10 上传评论 1 收藏 253KB RAR 举报

**MooTools 1.2 中文教程** MooTools 是一个高级、模块化、轻量级的JavaScript库，它提供了丰富的工具集，用于构建高效、可维护的Web应用程序。MooTools 1.2 版本是其一个重要版本，为开发者提供了许多改进和新特性。本教程将深入探讨MooTools 1.2的关键概念和功能。 1. **模块化设计** - MooTools 的核心理念之一是模块化。通过使用类、对象和命名空间，可以有效地组织和隔离代码，避免命名冲突。 - `Core`：基础模块，包括基本的数据类型、函数扩展和DOM操作。 - `More`：可选扩展模块，包含额外的功能，如动画、效果、事件处理等。 2. **类系统** - MooTools 提供了一套强大的面向对象编程机制，支持类继承、原型链、构造函数等。 - `Class`：创建自定义类的工具，允许定义方法、属性和初始化逻辑。 - `Class.refactor`：用于在现有类上添加或修改方法和属性，实现类的扩展。 3. **DOM操作** - `$`：选择器函数，类似于jQuery中的`$`，可以用来选取DOM元素。 - `Element`：核心DOM元素类，提供了丰富的操作方法，如添加/删除样式、获取/设置属性、插入/移除子元素等。 - `Elements`：用于处理多个DOM元素的集合。 4. **事件处理** - `addEvent` 和 `removeEvent`：分别用于添加和移除事件监听器，支持DOM0级和DOM2级事件处理。 - `fireEvent`：模拟触发指定事件。 5. **动画与效果** - `Fx`：动画引擎，可以实现平滑的CSS属性变化，如淡入淡出、滑动等。 - `Tween`：用于简单的属性过渡动画。 - `Slide` 和 `Fade`：专门处理元素滑动和透明度变化的类。 6. **Ajax** - `Request`：处理异步请求的核心类，支持GET和POST方法，以及XMLHttpRequest的其他特性。 - `Request.JSON` 和 `Request.HTML`：针对JSON和HTML响应的特殊化请求类。 7. **工具函数** - `Array`、`String`、`Number`：对JavaScript原生数据类型的扩展，提供了一系列实用方法。 - `Function`：函数相关的辅助方法，如延迟执行、绑定上下文等。 8. **MooTools API文档** - 提供的中文文档 `mootools_doc1.2_cn` 对MooTools 1.2的所有类、方法和功能进行了详细解释，帮助开发者快速理解和应用。通过学习这个中文教程，开发者将能够充分利用MooTools 1.2的强大力量，编写出优雅、高效的JavaScript代码。无论是新手还是有经验的开发者，都能从中受益，提升Web开发技能。在实践中不断探索和熟练掌握这些知识点，是成为MooTools专家的关键步骤。

资源推荐

资源详情

资源评论

收起资源包目录

mootools_doc1.2_cn.rar （62个子文件）

mootools_doc1.2_cn

.project 222B

Docs

Utilities

Swiff.md 3KB

Cookie.md 2KB

DomReady.md 466B

Selectors.md 6KB

JSON.md 1KB

license.md 209B

Plugins

Tips.md 4KB

Accordion.md 4KB

Hash.Cookie.md 3KB

Slider.md 3KB

Color.md 5KB

Group.md 2KB

Scroller.md 2KB

SmoothScroll.md 928B

Drag.md 5KB

Fx.Scroll.md 4KB

Sortables.md 7KB

Fx.Slide.md 5KB

Drag.Move.md 4KB

Fx.Elements.md 2KB

Assets.md 3KB

Element

Element.Style.md 2KB

Element.md 36KB

Element.Event.md 9KB

Element.Dimensions.md 4KB

Core

Core.md 9KB

Browser.md 2KB

Request

Request.HTML.md 4KB

Request.md 7KB

Request.JSON.md 1KB

Class

Class.Extras.md 9KB

Class.md 3KB

index.html 2KB

Native

Number.md 3KB

Event.md 5KB

Array.md 15KB

Hash.md 12KB

Function.md 8KB

String.md 8KB

Fx.CSS.md 314B

Fx.Transitions.md 5KB

Fx.Morph.md 5KB

Fx.md 4KB

Fx.Tween.md 7KB

scripts.json 7KB

assets

scripts

docs.js 4KB

showdown.js 34KB

mootools-1.2-more.js 40KB

mootools-1.2-core.js 94KB

styles

docs.css 4KB

images

graphs

Bounce.png 14KB

Expo.png 12KB

Quad.png 12KB

Cubic.png 12KB

Quart.png 12KB

Linear.png 6KB

Quint.png 11KB

Elastic.png 14KB

Sine.png 12KB

Circ.png 12KB

Back.png 13KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>MooTools 1.2参考文档 - 中文版</title> <link rel="stylesheet" type="text/css" media="screen" href="../assets/styles/docs.css" /> <script type="text/javascript" src="../assets/scripts/showdown.js"></script> <script type="text/javascript" src="../assets/scripts/mootools-1.2-core.js"></script> <script type="text/javascript" src="../assets/scripts/mootools-1.2-more.js"></script> <script type="text/javascript" src="../assets/scripts/docs.js"></script> </head> <body> <div id="container"> <div id="title"> <h1>MooTools 1.2 <span>参考文档</span></h1> </div> <div id="menu"> <div id="menu-wrapper"></div> <span class="spc"></span> </div> <div id="docs"> <div id="docs-wrapper"></div> <div id="footer"> <p>本中文参考文档由<a href="mailto:zarknight@gmail.com">Zarknight</a>译制完成</p> <p>获取最新版本:<a href="http://code.google.com/p/mootools-doc-cn/">http://code.google.com/p/mootools-doc-cn/</a></p> <p>本文档基于<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons Attribution-NonCommercial-ShareAlike 3.0</a>开源协议发布</p> <p>Powered By <a href="http://daringfireball.net/projects/markdown/">markdown</a> Rendered with <a href="http://www.attacklab.net/showdown-gui.html">showdown</a>.</p> </div> <span class="spc"></span> </div> </div> </body> </html>

评论收藏

内容反馈