鄙人不才,畢業(yè)初期就在一家日企公司作為前端開發(fā)工程師,對于代碼的規(guī)約是極其重視的一件事,很多時(shí)候,如果代碼風(fēng)格不統(tǒng)一,會(huì)導(dǎo)致整體代碼較為混亂,或許你習(xí)慣了自創(chuàng)風(fēng)格,但是我認(rèn)為既然在同一家公司作為友好同事,那么這些規(guī)約就必不可少了.

附上前端開發(fā)規(guī)約的一些鏈接

1、通過分析github代碼庫總結(jié)出來的工程師代碼書寫習(xí)慣

2、HTML&CSS編碼規(guī)范 by @mdo

3、團(tuán)隊(duì)合作的css命名規(guī)范-騰訊AlloyTeam前端團(tuán)隊(duì)

4、前端編碼規(guī)范之js – by yuwenhui

5、前端編碼規(guī)范之js – by 李靖

6、前端開發(fā)規(guī)范手冊

下面我將主要講述css命名規(guī)約與Js命名規(guī)約.

一, Css:

整體:這個(gè)參考bootstrap的命名規(guī)范,單詞與單詞之間用連接符”-”,每個(gè)單詞均為小寫,如nav-title.

細(xì)分: (顏色)

1.字體顏色的命名規(guī)則為color-(顏色的16進(jìn)制碼),

如color-fefefe {color:# fefefe }

2.背景顏色的命名規(guī)則為bg-(顏色的16進(jìn)制碼),

如bg- fefefe{background:# fefefe }

3.字體大小的命名規(guī)則為font-(字體大小),如font-12px{font-size:12px}

二, Javascript

1)類名:采用Pascal命名規(guī)約,即每個(gè)單詞的首字母均大寫.如WorkFactory

2)方法名:采用駝峰式命名規(guī)約,即第一個(gè)單詞首字母小寫，后面其他單詞首字母大寫

3)變量的命名規(guī)則與方法名一致

4)常量的命名為每個(gè)單詞的所有字母均大寫,單詞與單詞之間采用下劃線進(jìn)行連接,如MAX_NUM =10;

5)私有變量或者私用方法采用下劃線開頭的駝峰式命名法,如_age,就是一個(gè)私用變量.