<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 如何看待CSS中BEM的命名方式?

    2018-4-25    seo達人

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

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

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

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

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

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

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

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

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

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

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

    日歷

    鏈接

    個人資料

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

    存檔

    主站蜘蛛池模板: 国产精品成人无码久久久久久| 女人高潮内射99精品| 精品精品国产国产| 国产91精品一区二区麻豆网站 | 男女男精品网站免费观看| 国产亚洲精品a在线观看app| 亚洲AV无码成人网站久久精品大 | 四库影院永久四虎精品国产| 99久久精品免费看国产一区二区三区 | 99精品视频在线| 精品亚洲A∨无码一区二区三区| 日本一区二区三区精品国产| 国产亚洲精品拍拍拍拍拍| 久久精品人人做人人爽电影| 精品日韩亚洲AV无码 | 国产精品久久一区二区三区| 久久99国内精品自在现线| 亚洲国产精品SSS在线观看AV| 无码人妻精品一区二区三区99不卡| 国产精品综合久成人| 国产成人精品福利网站在线观看| 精品在线免费观看| 国产欧美久久久精品| 国产精品久久久天天影视| 国产精品亚洲精品| 国产精品视频久久久| 国产精品欧美一区二区三区不卡| 国产精品久久久久久久久| 国产精品福利一区二区| 精品九九久久国内精品| 欧美777精品久久久久网| 久久精品视频网| 97久久精品人人澡人人爽| 97精品国产自在现线免费观看 | 亚洲国产精品无码久久久不卡 | 亚洲2022国产成人精品无码区| 亚洲精品老司机在线观看| 亚洲动漫精品无码av天堂| 精品乱码一区二区三区四区| 国产AV国片精品| 欧美精品天天操|