CSS 类名的长寿名和短寿名

日期:2021-03-14 类型:科技新闻 

关键词:如何织梦建站,如何创建网站,网站建立,公众号搭建,网站建站的

说真话,看到这个题型时我感觉这有甚么好探讨的,毫无疑问会是场1边倒的探讨。由于本人较为趋向于短寿名,简易雅致,将会是出于程序流程员的洁癖,容不可任何冗余的物品。(和我1个念头的人应当不在极少数吧 !)

先看下长寿名和短寿名的界定:

<!-- 长寿名:应用前缀反映左右文自然环境的CSS取名方法。 -->
<div class="category">
        <div class="category-hd"></div>
        <div class="category-bd"></div>
        <div class="category-ft"></div>
</div>

<!-- 短寿名:应用承继反映左右文自然环境的CSS取名方法。 -->
<div class="category">
        <div class="hd"></div>
        <div class="bd"></div>
        <div class="ft"></div>
</div>====

会上大伙儿起先给彼此各列了1堆优缺陷,結果旗鼓相当。

随后从特性和可维护保养性勤奋行了详尽的争执。

特性分成免费下载特性(速率)和3D渲染特性,大伙儿觉得:

1. 免费下载特性将会是短寿名略胜1筹,由于文档会稍小些;
2. 3D渲染特性则是长寿名好些,由于CSS中一般短寿名大家用相近.box .hd {}界定款式,而长寿名立即是.box-hd {},pagespeed觉得挑选器长度会危害3D渲染特性。
(注:实际上平常工作中中这两点都会被忽视。gzip能够进1步降低第1个难题的差别,而由此引起的3D渲染特性也是寥寥无几)

随后大伙儿便可维护保养性开展了探讨,这次适用长寿名的人较多。

1. 长寿名给人较为靠谱的觉得;
2. 长寿名较短寿名产生矛盾的概率低许多;
3. 可复用的內容根据短寿名界定,没法争议;

最终是应用情景,玉伯借用YAHOO主页的事例牵头,大伙儿探讨,总结以下:(关键根据可维护保养性)

1. 架构级款式用短寿名,例如盒实体模型、栅格数据;
2. 通用性款式用短寿名,例如.hidden、.clearfix;
3. 运用级款式用长寿名,例如淘武林新项目的通用性款式都再加“sns”前缀(有.sns-avatar、.sns-box等);
4. 网页页面级款式用长寿名,例如类目控制模块,将会包括category-hd、category-bd、category-bd-tips等;
5. 嵌入式运用用长寿名,由于将会会被嵌入到任何繁杂自然环境中,例如开源系统编写器、Google的各种各样运用(map, adsence, gmail…)
以上结果有个前提条件:便是网页页面是多人(包含后期的维护保养人员)合作的,1本人的网页页面(如Blog)不在考虑到范畴以内。

====

欢迎填补纠正。

上一篇:12种CSS BUG处理方式与技能 返回下一篇:没有了