Silverlight 2.0 RTW发布,等写完MooTools文档开始玩

上个星期Microsoft放出消息说北京时间昨天凌晨2点发布Silverlight 2.0 RTW,经典论坛Silverlight版版主nasawz很“敬业”地、很忠实地作为Silverlight的粉丝守在电脑前守到两点多,一直等到Silverlight 2.0正式发布,实在是令人佩服。有关Silverlight 2的各种工具的下载集合及更新说明,请参考这篇文章:Silverlight 2 正式版官方正式发布(更新下载地址)(感谢nasa的辛苦工作!)

最近开始抽空翻译MooTools的帮助文档,争取这个周末翻译完成,中文帮助文档发布地址在这里。准备翻译完成之后看看Silverlight,2.0了,终于可以再试试了。

另外,貌似Silverlight 2.0在可以在非安全连接中调用安全连接(SSL)服务了。这个以后再说,嗯~

还有,都说Silverlight 2.0支持Chrome,为什么不说是Chrom支持Silverlight…

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让这一切变得非常容易。…

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和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

Mootools一个小bug

在Mootools 1.2正式版中,有一个很小很诡异的bug,一般碰不上这么bt的事情。在页面里面有iframe,并且会涉及到跨域的问题时,若在页面执行过程中改变代理脚本,在改变代理脚本的前后会出现JavaScript线程假死的情况——所有的JavaScript事件都会失去响应,而此时若还原默认的脚本设置,则又可恢复正常。后来发现问题出在Event对象中,有这么几行:

win = win || window;
var doc = win.document;
event = event || win.event;

经测试,发现在这里居然取不到win.document——拒绝访问(Permission Denied)!打印了一下win的属性,发现已经是被mootools打包后的window对象了,但不知为何里面的所有属性都是拒绝访问。直接很裸地试着直接取“document”,居然成功了!修改此段代码如下:

win = win || window;