鄙人不才,毕业初期就在一家日企公司作为前端开发工程师,对于代码的规约是极其重视的一件事,很多时候,如果代码风格不统一,会导致整体代码较为混乱,或许你习惯了自创风格,但是我认为既然在同一家公司作为友好同事,那么这些规约就必不可少了.
附上前端开发规约的一些链接
1、通过分析github代码库总结出来的工程师代码书写习惯
2、HTML&CSS编码规范 by @mdo
3、团队合作的css命名规范-腾讯AlloyTeam前端团队
4、前端编码规范之js – by yuwenhui
5、前端编码规范之js – by 李靖
6、前端开发规范手册
下面我将主要讲述css命名规约与Js命名规约.
一, Css:
整体:这个参考bootstrap的命名规范,单词与单词之间用连接符”-”,每个单词均为小写,如nav-title.
细分: (颜色)
1.字体颜色的命名规则为color-(颜色的16进制码),
如color-fefefe {color:# fefefe }
2.背景颜色的命名规则为bg-(颜色的16进制码),
如bg- fefefe{background:# fefefe }
3.字体大小的命名规则为font-(字体大小),如font-12px{font-size:12px}
二, Javascript
1)类名:采用Pascal命名规约,即每个单词的首字母均大写.如WorkFactory
2)方法名:采用驼峰式命名规约,即第一个单词首字母小写，后面其他单词首字母大写
3)变量的命名规则与方法名一致
4)常量的命名为每个单词的所有字母均大写,单词与单词之间采用下划线进行连接,如MAX_NUM =10;
5)私有变量或者私用方法采用下划线开头的驼峰式命名法,如_age,就是一个私用变量.