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

2021-09-11 13:16:18 字數 659 閱讀 8808

bem的意識就是塊(block)、元素(element)、修飾符(modifier),是由yandex團隊提出的一種css class命名方法。

任何乙個東西的存在都有其存在的道理,如果他毫無價值,那麼肯定會被淘汰,後人可能都不了解,甚至都不會出現在後人的世界裡。

關於bem命名其最大的爭議就是其命名風格,它鼓勵一級一級的寫的非常具體,但是會很長。如此常的命名會影響書寫效率,名稱過長**量就會增多,檔案體積就會變大(在gzip下這個不算是個問題),從而會影響傳輸速度,使用者體驗度就低,但是作為乙個職業人我們都不能單純把個人喜好和習慣作為藉口來拒絕或否定其用途。

風格對於使用者來說並不是很重要,關鍵的是看其效果。正所謂人們常說的「不看療程,看療效」。

從擴充套件性上來看,巢狀過多閱讀性差,超過3層就很難閱讀了;巢狀越多,選擇器的層級也會隨之增多,那麼效能不知不覺就會變差;如此長的名字,書寫上想衝突都難。

從程式設計原則上來說,這種命名方式不會暴露抽象類。假如樣式變了需要繼承另乙個抽象類,不需要改html,只需要改css即可。

團隊開發中,風格無非是一種形式,可以約束人們達到一定程度上的統一。內部溝通會極大降低溝通成本。

bem命名的方法雖然有自身的不足之處,但至少他可以使我們命名的時候達到一定的統一,我們可以學習其優秀的方面將其納為己用。在實際專案開發中將其巧妙而又靈活的運用起來也未嘗不是一件壞事。

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

bem的意識就是塊 block 元素 element 修飾符 modifier 是由yandex團隊提出的一種css class命名方法。任何乙個東西的存在都有其存在的道理,如果他毫無價值,那麼肯定會被淘汰,後人可能都不了解,甚至都不會出現在後人的世界裡。關於bem命名其最大的爭議就是其命名風格,它...

如何看待測試過程中的漏測發生

漏測,相信對於每個測試同學而言,都是 談虎變色 的事,但是實際工作中,我們稍有不謹慎便會和它來一次 親密接觸 那麼,現在我們來聊聊測試中的漏測。石頭中文網 www.10tou.com 一方面,會讓他人對你的技術 業務能力產生懷疑,而且發生多次後,甚至會質疑你存在的價值 另一方面,自己內心會很愧疚和自...

CSS初學 如何修改Zblog中的CSS

在學習應用css之前我們要先了解一下什麼是css。css是cascading style sheets 層疊樣式表 的簡稱.css語言是一種標記語言,它不需要編譯,可以直接由瀏覽器執行 屬於瀏覽器解釋型語言 在標準網頁設www.cppcns.com計中css負責網頁內容 xhtml 的表現.css檔...