YUI 3 学习笔记:queue-base

今天 YUI 3 发布了 beta 1, 实在是高兴。继续学习源码:queue-base.

yui-quene-base.png

一点心得

  1. yui3 beta1 的 yui-seed, 与pr1 的架构图已经有了稍许不同:增加了 queue-base 模块。
  2. queue-base 的源码非常简单,就是一个包装后的数组。封装后的接口非常有 queue 的特性:add, next, size. 是一个 FIFO Queue.
  3. 插播:在 pr2 时,yui-base 的7个 submodules 是各自分开的,在 beta1 里终于合起来成为一个 module 了。yui-base 合并后的代码,各个 submodule 的闭包可以去除,有稍许优化空间。
  4. YUI 3 这种小颗粒组装的 modules,很灵活,真不错。

Tags: ,

Goodbye to CSS Hack

看看下面这段代码,是否倍感亲切但又觉得很陌生呢:

.test {
    background-color: black; /* firefox, opera, ie8 */
    [;background-color: green;] /* safari, chrome */
    *background-color: blue; /* ie7 */
     _background-color: red; /* ie6 */
}
html*~/**/body .test {
    border: 5px solid red; /* ie8 */
}

随着浏览器的更新换代,CSS Hack 变得越来越诡异和不可靠了-.-

相对来说,IE 的条件注释是值得信赖的 阅读全文 »

Tags: , ,

YUI 3 学习笔记:yui-base

基于 github 上 yui 3.0 2009-06-19 version

YUI Base 包含 7 个 submodules:

yui-base.png

展开的详细图请看:yui-base-full.png
阅读全文 »

Tags:

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 阅读全文 »

Tags:

google.com 首页代码分析

机缘巧合,对 google.com 的首页代码产生了浓厚兴趣。一点“分析”,杂记如下:

不同浏览器推送不同代码

google_src_diff.png

上图是在不同浏览器下,保存的 google 首页代码。
注意:文件大小是经过 IntelliJ IDEA 格式化处理后的大小。

其中 Chrome 和 Safari 的代码是一样的,Opera 仅仅一个 js 函数的写法与 Chrome 不同 阅读全文 »

Tags:

Page 18 of 37« First...10161718192030...Last »