在项目中,由于模块比较多前端开发人员也不止一人,为避免命名冲突,制定了如下的命名规则:
公共组件因为高度重用,命名从简,不要加前缀。
各栏目(模块)的相应代码,需加前缀,前缀为模块英文简写,例如:实验室前缀为”lab_”,分隔符为下划线”_”,例如:”lab_tcList”
模块组件化,组件中的class或id名采用骆驼命名法和下划线相结合的方式,单词之间的分隔靠大写字母分开,从属关系靠下划线分隔,例如:”tcList_firstItem”。
命名清晰,不怕命名长,怕命名容易冲突,长命名可以保证不会产生冲突,所以CSS选择时可以尽量不使用子选择符,也能确保CSS优先级权重足够低,方便扩展时的覆盖操作,例如:”.tcList_firstItem{……}”优于”.tcList .firstItem{……}”。
命名要有意义,不要使用没有意义的命名,尽量使用英语命名,不要用拼音。
公共组件因为高度重用,命名从简,不要加前缀。
各栏目(模块)的相应代码,需加前缀,前缀为模块英文简写,例如:实验室前缀为”lab_”,分隔符为下划线”_”,例如:”lab_tcList”
模块组件化,组件中的class或id名采用骆驼命名法和下划线相结合的方式,单词之间的分隔靠大写字母分开,从属关系靠下划线分隔,例如:”tcList_firstItem”。
命名清晰,不怕命名长,怕命名容易冲突,长命名可以保证不会产生冲突,所以CSS选择时可以尽量不使用子选择符,也能确保CSS优先级权重足够低,方便扩展时的覆盖操作,例如:”.tcList_firstItem{……}”优于”.tcList .firstItem{……}”。
命名要有意义,不要使用没有意义的命名,尽量使用英语命名,不要用拼音。