微信小程序开发规约

鄙人不才,毕业初期就在一家日企公司作为前端开发工程师,对于代码的规约是极其重视的一件事,很多时候,如果代码风格不统一,会导致整体代码较为混乱,或许你习惯了自创风格,但是我认为既然在同一家公司作为友好同事,那么这些规约就必不可少了.

附上前端开发规约的一些链接

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,就是一个私用变量.