web前端編碼規範

2021-10-25 08:43:59 字數 2393 閱讀 9026

最佳原則不管是個人編碼規範還是團隊編碼規範,一旦規範制定完畢就應該堅持使用,保持前後規範一致。

筆記通過markdown寫成,對應的github位址為:

專案名稱,目錄名稱,一律採用小寫方式,以下劃線分割。例如:my_project_name

常見命名推薦:img、js、css、src、dep

縮排使用4個空格。

屬性值使用雙引號。

屬性名必須使用小寫字母。

id、class命名全小寫用中劃線做分隔符。

不要在自動閉合標籤結尾處使用斜槓。

檔案編碼使用utf-8。

doctype這樣寫

charset這樣寫

引用css和js時不用指明type屬性。

布林型別的屬性,建議不新增屬性值。

js標籤引入放在上面。

同一頁面,應避免使用相同的nameid

對html5中規定允許省略的閉合標籤,不允許省略閉合標籤。

note: 可以通過配置編輯器,使tab鍵相當於4個空格

縮排4個空格。

分號不能省略。

utf-8編碼。

使用雙引號。

選擇器的巢狀層級應不大於3級,位置靠後的限定條件應盡可能精確。

當乙個rule包含多個selector時,每個選擇器宣告必須獨佔一行。

url()函式中的路徑不加引號。

長度為0時須省略單位。

font-family屬性中的字型族名稱應使用字型的英文family name,其中如有空格,須放置在引號中。

關於空格、縮排規範,參考下面的**示例。

/* 11. 空格、換行 */

.selector

font-family: arial, sans-serif;

/* 6. 屬性書寫順序 */

.sidebar

/* 7. 分組選擇換行 */

.post,

.page,

.comment

/* 8. */

body

/* 10.

宋體 simsun

黑體 simhei

微軟雅黑 microsoft yahei

*/h1

縮排4個空格。

分號不能省略。

空格、換行(見**示例)。

優先使用單引號。

變數、函式、引數命名採用駝峰法。建構函式大寫第乙個字母。常量全大寫,下劃線連線。

每個var只能宣告乙個變數。

函式(見**示例)。

陣列、物件最後不要有逗號。

// 1縮排 3空格、換行 7函式 8陣列

switch (variable)

var a = !arr.length;

a++;

a = b + c;

if (condition) else

while (condition)

function funcname()

(function() )();

var obj = ;

var func = function () ;

funcname();

callfunc(a, b);

if (user.isauthenticated()

&& user.isinrole('admin')

&& user.hasauthority('add-admin')

|| user.hasauthority('delete-admin')

) var task = (function () )();

// 4. 引號

var str = '我是乙個字串';

var html = '拼接html可以省去雙引號轉義

';// 5. 命名

var loadingmodules = {}; // 變數

var html_entity = {}; // 常量

function stringformat(source) // 函式

function hear(thebells) // 引數

function textnode(options) // 類

網易編碼規範:

web前端編碼規範

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

web前端編碼規範小結

一 基本規範 1.必須宣告檔案型別為html5,在標頭檔案新增 2.乙個html5的基本格式為 3.為了明確字元編碼,使瀏覽器準確並快速渲染頁面,需在頭部宣告文件編碼 4.引入檔案 引入css檔案 引入js檔案 注意 例如在jquery的框架中編碼,必須要在編碼前引用,否則會出現錯誤。5.命名 建議...

前端編碼規範

從一篇文章上 前端編碼規範 摘取了自己還沒形成習慣的點 好的規範寫法 html語法 1.用兩個空格來代表製表符 tab 這是唯一能保證在所有 環境下獲得一致展現的方法 2.對於屬性的定義,確保全部使用雙引號,絕不要使用單引號 3.不要在自閉合元素的尾部新增斜線 屬性順序 html屬性應當按照以下給出...