溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
好程序員 分享 如何看待 CSS 中 BEM 的命名方式 ?BEM 的意識就是塊 (block) 、元素 (element) 、修飾符 (modifier) ，是由 yandex 團隊提出的一種 CSS Class 命名方法。
任何一個東西的存在都有其存在的道理，如果他毫無價值，那么肯定會被淘汰，后人可能都不了解，甚至都不會出現在后人的世界里。
關于 BEM 命名其最大的爭議就是其命名風格，它鼓勵一級一級的寫的非常具體，但是會很長。如此常的命名會影響書寫效率，名稱過長代碼量就會增多，文件體積就會變大 ( 在 gzip 下這個不算是個問題 ) ，從而會影響傳輸速度，用戶體驗度就低，但是作為一個職業(yè)人我們都不能單純把個人喜好和習慣作為借口來拒絕或否定其用途。
風格對于使用者來說并不是很重要，關鍵的是看其效果。正所謂人們常說的 “不看療程，看療效”。
從擴展性上來看，嵌套過多閱讀性差，超過 3 層就很難閱讀了 ; 嵌套越多，選擇器的層級也會隨之增多，那么性能不知不覺就會變差 ; 如此長的名字，書寫上想沖突都難。
從編程原則上來說，這種命名方式不會暴露抽象類。假如樣式變了需要繼承另一個抽象類，不需要改 HTML ，只需要改 css 即可。
團隊開發(fā)中，風格無非是一種形式，可以約束人們達到一定程度上的統一。內部溝通會極大降低溝通成本。
BEM 命名的方法雖然有自身的不足之處，但至少他可以使我們命名的時候達到一定的統一，我們可以學習其優(yōu)秀的方面將其納為己用。在實際項目開發(fā)中將其巧妙而又靈活的運用起來也未嘗不是一件壞事。
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
