整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
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：法律信息
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
