css ID类和class类的长寿名与短寿名

日期:2021-01-20 类型:科技新闻 

关键词:微信公众号平台小程序,微信打分小程序,小程序发布,小程序大全,微信小程序编程

由于本人较为趋向于短寿名,简易雅致,将会是出于程序流程员的洁癖,容不可任何冗余的物品。和我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)不在考虑到范畴以内。

上一篇:css 操纵first 返回下一篇:没有了