Comments on: Yahoo! 新版首页前端代码浅析

By: ytzong

ytzong — Mon, 12 Oct 2009 01:41:53 +0000

缺点的前两点也许是OOCSS的缘故吧
http://www.99css.com/search/label/oocss

By: Y.Jiajia

Y.Jiajia — Fri, 14 Aug 2009 06:07:59 +0000

960仅仅是个参考，应当适当的变通才对。
国外的人以中文的复杂与细节之美所倾倒，中国的人则以英文韵律而羡慕。其实就是那句老话“老婆总是别人的好，孩子总是自己的好”。哈哈

By: 1985

1985 — Tue, 11 Aug 2009 04:26:10 +0000

或许是因为我们中国人总是讲究对称美，所以体现在页面上，也是一样，讲究两边的对称性！

By: feng

feng — Sun, 09 Aug 2009 11:48:03 +0000

中文就是垂直和水平都对齐的啊。不过很好奇，谁提出要求“水平对齐”？是那些不在第一线作战，高高在上的管理者？

By: robben

robben — Sat, 08 Aug 2009 16:54:25 +0000

@王鸿源:
“default-p_”字符串确实是又服务器端动态添加的,这种方式我曾经搞过,好处是当页面出现多个相同的模块,可以根据id添加不同样式及事件,模块都是一上来制定好的,功能及一些细节上的问题都是由模块管理工具来动态关联实现

By: 王鸿源

王鸿源 — Thu, 06 Aug 2009 06:35:30 +0000

@lifesinger ：
我认为以“default-p_”字符串开头的id是从服务器端添加的。一是因为查看页面HTML源码的时候这些字符串是可见的，如果是js动态添加的源码上应该看不到，二是在id=”y-subfooter”的元素（这是版权模块）内，我觉得没有需要使用js的地方，但是出现了“default-p_*”，三，在页面上发现了一些以“yui_3_0_0b1”字符串开头的id，而且我觉得这些是js动态添加的，在源码上看不到。
同时，在id=”y-pa”这个元素内发现了以“default-u_”字符串开头的id。所以我觉得这些“乱七八糟的”id可能是和某种技术有关，用来增加网页的可访问性的。

By: lifesinger

lifesinger — Thu, 06 Aug 2009 04:29:16 +0000

@王鸿源：分析得很仔细，赞。以“default-p_”字符串开头的id，我觉得是 js 的 hook, 通过 js 动态添加的。

By: 王鸿源

王鸿源 — Thu, 06 Aug 2009 04:26:23 +0000

补充1：补充下第一大点的第一小点。这一类选择器还用来布局。

By: 王鸿源

王鸿源 — Thu, 06 Aug 2009 03:53:37 +0000

2，不知道为什么yahoo！首页里每个具体的模块以及模块的bd(hd 、ft应该也会加，但是页面没看到过hd 、ft，为什么会看不到呢)都有一个从服务器端添加的以“default-p_”字符串打头的id。个人认为这是页面高度模块化的体现。可是，这个id有些什么作用呢？哪位可以来解答一下。
3，总结，单单从html和css代码来看，可维护性和可扩展性明显的比老版的增强的很多，明显地可以冲中感觉到Nicole Sullivan的Object Oriented CSS的思想。

By: 王鸿源

王鸿源 — Thu, 06 Aug 2009 03:32:06 +0000

三，另外一种类选择器是和具体的模块相关的，象.mod、.view_default、.bd、 .type_masthead、 .type_masthead_default、.type_masthead_default .mh-wrap。其中view_default、type_masthead、 type_masthead_default这类class名称，我认为是一些钩子，它们上面并没有填加css规则，除了方便扩展模块没有别的意义。而.mod、.bd只是标识了模块的结构（应该还有象.hd、.ft这样的标识性的类名，页面中我还没发现），而.type_masthead_default .mh-wrap这类就是比较实在的了。模块的类名称都是以type开头的，而与模块相关的所有选择器都是以模块的类名开头的。