我讀過很多關於camelCase和Underscore命名約定的優缺點的文章。我一直比較喜歡camelCase,主要是因爲它節省了字節。HTML/CSS:CamelCase vs Underscores
但是瞭解BEM,我一直很困惑。 BEM命名更具可讀性,但'_','__'和長名稱會增加文件大小。此外,我無法找到任何js插件。那麼哪一個更適合合格的網頁?
P.S.對不起英文不好。任何意見表示讚賞
我讀過很多關於camelCase和Underscore命名約定的優缺點的文章。我一直比較喜歡camelCase,主要是因爲它節省了字節。HTML/CSS:CamelCase vs Underscores
但是瞭解BEM,我一直很困惑。 BEM命名更具可讀性,但'_','__'和長名稱會增加文件大小。此外,我無法找到任何js插件。那麼哪一個更適合合格的網頁?
P.S.對不起英文不好。任何意見表示讚賞
對於CSS我不記得我見過駱駝案例(在專業工作)。
對我來說,我在私人項目上工作時使用了BEM。我傾向於使用雙下劃線,如.banner__image
和.banner__image--large
(如果您閱讀the BEM specs,您會得到它)。
在工作中我們的團隊利用邊界元雖然是修改,只是一個下劃線或連字符(用於調節劑).banner_image
和.banner_image-large
。
如果不使用BEM,您可能應該使用連字符( - )編寫類。像這樣.banner-image
和.banner-image-large
。例如,你可以看看Twitters bootstrap structure with class names,或任何其他網站事實。
謝謝!但我應該怎麼做,如果我使用BEM,但必須導入js/jq插件,這些插件主要不是使用BEM? – FrontDev 2014-10-19 10:49:31
@FrontDev大多數插件讓你使用你自己的類來設置你可以說的圖像滑塊,如'$('。banner__container')。slider();',如果你必須使用一個特定的插件,它的構造很差,你應該尋找其他選擇。其次,如果您必須使用它,可以選擇與您的命名約定不匹配的類。希望這會帶來清晰。或者你是指現在的實際文件的名稱? – 2014-10-19 10:57:00
謝謝!明確。我剛被要求在整個項目中使用BEM,我認爲這會限制我使用不同插件的能力。如果沒關係,比np。我想你是有經驗的,那麼文件大小呢?它比可讀的名字更重要嗎? – FrontDev 2014-10-19 11:17:25