前端開發命名規範 html css js

所有的命名最好都小寫。

資料夾命名，盡量採取單個英語單詞描述，如login,index。

html檔名稱，當需要多個英語單詞描述時用」_」(下劃線)連線多個單詞分隔，如：user_add.html,動詞放在後面，便於相同業務模組檔案放在一起。

css，image，js檔名稱，當需要多個英語單詞描述時用」-「(分隔線)連線多個單詞分隔，如：font-awesome.css,login-user.jpg,login-pwd.jpg。 當基於某種型別從屬關係劃分檔案時，以.(點)作為單詞分隔，如：jquery.min.js,common.left-sliding.js

建議採取系統匈牙利命名法,因為js語言是一弱型別語言，宣告變數時，在名稱上標識其資料型別，以提高**的的可讀性。

變數名＝資料型別+物件描述

s: 表示字串string

n:表示數字

i: 表示整型int(它是number中的整數型別)

fl: 表示浮點float(它是number中的小數型別)

b: 表示布林boolean

a: 表示陣列array

o: 表示物件object

fn: 表示函式function

例如 var aperson = ; // array陣列

var obtn = document.getelementbyid(『btn』); //object物件

var fnname = function () {}; // function函式

var sname = 「w3cplus」; // string字串

物件方法命名使用fn+物件類名+動詞+名詞形式 fnanimatedorun()

某事件響應函式命名方式為fn+觸發事件物件名+事件名或者模組名 fndivclick()

所有的命名最好都小寫

當需要多個英語單詞描述時用」-「(分隔線)連線多個單詞分隔

主要的、重要的、最外層的盒子用「#」(井號)選擇符號開頭命名，其它都用「.」（小寫句號）選擇符號開頭命名。

例如定義左滑樣式及層級結構樣式

/*最外層列表樣式*/

/*滾動列表樣式*/
/*顯示內容區樣式*/
/*刪除按鈕樣式*/
.line-btn-delete

Html Css命名規範

1.顏色 使用顏色的名稱或者16進製制 如 red f60 ff8600 2.字型大小,直接使用 font 字型大小 作為名稱,如 font12px font9px 3.對齊樣式,使用對齊目標的英文名稱,如 left bottom 4.標題欄樣式,使用 類別 功能 的方式命名,如 barnews b...

html css的命名規範

符合專案應用場景 一律使用小寫，統一要求 英文,不可以拼音 命名規則 使團隊可以看懂自己的 自己也方便查詢和修改 首頁，主頁面 index.html 一級頁面 登入 login.html login.css login.js 註冊 resign.html 使用者管理 的字尾 png 的名稱分為頭尾兩...

Web前端企業開發命名規範

乙個好的前端專案 離不開好的命名規範，試想一下叫你接手乙個專案，你看到之前開發的 的命名一團糟，那是多麼痛苦的事啊。或者你自己把乙個專案命名的一團糟，等過段時間讓你重構該項目的時候，估計腸子都要悔青吧！一 網頁內容類 二 注釋的寫法 footer 內容區 end footer 三 id的命名 1 頁...