武林網(wǎng)(www.survivalescaperooms.com)文章簡介：相信大家對樣式命名都多少感到困難，特別是想起一個有意義的名，更難。回顧了一下之前寫的《 樣式命名規(guī)則 》（不知道大家使用后有什么感想）結(jié)合這段時間使用上發(fā)現(xiàn)的一些問題，重新整理了樣式的命名規(guī)則，希望能更實(shí)用些。

相信大家對樣式命名都多少感到困難，特別是想起一個有意義的名，更難。回顧了一下之前寫的《 樣式命名規(guī)則 》（不知道大家使用后有什么感想）結(jié)合這段時間使用上發(fā)現(xiàn)的一些問題，重新整理了樣式的命名規(guī)則，希望能更實(shí)用些。

要避免當(dāng)狀態(tài)改變時名稱失去意義，最常見的就是用于布局的類名，如“left”、“right”，當(dāng)左邊欄不再是左邊欄的時候，“left”這個名就沒有實(shí)際意義了。這與我們所推薦的“命名要有意義”就相違背了，使用序號就更加有問題了。好像沒錯，不過有好長一段時間都有個問題讓我很煩惱，如果一個頁面中同個模塊出現(xiàn)一次以上，而且細(xì)節(jié)還不一樣，那后面出現(xiàn)的名稱應(yīng)該叫什么呢？難道“one”、“two”就不是序號？其實(shí)我們要避免遇到的情況就是當(dāng)狀態(tài)（表現(xiàn)）改變時，對應(yīng)定義的類名不會失去意義。

所謂的狀態(tài)（表現(xiàn)）改變，有幾種情況：

而實(shí)際情況并不是單純的某一種情況，更多的時候是混雜著出現(xiàn)的。有點(diǎn)遠(yuǎn)了，回主題。

[ 模塊前綴 ] _ 類型 _ ( 作用 | 狀態(tài) ) n _ [ 位置 n ]

圖例說明：

名詞說明：

例：

模塊前綴：

類型：

作用：

狀態(tài)：

位置：

中文解釋命名中文解釋命名

文本輸入框.input_tx段落文本顏色.tx_c_p

密碼輸入框.input_pw相冊彈出的設(shè)置層.pop_set_photo

登錄密碼輸入框.input_pw_login日志設(shè)置成功提示 .hint_suc_blogset

文本顏色.tx_c公共提示 .hint_gb

問幾個簡單的問題，可以幫助我們完成命名：

可能無法覆蓋到所有的情況，但相信能解決70%~80%的命名問題。如果結(jié)合“模塊化”相關(guān)的方法去定義，其實(shí)所需要定義的名稱并不需要很多。如：“hint_tx”表示提示模塊的文字定義，“hit_tx_hint”表示提示里文字強(qiáng)調(diào)的定義，至于是改變顏色還是加粗，這個就看不同提示模塊的需要了。