最佳原則不管是個人編碼規範還是團隊編碼規範,一旦規範制定完畢就應該堅持使用,保持前後規範一致。
筆記通過markdown寫成,對應的github位址為:
專案名稱,目錄名稱,一律採用小寫方式,以下劃線分割。例如:my_project_name
常見命名推薦:img、js、css、src、dep
縮排使用4個空格。
屬性值使用雙引號。
屬性名必須使用小寫字母。
id、class命名全小寫用中劃線做分隔符。
不要在自動閉合標籤結尾處使用斜槓。
檔案編碼使用utf-8。
doctype這樣寫。
charset這樣寫。
引用css和js時不用指明type
屬性。
布林型別的屬性,建議不新增屬性值。
js標籤引入放在上面。
同一頁面,應避免使用相同的name
與id
。
對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屬性應當按照以下給出...