Mootools 1.2教程(4)——函数

原文地址:30 Days of Mootools 1.2 Tutorials – Day 4 – Functions

函数和MooTools 1.2

请尊重个人劳动,转载请注明出处:http://fdream.net,译者:Fdream

如果你还没有准备好,请阅读以前的教程,这里是《MooTools 1.2系列教程目录》

今天开始MooTools系列教程的第4讲。如果你还没有看过上一讲,请先查看上一篇教程《Mootools 1.2教程(3)——数组使用简介》。今天我们先不讲MooTools,而是讲一讲JavaScript中的函数(function)的基本知识。

但是,为了符合MooTools这个主题,你需要知道在哪里该使用MooTools的函数。此前,我们已经在我们的所有示例代码中,把代码都放在domready方法中。当我们需要把它放在domready的外面时,我们使用了函数(function)。在你在domready里面调用函数之前,函数并不会被执行。…

Mootools 1.2教程(3)——数组使用简介

数组使用简介

原文地址:30 Days of Mootools 1.2 Tutorials – Day 3 – Intro to Using Arrays

请尊重个人劳动,转载请注明出处:http://fdream.net, 译者:Fdream

如果你还没有准备好,请阅读以前的教程,这里是《MooTools 1.2系列教程目录》

在上一篇教程——《Mootools 1.2教程(2)——DOM选择器》中,我们介绍了一下选择器,其中有很多方法就会返回数组(一个你可以对其中内容进行多种操作的特殊列表)。今天,我们在来看看如何使用数组来管理DOM元素。

基本方法

.each();

在处理数组时,.each();方法是你最好的朋友。它提供了一种很容易的方法来遍历数组的每个元素,如果有需要还可以对其中的元素进行任何逻辑处理。例如,我们可以假设你需要为页面中的每个div对象调用alert方法:

