YUI 3 学习资源

YUI 3.0 Preview Release 1

http://www.yuiblog.com/blog/2008/08/13/yui3pr1/

YUI 3 的五个目标:
lighter, faster, more consistent, more powerful, more securable

What’s New in YUI 3.0?
1. Sandboxing
2. Modularity
3. Self-completing
4. Selectors
5. Custom Events++
6. Node and NodeLists
7. Chaining

Remi 的评论:
1. 模块化虽好,但会增加 HTTP 链接数
2. CSS Selectors 的性能,YUI 2 中的 getElementById 和 getElementsByClassName 更高效
3. Chaining 会带坏代码风格

Marco 的评论:
1. What I always liked so much about YUI is the fact that you actually have to write JAVASCRIPT to use it. It never imposed some weird alien syntax that first needed to be learned before being able to use it like it’s the case with many other libraries.

2. YUI 2.x is made like an uber powerful set of helpers while YUI 3 seems to want to change the way we program Javascript.

YUI 2.x 是工具集,能帮助我们更好的书写 JAVASCRIPT 代码。YUI 3 看起来要改变我们编写 JavaScript 的方式,这将增加学习成本。

YUI 3.x Architecture

http://yuiblog.com/assets/pdf/yui3architecture.pdf

一目了然 + 充满诱惑的架构图。这也是一幅学习 YUI 3 源码的路线图。

The YUI 3 revolution

http://www.nczonline.net/blog/2009/01/16/the-yui-3-revolution/

As with other libraries, YUI started out based on web developer needs. The needs have changed, so why shouldn’t the library?
为什么不在 YUI 2.x 上改良?而需要 YUI 3 的革新?因为需求变了,jQuery 的流行表明了开发者对 chaining 等“潮”性的渴望……

YUI 3: Lighter, Faster, Easier to Use

http://www.sitepoint.com/article/yui-3-whats-new/

1. Goodbye YAHOO, hello YUI
注意:作者的这个说法有误,在 YUI.namespace 方法中,依旧会挂载到 YAHOO 空间下
另外,coexist 实际操作起来,是不同版本 modules 之间的共存,对于 yui-seed 来说,依旧需要兼容才能共存

2. A Cleaner, More Succinct Coding Style

3. Selecting and Chaining
YUI 2 is built around old-school element fetching techniques.

4. Nodes and Event Facades
e = e || event 这个例子太露馅了,YUI2 没这么矬

The New Yahoo! Front Page and YUI 3.0

http://yuiblog.com/blog/2008/11/11/frontpage-and-yui3/

1. Eliminate global dependencies.
2. Make it small, make it fast.
3. Create version independence.
4. Allow code portability.
5. Be forward compatible.

很厚道朴实的需求,也是 YUI 3 的目标。

Dare to Compare

http://blog.360.yahoo.com/blog-TBPekxc1dLNy5DOloPfzVvFIVOWMB0li?p=954

So we hope from time to time for a chance to do a reset, where we can take what we have learned and start again fresh. YUI 3 is doing this, sacrificing backward compatibility for a chance at a more glorious future.

Douglas 的评论

Detecting if the user is idle with JavaScript and YUI 3

http://www.nczonline.net/blog/2009/06/02/detecting-if-the-user-is-idle-with-javascript-and-yui-3/

用YUI 3 实现的一个 IdleTimer, YUI 3 事件机制初露锋芒

YUI 3.x Forums

http://yuilibrary.com/forum/viewforum.php?f=18

这里的讨论质量比group的好,没事可以常逛逛

YUI[combo] Loading Strategy

http://yuilibrary.com/forum/viewtopic.php?f=18&t=382

解释了模块化,动态加载,HTTP 链接数,Cache 等非常敏感的话题
解决思路和 YUI 2 的 rollup package + Loader 是一样的。读完这贴,我对 YUI 3 的疑虑少了很多

YUI3: Design Goals and Architecture

http://developer.yahoo.com/yui/theater/desai-yui3.html

很不错的 ppt, 建议有少许 YUI 3 的开发经验后再阅读一次,很好很强大

顺便再给一个 ppt 的链接:
Dav Glass 对 YUI 3 的介绍:http://www.slideshare.net/davglass/yui-3

打造高品质前端:YUI应用

http://hikejun.com/sharing/YUI@tuling/yui.ppt

克军的高品质 ppt ! 在克军的博客里,还有一系列 YUI 3 的学习心得,很不错。
在今年的 D2 论坛,克军还会带来一场与 YUI 相关的精彩演讲,期待。

最重要的学习资料

文档:http://developer.yahoo.com/yui/3/
源码:http://github.com/yui/yui3

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值