<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

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

          2018-4-25    seo達人

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

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

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

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

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

          風格對于使用者來說并不是很重要,關鍵的是看其效果。正所謂人們常說的“不看療程,看療效”。

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

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

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

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

          藍藍設計www.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.sdgs6788.com

          存檔

          久久综合视频网| 国产午夜精品久久久久九九电影 | 色综合久久夜色精品国产| 青青草国产97免久久费观看| 久久精品国产亚洲AV忘忧草18| 久久亚洲精品成人av无码网站| 欧美伊香蕉久久综合类网站| 国产精品午夜久久| 久久精品国产亚洲av麻豆蜜芽| 久久99国产精品一区二区| 四虎久久影院| 欧美一区二区精品久久| 久久精品日日躁夜夜躁欧美| 久久91精品国产91久久小草| 久久九九免费高清视频| 青草国产精品久久久久久| 久久噜噜久久久精品66| 午夜久久久久久禁播电影| 久久久久亚洲AV综合波多野结衣| 国内精品久久久久影院薰衣草| 婷婷综合久久中文字幕| 亚洲精品高清国产一线久久| 精品无码久久久久久久动漫| 久久精品国产亚洲AV高清热| 亚洲伊人久久成综合人影院 | 午夜精品久久久久久| 久久久久久国产精品免费无码| 亚洲国产香蕉人人爽成AV片久久 | 日韩中文久久| 2020最新久久久视精品爱| 久久久噜噜噜久久中文福利| 中文字幕久久亚洲一区| 久久亚洲av无码精品浪潮| 亚洲欧美精品伊人久久| 色综合久久中文综合网| 久久精品无码一区二区三区| 久久99精品国产麻豆| 久久亚洲AV成人无码国产 | 久久久久久国产精品美女| 99久久精品国产毛片| 国产午夜免费高清久久影院|