1. 首頁
  2. 問答
  3. 當談到JavaScript vs CSS時，你如何命名你的類？

當談到JavaScript vs CSS時，你如何命名你的類？

2011-07-25 84 views

回答

1

我嘗試使用名詞修飾語，這樣的形容詞，介詞短語，或句子用動詞「有」減主題給它們命名。例如，

  1. 形容詞：upToDate，stale
  2. 介詞短語：fromSameUser
  3. 言語：hasProblems

來源

2011-07-25 19:39:07

+0

那麼，你使用camelcase的CSS和JS？ –

+0

@布賴斯，是的，但我沒有理由爲什麼其他人應該這樣做。 –

+0

有道理。每個人都應該這樣做，他們覺得舒服。我只是想看看別人是如何做到這一點，並拉出想法。 –

1

沒有真正的命名約定。

有時（大部分時間）我使用類爲css和js。

來源

2011-07-25 19:30:56 Neal

+0

同意，只要你選擇一個命名約定和**堅持它**你的好去。 – rlemon

1

我嘗試根據它們描述的元素來命名我的類，而不是如何使用它們。如果在我的頁面上有一堆.definition元素，則無論我是否將它們設爲綠色，或者如果我想讓jquery循環遍歷它們都沒有關係，它仍然是一個定義。

來源

2011-07-25 19:33:55

3

如果可能的話，我覺得應該發生的是這個

  1. 建立網站的結構，HTML

  2. 添加樣式與CSS（這裏的地方添加類）

  3. 通過已創建的類和ID掛接javascript

  4. 僅在必要時添加其他類/ ID。

在大多數情況下，這可以使它們很好地包裹在一起。

如果腳本是最後完成的（我認爲最好），結構應該在那裏支持它。

因此，在幾乎所有情況下，您的js類/ ID都會反映您的CSS內容。

編輯

爲了提供額外的信息按@Bryce Siedschlaw的評論：

我的大多數類/ IDS都是基於元素的功能。規則的一些例子，我創建/修改今天

#successExplain{} 
.successImgs{} 
.continueRead{} 
.continueRead a{} 
.continueRead a:hover{} 
#tagCloud{}

來源

2011-07-25 19:35:30

+2

我可能會錯過一些東西，但我不認爲你真的回答了這個問題。你沒有提到如何命名CSS的東西。我認爲這可能是答案的重要組成部分。 –

+0

我正在考慮看到class =「X」的維護程序員，並想知道X在哪裏​​使用。他可以在CSS文件中搜索.X，也可以在現在考慮的js文件中搜索.X，但他也必須搜索「X」和「X」。 –

+0

@Bryce。真正。我展示了我的發展如何影響CSS和JS中的課堂創作，以及它們幾乎總是以相同的課程結束，因此沒有特別的區別。 –

相關問題

 相關問題