瞬间从IT屌丝变大神——命名规则
为了避免命名冲突,命名规则如下:
- 公共组件因为高度重用,,命名从简,不要加前缀。
- 各栏目的相应代码,需加前缀,前缀为工程师姓名拼音的首字母,例如:海子前缀为“hz_”,分隔符为下划线"_",例如:“hz_imgList”。
- 模块组件化,组建中的class或id名采用骆驼命名法和下划线相结合的方式,单词之间的分隔靠大写字母分开,从属关系靠下划线分隔。
html:
<ul class="textList">
<li class="textList_firstItem">xxxxxxxxxxx</li>
<li>xxxxxxxxxx</li>
</ul>
CSS:
.textList { }
.textList_firstItem { }
- 命名清晰,不怕命名长,怕命名容易冲突,长命名可以保证不会产生冲突,所以CSS选择时可以尽量不使用子选择符,也能确保CSS优先权重足够低,方便扩展时的覆盖操作。
.textList_firstItem { }
- 命名要有意义,不要使用没有意义的命名,尽量用英语命名,不要用拼音。
以专业的态度和平凡的心态做非凡的事情。