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

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

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

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

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

uitem

.Slider arrow

.Slider-arrow uuuprev

.Slider-arrow uuunext

]這是我們公司使用的命名方法，符合邊界元法的概念。它的缺點(diǎn)之一是有點(diǎn)長。然而，目前，利大于弊。如果你有更好的方法，請(qǐng)給我建議

我們目前的CSS命名方法是無線的，接近BEM的概念。在我們2000多個(gè)前端切割項(xiàng)目中，幾乎每一種CSS命名方法都有自己的優(yōu)點(diǎn)，它在實(shí)戰(zhàn)中得到了應(yīng)用，并不斷改進(jìn)。目前，它的用途如下：?；瑝K。滑塊包裝?；瑝K箭頭。Slider-arrowuuleft

.Slider-arrowunext

.Slider-nav

.Slider-navuitem

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

OOCSS命名提倡重用，這與BEM有很大不同。我不建議這樣。以上只是我個(gè)人的觀點(diǎn)。CSS命名沒有標(biāo)準(zhǔn)答案。不同的人有不同的意見