成人黄色在线网站 I 国产aa免费 I 中文字幕免费高清 I 国产三级影院 I 日韩欧美三级在线观看 I 久久久国产精品麻豆a片 I 欧美与黑人午夜性猛交久久久 I 91国产精品视频在线 I 国产美女狂喷水潮在线播放 I 黄页免费网站在线观看 I 欧美日韩激情视频 I 午夜理论无码片在线观看免费 I 深夜爽爽动态图无遮无挡 I 国精产品一区一区三区有限公司杨 I 天天操天天舔天天爽 I 免费看日本黄色片 I 成人va在线 I 日韩中文字幕在线观看 I 婷婷综合网 I 97视频免费观察看 I 色月丁香 I 日韩视频一二三 I 男女黄色毛片 I 美女疯狂连续喷潮视频 I 亚洲日本va一区二区sa I 欧美日韩视频区 I 毛片网在线 I 欧美一本在线 I 少妇一级淫片免费放香蕉 I avav在线看 I 久久精品亚洲中文字幕无码网站 I 天堂av在线中文在线新版 I 电影一区 电影二区 I 色av吧 中文字幕 I 国产精品伊人色

歡迎來到培訓(xùn)無憂網(wǎng)!

全國切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無憂網(wǎng) > 新聞資訊 > 電腦/IT > web前端 >  web前端培訓(xùn):如何看待CSS中BEM的命名方式?

web前端培訓(xùn):如何看待CSS中BEM的命名方式?

來源:培訓(xùn)無憂網(wǎng)-星星 發(fā)布人:星星

2021-11-27 11:48:33|已瀏覽:246次

       BEM的意識就是塊(block)、元素(element)、修飾符(modifier),是由yandex團隊提出的一種CSS Class命名方法。任何一個東西的存在都有其存在的道理,如果他毫無價值,那么肯定會被淘汰,后人可能都不了解,甚至都不會出現(xiàn)在后人的世界里。

       web前端培訓(xùn):如何看待CSS中BEM的命名方式?

       關(guān)于BEM命名其最大的爭議就是其命名風(fēng)格,它鼓勵一級一級的寫的非常具體,但是會很長。如此常的命名會影響書寫效率,名稱過長代碼量就會增多,文件體積就會變大(在gzip下這個不算是個問題),從而會影響傳輸速度,用戶體驗度就低,但是作為一個職業(yè)人我們都不能單純把個人喜好和習(xí)慣作為借口來拒絕或否定其用途。
       風(fēng)格對于使用者來說并不是很重要,關(guān)鍵的是看其效果。正所謂人們常說的“不看療程,看療效”。從擴展性上來看,嵌套過多閱讀性差,超過3層就很難閱讀了;嵌套越多,選擇器的層級也會隨之增多,那么性能不知不覺就會變差;如此長的名字,書寫上想沖突都難。
      從編程原則上來說,這種命名方式不會暴露抽象類。假如樣式變了需要繼承另一個抽象類,不需要改HTML,只需要改css即可。團隊開發(fā)中,風(fēng)格無非是一種形式,可以約束人們達到一定程度上的統(tǒng)一。內(nèi)部溝通會極大降低溝通成本。

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

      本文由培訓(xùn)無憂網(wǎng)千鋒教育課程顧問老師整理發(fā)布,更多課程信息可關(guān)注web前端培訓(xùn)或添加老師微信:15033336050

      注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.hebeijilong.cn/news-id-5201.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注web前端頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機:

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無憂網(wǎng)
免 費 申 請 試 聽
提交申請,《培訓(xùn)無憂網(wǎng)》課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!