命名规则

为避免命名冲突，命名规则如下：

1.公共组件因为高度重用，命名从简，不要加前缀。

2.各栏目的相应代码，需要加前缀，前缀为工程师姓名拼音的首字母，如：奥迪前缀为“od_”，分隔符为下划线“_”,如：“od_imgList”。

3.模块组件化，组件中的class或id名采用骆驼命名法和下划线相结合的方式，单词之间的分隔靠大写字母分开，从属关系靠下划线分隔，如下所示。

 

html:
<ul class="textList">
<li class="textList_firstItem">1)xxxxxx></li>
<li>2)xxxxxx></li>
<li>3)xxxxxx></li>
</ul>

css:
.textList{  }
.textList_firstItem{  }

 

 

4.命名清晰，不怕命名长，怕命名容易冲突，长命名可以保证不会产生冲突，所以css选择时可以尽量不使用子选择符，也能确保css的优先级权重足够低，方便扩展时的覆盖操作，如下所示。

 

.textList_firstItem{   }
.textList .firstItem{   }

 

 

5.命名要有意义，不要使用没有意义的命名，尽量用英语命名，不要用拼音。