如何看待CSS中BEM的命名方式？BEM只是一種思考。它為我們規(guī)范CSS的命名提供了方向。每個人的理解都是不同的，最終實現(xiàn)的方式也會是相似的。它不同于OOCSS（object-orientedprog

如何看待CSS中BEM的命名方式？

BEM只是一種思考。它為我們規(guī)范CSS的命名提供了方向。每個人的理解都是不同的，最終實現(xiàn)的方式也會是相似的。它不同于OOCSS（object-orientedprogrammingcss）的概念。OOCSS提倡可重用性，而BEM更扁平

在我了解BEM之前，我一直在尋找一個最佳的命名方法，這對以后的新成員來說是很方便的。這對于一個罕見的公司來說非常重要，例如橋圖網(wǎng)，專門從事前端橋圖。Com

在我們近2000個橋圖項目中，幾乎所有的命名方法都被嘗試過。例如，我們根據(jù)自己的經(jīng)驗探索了自己的命名系統(tǒng)。滑塊。滑塊包裝?；瑝K導(dǎo)航。Slider NAV

uitem

.Slider arrow

.Slider-arrow uuuprev

.Slider-arrow uuunext

]這是我們公司使用的命名方法，符合邊界元法的概念。這種方法的一個缺點是時間稍長。然而，目前，利大于弊。如果你有更好的方法，請給我一個建議

CSS最復(fù)雜的是CSS命名。如何規(guī)范CSS的命名，方便新員工的入職培訓(xùn)和團隊合作，是最讓我頭疼的事

正式來說，因為沒有標準答案，難點就在這里。我嘗試了很多方法來命名CSS，并不斷改進。當(dāng)前的CSS命名標準更接近BEM的概念，比如?；瑝K?；瑝K包裝?；瑝K箭頭。Slider-arrow

uleft

.Slider-arrowuright

.Slider-nav

.Slider-nav它的優(yōu)點是平坦，沒有層次關(guān)系（也可以避免權(quán)重泛濫的問題）。如果有人有更好的解決方案，請給我留言

BEM規(guī)范，即block，element&modifier，了解一下。

如何高效寫CSS？

我們目前的CSS命名方法接近無線BEM的概念。在我們2000多個前端切割項目中，幾乎每一種CSS命名方法都在實戰(zhàn)中得到了應(yīng)用，并不斷完善。目前，我們采用以下方法：?；瑝K?；瑝K包裝?；瑝K箭頭?；瑝K箭頭

uleft

.Slider-arrowunext

.Slider-nav

.Slider-navuitem

非常接近BEM的命名方法。它是扁平的，沒有層次結(jié)構(gòu)（因此不存在重量問題）。培訓(xùn)新人和促進團隊合作相對容易。唯一的缺點是時間長了一點，但利大于弊。

OOCSS命名提倡重用，這與BEM有很大不同。我不建議這樣。以上只是我個人的看法。CSS命名沒有標準答案。不同的人有不同的意見

最好打1號線和2號線。它很容易記住，也很實用。有必要加上英文字母。外人、老人和小孩能記住R、m和N嗎？。說出名字的人是精神病患者。