前端開發(fā) 如何看待CSS中BEM的命名方式?
如何看待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?;瑝K包裝?;瑝K導(dǎo)航。Slider NAV
uitem
.Slider arrow
.Slider-arrow uuuprev
.Slider-arrow uuunext
]這是我們公司使用的命名方法,符合邊界元法的概念。它的缺點之一是有點長。然而,目前,利大于弊。如果你有更好的方法,請給我建議
我們目前的CSS命名方法是無線的,接近BEM的概念。在我們2000多個前端切割項目中,幾乎每一種CSS命名方法都有自己的優(yōu)點,它在實戰(zhàn)中得到了應(yīng)用,并不斷改進。目前,它的用途如下:?;瑝K?;瑝K包裝?;瑝K箭頭。Slider-arrowuuleft
.Slider-arrowunext
.Slider-nav
.Slider-navuitem
非常接近BEM的命名方法。它是扁平的,沒有層次結(jié)構(gòu)(因此不存在重量問題)。培訓(xùn)新人和促進團隊合作相對容易。唯一的缺點是時間長了一點,但利大于弊。
OOCSS的命名法提倡重用,這與BEM的命名法截然不同。我不推薦這種方法。以上只是我個人的觀點。CSS的命名沒有標準答案。不同的人有不同的看法
換熱器的類型沒有bue。邊界元法是指前端管箱為B型標準橢球頭管箱,后端管箱為M型錐頭管箱,管板延伸段也用作法蘭,帶凸耳支撐的固定管板換熱器主要用于塔的再沸器。
補充其他類型:
bes為前端管板,為B型標準橢圓頭管板,后端為S型浮頭換熱器,支架為鞍座支架;
bku為前端管板,為B型標準橢圓頭管板,殼側(cè)為U型管式釜式再沸器,支架為鞍座支架;
BIU前端管箱為B型標準橢圓頭管箱,殼側(cè)為I型U型管換熱器,支架為鞍座支架。