ClassName的长命名 VS. 短命名(懒懒交流会记录)
浏览:1988次 出处信息
源自2009.11.26懒懒交流会的PK堂,收获甚多,故作此记。
说实话,看到这个题目时我觉得这有什么好讨论的,肯定会是场一边倒的讨论。因为个人比较倾向于短命名,简单优雅,可能是出于程序员的洁癖,容不得任何冗余的东西。(和我一个想法的人应该不在少数吧
先看下长命名和短命名的定义:
以下是代码片段: <!-- 长命名:包含前缀,且前缀可以体现了上下文环境的命名方式。 --> <div class="category"> <div class="category-hd"></div> <div class="category-bd"></div> <div class="category-ft"></div> </div> <!-- 短命名 --> <div class="category"> <div class="hd"></div> <div class="bd"></div> <div class="ft"></div> </div> |
会上大家先是给双方各列了一堆优缺点,结果不相上下。
然后从性能和可维护性上进行了详细的争论。
性能分为下载性能(速度)和渲染性能,大家认为:
以下是代码片段: |
(注:其实平时工作中这两点都会被忽略。gzip可以进一步减少第一个问题的差距,而由此引发的渲染性能也是微乎其微)
然后大家就可维护性进行了讨论,这次支持长命名的人较多。
以下是代码片段: |
最后是使用场景,玉伯借用YAHOO首页的例子牵头,大家讨论,总结如下:(主要依据可维护性)
以下是代码片段: |
以上结论有个前提:就是页面是多人(包括后期的维护人员)协作的,一个人的页面(如Blog)不在考虑范围之内。
欢迎补充指正。
建议继续学习:
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:定位相关的怪异问题
后一篇:IE6 bug: 消失的绝对定位元素 >>
文章信息
- 作者:云谦 来源: Taobao.com UED Team
- 标签: 命名
- 发布时间:2009-11-27 17:54:32
近3天十大热文
- [13] 谈谈Facebook的聊天系统架构
- [12] 手机客户端交互适配设计之我见
- [10] PDC 2010:C#与Visual Bas
- [10] 浅析韩国团购网站
- [10] 韩国实名制的破产
- [9] Oracle bbed工具的编译
- [9] 强者生存论
- [9] 长假,回忆小时候的家庭教育点滴
- [8] Google Wave:入口的争夺
- [8] 小tip:CSS计数器+伪类实现数值动态计算