我眼中的前端命名规则

在项目中，由于模块比较多前端开发人员也不止一人，为避免命名冲突，制定了如下的命名规则：

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

各栏目（模块）的相应代码，需加前缀，前缀为模块英文简写，例如：实验室前缀为”lab_”,分隔符为下划线”_”,例如：”lab_tcList”

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

命名清晰，不怕命名长，怕命名容易冲突，长命名可以保证不会产生冲突，所以CSS选择时可以尽量不使用子选择符，也能确保CSS优先级权重足够低，方便扩展时的覆盖操作，例如:”.tcList_firstItem{……}”优于”.tcList .firstItem{……}”。

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