前端领域的BEM到底是什么

BEM - Block Element Modfier(块元素编辑器)

BEM方法确保每一个参加了同一网站开发项目的人,基于一套代码规范去开发,这样非常有利于团队成员理解彼此的代码,而且对于后续接手项目的同学来说,也是一件好事。

BEM是方法论的关键元素 - Block,Element和Modifier的缩写,BEM严格的命名规则:

    • 独立的实体,它本身是有意义的。
    • 例子 header,container,menu,checkbox,input
  • 元件
    • 块的一部分,没有独立的含义,并且在语义上与其块相关联。
    • 例子 menu item,list item,checkbox caption,header title
  • 修改
    • 块或元素上的标志。用它们来改变外观或行为。
    • 例子 disabled,highlighted,checked,fixed,size big,color yellow

转载于:https://www.cnblogs.com/yangai/p/10899918.html

前端领域的BEM到底是什么相关推荐

  1. 前端的工作越来越难找,到底是不是前端领域已经饱和了?

    最近总有童鞋会问:听说前端的工作越来越难找,到底是不是前端领域已经饱和了? 的确,前端市场从最开始时刻处在风口浪尖,到现在大家对它已经见怪不怪了.前两三年,互联网经济异军突起,热钱涌进来.这个阶段,人 ...

  2. 「可视化搭建系统」——从设计到架构,探索前端领域技术和业务价值

    阿里巴巴集团前端委员会主席 圆心:未来前端的机会在哪里 对前端未来期许有四点:搭建服务, Serverless,智能化,IDE.仔细想想,一个「可视化搭建系统」的想象空间,正能完美命中这些方面.前端的 ...

  3. @RequestBody注解失效?从前端传来的数据到底需不需要@RequestBody注解?前端传输数据解析的问题?

    @RequestBody注解失效?从前端传来的数据到底需不需要@RequestBody注解? 又是在日常的从Mybatis升级Mybatis-Plus的过程中,我又发现了问题:怎么从前端传来的数据没有 ...

  4. window location href 手机端无法跳转_Window对象在前端领域的角色

    特殊的window 提起window,在网页当中很常见,比如像这样: window.onload=function(){ //执行函数体 } 这段代码的意思是当网页内容加载完成后要做什么. 在js的领 ...

  5. 前端开发的难点到底在什么地方?

    你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』:当学会这项 ...

  6. csdn的博客专家:【前端领域新星创作者】认证成功了

    今天csdn的博客专家:[前端领域新星创作者]认证成功了! [500粉丝]图书作者.知名企业工作人员.大学教师/教授等: [2000粉丝]领域新星创作者: [5000粉丝]领域优质创作者 我目前是属于 ...

  7. 前端领域的 Docker 与 Kubernetes

    看完本文希望读者能够了解到,Docker 的基本原理,Kubernetes 是怎么工作的, 对于前端 Kubernetes 有哪些优势与玩法. Docker 和传统部署方式最大的不同在于,它将不会限制 ...

  8. 7种前端自动化测试框架,到底谁是No.1

    7种前端自动化测试框架,到底谁是No.1 互联网时代,我们对web前端进行测试,不应该只关注其功能是否实现,还有其它更多的测试内容,如样式是否符合预期.交互是否流畅.应用是否安全等各个方面. 前端自动 ...

  9. Node.js 在大前端领域的应用分析

    作者:前端361 原文地址:https://zhuanlan.zhihu.com/p/121055042 关于 node 的使用已经很久了,使用范围也很广,似乎有前端的地方就有 node,那么来思考一 ...

最新文章

  1. 本地搭建Hadoop伪分布式环境之四:开启搭建Hadoop2.4.0之旅
  2. python流程控制语句-Python流程控制语句
  3. STM32串口实时接收数据与所提前定义的比较,并作出相应的操作
  4. NYOJ 252 01串 dp
  5. 单例(Singleton)模式
  6. 【转】CSS样式覆盖规则
  7. 堪称暴力美学的可视化大屏是怎么做的?附无代码硬核教程
  8. 仿造小红书页面代码html,jQuery仿小红书登录页,背景图垂直循环滚动登录页,向上循环滚动的动画,实现一张背景图片的无缝向上循环js滚动...
  9. the source attachment does not contain the source for the file xxx.class无法关联到某个类
  10. 20220103:力扣第274场周赛(上)
  11. 新版FireFox使用NPAPI插件的办法
  12. mysql 慢查询日志路径_mysql的慢查询日志
  13. 南阳理工计算机与信息工程学院,南阳理工学院计算机与信息工程学院
  14. Python手游辅助教程之战双帕弥什脚本教程
  15. java 日程日历_java编程:我要做一个提醒日程的软件,不是要用到日历和时钟么,这要不要自己编,还是可以直接同步电脑上...
  16. 从零开始设计RISC-V处理器——五级流水线之数据通路的设计
  17. 刘同-《谁的青春不迷茫》
  18. 括弧匹配检验(C语言)
  19. JAVA几种缓存技术介绍说明
  20. DOTA2利雅得大师赛利用api多线程对选手数据和战队数据爬取与分析

热门文章

  1. C#数据库(MySQL)帮助类
  2. 3.11课·········异常语句与for循环重复
  3. 我是买家的前世今生,该到了say goodbye的时候了!
  4. 2010年厦门商报报导《监控》小说
  5. 动态取得当前程序的版本号
  6. java统计分析_数据统计(java实现)
  7. 开机后需要手动打开mysql_mysql解压版一键配置
  8. tendermint+java_tendermint简介
  9. 找不到具有指定ID的对话框类解决方法
  10. win7发现不了无线网络_win10系统间设置共享文件夹后“网络”选项下仍然无任何文件(即发现不了共享电脑)...