web前端編碼規範小結

2021-07-24 22:59:40 字數 1585 閱讀 2141

一、基本規範

1.必須宣告檔案型別為html5,在標頭檔案新增

2.乙個html5的基本格式為

3.為了明確字元編碼,使瀏覽器準確並快速渲染頁面,需在頭部宣告文件編碼

4.引入檔案

引入css檔案:

引入js檔案:

注意:例如在jquery的框架中編碼,必須要在編碼前引用,否則會出現錯誤。

5.命名

建議使用駝峰命名法,例

而函式命名可使用下劃線命名,例
function http_send_post()

6.縮排

用tab鍵來進行縮排,縮排範圍為4個空格。

7.**注釋

css樣式中的注釋格式為

#div{}

/*div樣式*/

js中的注釋格式為

function example(){}

//函式

二、**風格

1.css樣式定義時,命名後樣式中每一項屬性要清晰的縮排及空行,更利於檢視**

#div

編寫js函式時也是如此,同級函式語句盡量保持一致,下級則縮排。

function f1()

return f2;

}  var result=f1();

result(); // 999

2.帶字首的屬性要縮排編輯

在編碼中,會遇到許多特定的帶字首的相同屬性,用縮排的方式去編輯更利於檢視與美觀,形成良好的**風格。

.div

3.結構控制

控制介面,就是 if else while switch等。這一類的寫法規範也是經常容易出現問題的,規範一下會更利於編碼。

(1)if ,else if, else寫法:

(2)switch寫法:

(3)for迴圈寫法:

(4)for in寫法:

(5)while, do while寫法:

web前端編碼規範

web前端編碼規範 本文摘至bootstrap中文網中bootstrap編碼規範中常用部分,詳細請檢視bootstrap編碼規範 1.html 2.css 相關的屬性宣告應當歸為一組,並按照下面的順序排列 positioning box model typographic visual 單行規則宣告...

web前端編碼規範

最佳原則不管是個人編碼規範還是團隊編碼規範,一旦規範制定完畢就應該堅持使用,保持前後規範一致。筆記通過markdown寫成,對應的github位址為 專案名稱,目錄名稱,一律採用小寫方式,以下劃線分割。例如 my project name 常見命名推薦 img js css src dep 縮排使用...

編碼規範(小結)

走查1 1 定義變數時應該進行初始化。2 引數過長進行斷行時,應該每個引數佔一行。3 引數中帶有 時進行引數斷行時,這些運算子應該放在斷行引數前面。4 中變數型別,優先考慮區域性變數,然後再考慮成員變數,再然後考慮全域性變數等等 5 複雜函式進行分解,分解成若干個小函式。6 優先處理函式中的異常情況...