建議學(xué)習(xí)時(shí)長(zhǎng)： 30分鐘
學(xué)習(xí)方式：了解
學(xué)習(xí)目標(biāo)
- 不起特別差的名字
詳細(xì)介紹
There are only two hard things in Computer Science: cache invalidation and naming things.-- Phil Karlton
命名的原則
1 使用名副其實(shí)（Intention-Revealing）的名字
- 不要定義無(wú)意義的名字
- 不要使用magic numbers
2 避免傳達(dá)錯(cuò)誤的意思
- 避免使用有歧義的名字，比如與其他已存的命名系統(tǒng)相同或相似的名字（比如hp, aix, sco）
- 避免使用與語(yǔ)言特性相關(guān)的詞，比如曾我，accountList, 如果它真的是一個(gè)某些語(yǔ)言中的List結(jié)構(gòu)還好扮匠，如果不是砰琢，最好使用bunchOfAccounts或者直接accounts更好厦酬。
- 避免在不同的地方使用只有微妙區(qū)別的命名融撞。
3 在命名和命名之間使用有意義的區(qū)別
4 使用語(yǔ)音可讀的命名
5 使用容易搜索的命名
6 避免發(fā)明新的編碼方式來(lái)命名
7 避免腦補(bǔ)
8 不要使用可愛(ài)的命名
9 同一個(gè)概念使用同一個(gè)單詞
10 避免使用雙關(guān)語(yǔ)
11 使用程序員熟悉的專有名詞
12 使用描述問(wèn)題的命名
13 添加有意義的上下文
14 不要添加無(wú)意義的上下文
詳細(xì)見(jiàn)命名的藝術(shù)（clean code閱讀筆記之一）勉耀。
CSS 的常用命名
狀態(tài)
- collapsed 收攏的
- expanded 展開的
- current 當(dāng)前
- selected 選中的
- active 活躍的
- enabled 可用
- disabled 不可用
布局
- 頭部 header
- 尾部 footer
- 主欄 main
- 側(cè)欄 side
- 盒容器 wrap
- 條目 item指煎。一般和模塊名一起用，如
list-item便斥，news-item至壤。
模塊
- 導(dǎo)航 nav
- 子導(dǎo)航 subnav
- 面包屑 crumb
- 菜單 menu
- 選項(xiàng)卡 tab
- 標(biāo)題 head/title
- 列表 list
- 內(nèi)容 content
- 表格 table
- 表單 form
- 熱點(diǎn) hot
- 排行 top
- 登錄 login
- 標(biāo)志 log
- 搜索 search
- 幻燈 slide
- 提示 tip
- 幫助 help
- 新聞 news
- 下載 download
- 注冊(cè) regist
- 投票 vote
- 版權(quán) copyright
- 結(jié)果 result
- 按鈕 button
- 輸入 input
- 個(gè)人中心
- 用戶狀態(tài)（關(guān)注數(shù)，喜歡數(shù)） user-status
- 用戶頭像 avatar
- 徽章 badge