$$('div').each(function()

Mootools 1.2教程(2)——DOM选择器

Mootools 1.2教程(2)——DOM选择器

原文地址:30 Days of Mootools 1.2 Tutorials – Day 2 – Selectors

请尊重个人劳动,转载请注明来源:http://fdream.net,译者:Fdream

这里是《MooTools 1.2系列教程目录》

如果你还没有准备好,请先阅读上一篇《Mootools 1.2教程(1)——MooTools介绍》。我们讲了怎么引用MooTools 1.2以及怎么在domready里面调用你的脚本。

今天开始本系列教程的第2讲。在这一讲中,我们会学习几种选择HTML元素的方法。在许多方面,这是MooTools用得最多最基本的。毕竟,要创建一个基于HTML元素的交互性用户体验,你必须首先把它们掌握在手中。

基本的方法

$();

$函数是MooTools中基本的选择器。你可以通过它来根据一个ID选择DOM元素。

// 选择ID为”body_wrap“的元素

Mootools 1.2教程(1)——MooTools介绍

MooTools 1.2介绍

原文地址:30 Days of Mootools 1.2 Tutorials – Day 1 – Intro to the Library

请尊重个人劳动,转载请注明出处:http://fdream.net, 译者:Fdream

这里是《MooTools 1.2系列教程目录》

有人最近要求我们写一个关于MooTools 1.2的30天的教程,这似乎也是个很不错的主意,于是我们决定现在就开始。在这些教程中,我们假设用户没有任何MooTools或者是JavaScript经验,但是至少有基本的HTML和CSS知识。

MooTools 1.2 JavaScript库介绍

MooTools 1.2是个强大的轻量级的JavaScript库,专门为减轻Web中交互性JavaScript开发。在某种程度上,你可以认为MooTools是CSS的扩展。例如,CSS可以让你在鼠标移上去时发生改变。JavaScript允许你接触更多的时间(点击事件、鼠标悬停事件、键盘事件……),MooTools让这一切变得非常容易。…

[翻译]优化基于Ajax的应用程序

Optimizing Ajax Based Applications

优化基于Ajax的应用程序

原文地址:http://www.ajaxwith.com/Optimizing-Ajax-Based-Applications.html

Ajax is all about speed and interactivity. Without these features, using Ajax for building a specific application or website is just useless.

Ajax完全在于速度和交互性。如果没有这些特性,用Ajax来构建特定的应用或者网站是毫无用处的。

Developers have to ensure that they build applications that will cater to the immediate need of their users. They have to optimize their application…

[翻译]IE 8 Beta 2中的AJAX新功能

Updates for AJAX in IE8 Beta 2

IE 8 Beta 2中的AJAX新功能

原文地址:http://blogs.msdn.com/ie/archive/2008/10/06/updates-for-ajax-in-ie8-beta-2.aspx

Sunava Dutta here, a program manager focused on improving AJAX in the browser! Now that Internet Explorer 8 Beta 2 is out, I want to write about some of the latest rounds of enhancements we’ve made. As many of you may recall, back in March we discussed a set of developer experiences in AJAX across scenarios such as client-side cross-domain…

Mootools在Chrome下奇怪的表现

写了个在页面中点击小图查看大图的功能,应用到了我的blog上,效果可以点一下我前一篇日志中的图。本来在Firefox和IE下都跑得挺好的,可惜我也比较喜欢用Chrome,于是用Chrome看了一下,结果却发现很奇怪的现象:先是两个不同对象的动画效果会混乱,好不容易调好了结果却发现大图的尺寸也乱了……

先是动画效果的问题,两个不同的Element,均使用MooTools封装后的Element对象的morph方法,代码如下:

// 背景层的动画
this._overlayer.morph({ 'opacity': [0, 0.8] });
// 图片的动画
this._imagelayer.morph({
    'left': ex, 
    'top': ey, 
    'width': size.width, 
    'height': size.height, 
    'padding': 8 
});

代码中并没有想要改变this._overlayer宽和高,结果却是this._imagelayer出不来了,this._overlayer的宽和高却变成了图片的宽和高,想想应该是把morph对象弄混了。于是试试给this._imagelayer新new了一个Fx.Morph对象,这样子:…

jQuery被微软纳入ASP.NET AJAX

.net平台上本来有一套Microsoft自己的Ajax开发框架,不过貌似反应不怎么好,现在终于有个好的消息了:非常火热的jQuery框架已经被Microsoft纳入了ASP.NET AJAX开发框架中,ScottGu已在其BLOG中对其做了较为具体的介绍:

原文地址:jQuery and Microsoft

从图上可以看出,在Visual Studio中,其智能提示还是相当不错的。另外,Microsoft将会另外开发一些基于jQuery的控件(controls)和小插件(widgets),而jQuery的帮助文档也将加入官方的帮助文档中。据其介绍,此功能不久后即将发布。

不知道以后会不会继续支持MooTools,以前辛辛苦苦地写了个注释文档,用了几次以后发现MooTools更新了,于是就再也没有用过了。Visual Studio 2008用来写JavaScript还是很不错的,希望以后能够支持MooTools!…

[翻译]jQuery和MooTools的真正区别(下)

看这篇之前,请先看上一篇:[翻译]jQuery和MooTools的真正区别(上)

Extensibility – Because I Like To Tweak Things

可扩展性——因为我喜欢调整一些东西

This brings me to the last big benefit that coding this way provides, assuming that you are writing your code in a way that lets you take advantage of it: extensibility. MooTools has a class based hierarchy (inspired by Dean Edwards excellent work), but don’t let the name fool you. It’s called a class but it’s really just an object factory that makes taking advantage…

[翻译]jQuery和MooTools的真正区别(上)

自己一直在用MooTools框架,偶然看见这篇文章,作者是MooTools Team的成员之一,讲解了jQuery和MooTools的一点点区别,主要是我觉得他写JavaScript代码和他的思维方式很值得学习。另外,对JavaScript的编程思想和对框架的选择都有很多很好的建议,对于犹豫在各种框架上的人有很好的指导作用,另外对于想深入对框架进行研究或者想自己开发框架的人也有很好的建议。文章虽然很长,但是我觉得不错,然后就翻译了。水平有限,文笔粗陋,其中有少数地方自己都觉得翻译得有些牵强,欢迎批评指正。

由于文章太长,我这里就分了上下两篇,下文在这里:[翻译]jQuery和MooTools的真正区别(下)

原文:jQuery, MooTools, which is the most popular and well represented framework and What Really Makes One Framework