相關(guān)文章
博客原文
我的前端規(guī)范——開篇
我的前端規(guī)范——HTML篇
我的前端規(guī)范——CSS篇
我的前端規(guī)范——JavaScript篇
大綱
前言
1、命名規(guī)范
2叙身、編碼規(guī)則
前言
規(guī)范對于一個(gè)項(xiàng)目來說是很重要的舌厨，統(tǒng)一的規(guī)范對代碼的一致性、項(xiàng)目的質(zhì)量、工作的協(xié)調(diào)都有很大的幫助狰挡，而且有時(shí)候可以規(guī)避很多意料不到的錯(cuò)誤。
當(dāng)然释涛，規(guī)范是死的加叁，人是活的。我總結(jié)的前端規(guī)范是我認(rèn)為對我來說比較適合的唇撬，我又認(rèn)可的它匕，所以我能比較好的接受和使用。但是窖认，不同的團(tuán)隊(duì)豫柬，不同的項(xiàng)目需要遵守的規(guī)范也許就是不一樣的告希。規(guī)范的作用是讓項(xiàng)目的代碼看起來更有統(tǒng)一性，讓團(tuán)隊(duì)的協(xié)作更方便烧给，因此燕偶，根據(jù)具體的情況制定統(tǒng)一的規(guī)范才是最合理的，而這里我給出的也只是我認(rèn)為比較符合我風(fēng)格和習(xí)慣的础嫡，至于具體的規(guī)范還是要依據(jù)具體的情況來總結(jié)制定指么。
單獨(dú)寫成一篇的話篇幅很大，因此我會(huì)將我的總結(jié)寫成：開篇榴鼎、css伯诬、html、js四篇檬贰，讓有需要的讀者能夠更方便的查找到想要的知識姑廉。
1、命名規(guī)范
1.1翁涤、文件命名可讀性強(qiáng)
文件夾桥言、文件的命名與命名空間應(yīng)能代表代碼功能，可讀性強(qiáng)葵礼。
1.2号阿、函數(shù)命名
駝峰命名方式,函數(shù)名字應(yīng)體現(xiàn)出該函數(shù)的作用
function funName() {}
1.3、常量
大寫
var VARIABLENAME
1.4鸳粉、變量
駝峰命名
變量名應(yīng)體現(xiàn)出該變量的內(nèi)容
通過加下劃線體現(xiàn)其局部變量的含義扔涧，如 let _name;
var variableName
2、編碼規(guī)則
2.1届谈、排版縮進(jìn)
采用統(tǒng)一的縮進(jìn)方式排版代碼枯夜。縮進(jìn)必須是軟tab（用空格字符）艰山。（這里的tab的要求是4個(gè)空格）
2.2湖雹、關(guān)鍵詞、條件括弧后面使用空格曙搬；運(yùn)算操作符號兩側(cè)使用空格摔吏；語句分割符‘,’后面使用空格
var name[空格]=[空格]value;
if[空格](a,[空格]b) {
}
2.3、左大括號"{"可以居行尾纵装，也可寫在下行首（獨(dú)自一行）征讲；右大括號"}"單獨(dú)占一行，居行首
if (a && b) {
}
------------------------
if (a && b)
{
}
2.4橡娄、句末必須用分號結(jié)尾
var fn = function () {
};//這里沒有分號的話诗箍，腳本解析器會(huì)報(bào)錯(cuò)！Ｍ彀Α扳还！
(function () {
alert(1);
})();
2.5才避、單行過長應(yīng)在適當(dāng)位置予以換行,增強(qiáng)可讀性
if 語句括號中的條件若過多過長，應(yīng)予以折行氨距；折行后，||棘劣、&& 等符號應(yīng)與 “(” 后的第一個(gè)字母縱向?qū)R
if (condition1
&& condition2
|| condition3) {
}
2.6俏让、if、while茬暇、for首昔、do語句的執(zhí)行體總是用"{"和"}"括起來，即使在其結(jié)構(gòu)體內(nèi)只有一條語句
if (s==100) {
alert('shit!');
}
2.7糙俗、語法意義相互獨(dú)立的代碼將用空行分隔
a++; b++; //＠掌妗！巧骚！避免同一行書寫兩個(gè)表達(dá)式
if (a > b) {
value = a; //行間不用空行間隔
}
var variableName = value; //與上一代碼行使用空行間隔
