鄙人不才,畢業(yè)初期就在一家日企公司作為前端開發(fā)工程師,對(duì)于代碼的規(guī)約是極其重視的一件事,很多時(shí)候,如果代碼風(fēng)格不統(tǒng)一,會(huì)導(dǎo)致整體代碼較為混亂,或許你習(xí)慣了自創(chuàng)風(fēng)格,但是我認(rèn)為既然在同一家公司作為友好同事,那么這些規(guī)約就必不可少了.
附上前端開發(fā)規(guī)約的一些鏈接
1腿宰、通過(guò)分析github代碼庫(kù)總結(jié)出來(lái)的工程師代碼書寫習(xí)慣
3韩脑、團(tuán)隊(duì)合作的css命名規(guī)范-騰訊AlloyTeam前端團(tuán)隊(duì)
4、前端編碼規(guī)范之js – by yuwenhui
下面我將主要講述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è)私用變量.
