SS命名規范：

喜歡的給作者點個關注哦，想要學習資料的私聊

擊右上方紅色按鈕關注“小鄭搞碼事”，每天都能學到知識，搞懂一個問題！

好的代碼寫出來，一定是可讀，可復用，可擴展的。這其中最關鍵的一個衡量標準是當別人看到你的代碼時，不爆粗口......

今天就來總結一下關于JavaScript變量命名需要堅持的七個原則。主要看代碼

原則一：使用有意義的單詞命名

原則二：項目中保持統一

比如，在一個項目中，可能多個地方調用一個功能，這個時候需要統一調用名稱，避免導致混亂，從而不知道如何獲取。如下所示，獲取用戶信息。如果實在不知道怎么取名字，可以去codeif中查一下。看別人是怎么命名的。

原則三：常量都要命名

原則四：可以描述

原則五：直接了當

原則六：避免無意義的前綴

比如，下面這實例，竟然創建了一個對象car，就沒有必要把它的顏色命名為carColor。

原則七：使用默認值

本命名規范

index.css： 一般用于首頁建立樣式

head.css： 頭部樣式，當多個頁面頭部設計風格相同時使用。

base.css： 共用樣式。

style.css：獨立頁面所使用的樣式文件。

global.css：頁面樣式基礎，全局公用樣式，頁面中必須包含。

layout.css：布局、版面樣式，公用類型較多時使用，一般用在首頁級頁面和產品類頁面中

module.css：模塊，用于產品類頁，也可與其它樣式配合使用。

master.css：主要的樣式表

columns.css：專欄樣式

themes.css：主體樣式

forms.css：表單樣式

mend.css：補丁，基于以上樣式進行的私有化修補。

頁面結構命名：

page：代表整個頁面，用于最外層。

wrap：外套，將所有元素包在一起的一個外圍包，用于最外層

wrapper：頁面外圍控制整體布局寬度，用于最外層

container：一個整體容器，用于最外層

head，header：頁頭區域，用于頭部

nav: 導航條

content：內容，網站中最重要的內容區域，用于網頁中部主體

main：網站中的主要區域（表示最重要的一塊位置），用于中部主體內容

column：欄目

sidebar：側欄

foot，footer：頁尾、頁腳。網站一些附加信息放置區域，（或命名為 copyright）用于底部

導航命名：

nav, navbar, navigation, nav-wrapper：導航條或導航包，代表橫向導航

topnav：頂部導航

mainbav：主導航

subnav：子導航

sidebar：邊導航

leftsidebar 或 sidebar_a：左導航

rightsidebar 或 sidebar_b：右導航

title：標題

summary：摘要

menu：菜單，區域包含一般的鏈接和菜單

submenu：子菜單

drop：下拉

dorpmenu：下拉菜單

links：鏈接菜單

功能命名：

logo：標記網站logo標志

banner：標語、廣告條、頂部廣告條

login：登陸，（例如登錄表單：form-login）

loginbar：登錄條

register：注冊

tool, toolbar：工具條

search：搜索

searchbar：搜索條

searchlnput：搜索輸入框

shop：功能區，表示現在的

icon：小圖標

label：商標

homepage：首頁

subpage：二級頁面子頁面

hot：熱門熱點

list：文章列表，（例如：新聞列表：list-news）

scroll：滾動

tab：標簽

sitemap：網站地圖

msg 或 message：提示信息

current：當前的

joinus：加入

status：狀態

btn：按鈕，（例如：搜索按鈕可寫成：btn-search）

tips：小技巧

note：注釋

guild：指南

arr, arrow：標記箭頭

service：服務

breadcrumb：(即頁面所處位置導航提示）

download：下載

vote：投票

siteinfo：網站信息

partner：合作伙伴

link, friendlink：友情鏈接

copyright：版權信息

siteinfoCredits：信譽

siteinfoLegal：法律信息