必威体育Betway必威体育官网
当前位置:首页 > IT技术

BEM学习笔记

时间:2019-08-15 09:41:08来源:IT技术作者:seo实验室小编阅读:80次「手机版」
 

bem

参考文章,在此一并拜谢,我们之所以看得远,是因为站在巨人肩膀上:

BEM


  • BEM
    • 楔子
    • X(学)
    • Y(展)
    • Z(结)


楔子

开始同事提到 ***bem*** ,我本人是懵逼的,赶紧找文章来恶补一下。

笼统地说,bem更像一种规范,一种视觉层的规范,后来一琢磨,其实远不止于此,他是一整套可行性、可移植性、可维护性开发的必要手段,装13了,装13了,其实说白了就是以后咱们维护既有项目的时候不至于为添加、删除、维护某个模块而找不到、找不全。

X(学)

通俗地讲:

  • B: 块,相当于容器
  • E: 元素,相当于叶子节点(可能这个比喻有失偏颇)
  • M: 修饰符,相似的块,但是又不能起相同的名字,因为唯一性

在图中做了笔记

Y(展)

Z(结)

相关阅读

分享到:

栏目导航

推荐阅读

热门阅读