bem

【译】BEM CSS命名规范二 Key concepts

原文关键概念模块元素修饰BEM实体混合模式BEM树模块实现实现方法模块重定义重定义级别模块一个在逻辑和功能上独立的页面组件，与Web组件中的组件概念是等同的。
Jadyn·2019-11-03 12:29

【译】BEM CSS命名规范二 Key concepts

原文关键概念模块元素修饰BEM实体混合模式BEM树模块实现实现方法模块重定义重定义级别模块一个在逻辑和功能上独立的页面组件，与Web组件中的组件概念是等同的。
Jadyn·2019-11-03 12:29

【译】BEM CSS命名规范二 Key concepts

原文关键概念模块元素修饰BEM实体混合模式BEM树模块实现实现方法模块重定义重定义级别模块一个在逻辑和功能上独立的页面组件，与Web组件中的组件概念是等同的。
Jadyn·2019-11-03 12:28

【译】BEM CSS命名规范二 Key concepts

原文关键概念模块元素修饰BEM实体混合模式BEM树模块实现实现方法模块重定义重定义级别模块一个在逻辑和功能上独立的页面组件，与Web组件中的组件概念是等同的。
Jadyn·2019-11-03 12:28

【译】BEM CSS命名规范二 Key concepts

原文关键概念模块元素修饰BEM实体混合模式BEM树模块实现实现方法模块重定义重定义级别模块一个在逻辑和功能上独立的页面组件，与Web组件中的组件概念是等同的。
Jadyn·2019-11-03 12:28

女生在左，男生在右，你呢？

1974年，美国社会心理学家桑德拉贝姆用一张《贝姆性别角色量表》（Bem·Sex-Role·Inventory）轰动了学术界。她认为人类的性别可以分为男性、女性、双性和未分化。
独立时尚杂志_匠临·2019-10-31 20:20

CSS编写策略之BEM

现有的CSS编写策略有很多，如OOCSS，SMACSS，SUITCSS等等，今天我们要介绍的其中一种——BEM。什么是BEMBEM是Block，Element，Modifier
山雨林深·2019-10-29 17:25

BEM举例

viaBEMbyExample侵删带单个修饰符的组件一个组件可能有不同状态。状态应该使用修饰符类来实现。.btn{display:inline-block;color:blue;&--secondary{color:green;}}不要单独使用修饰符。修饰符的作用是增加而不是替换基类。.btn--secondary{display:inline-block;color:green;}带子元素的组件
何星·2019-10-18 11:55

个人代码风格习惯-标签命名

原文链接：http://www.cnblogs.com/zhangxin123/p/11598238.html在后期需要二次维护的项目中，CSS类名命名规范也是一种问题，常见的命名规范是BEM规范，B（
dieluandan1410·2019-09-27 15:00

css样式命名规范：BEM命名规范

为此，基于bem命名规范，提供了这样一套css命名规则。
溜溜的阿溜·2019-09-10 20:18

可维护性组件的编写原则

可维护性可扩展性：1：活用组件继承2：活用slot3：使用props灵活表现界面元素4：父子拆分协作性：1：使用computed对props进行二次封装2：css使用BEM命名3：事件以handle开头
dami.white·2019-09-07 18:00

Arxiv网络科学论文摘要13篇(2019-08-29)

多问题意见模型中的意识形态动机偏见;桁架分解的流和批处理算法;近似单源个性化PageRank查询的有效算法;贝叶斯嵌入（BEM）：通过集成知识图谱和行为特定网络来细化表示;大学排名的纵向分析;基于中心性的复杂网络重要边的识别
ComplexLY·2019-08-29 09:48

BEM的命名规范

基本概念CSS的命名规范又叫做BEM规范，为的是结束混乱的命名方式，达到一个语义化的CSS命名方式。
知否·2019-07-06 00:00

简单好用的CSS命名规范和JS代码风格

CSS命名规范BEM命名法BEM(Block,Element,Modifier)是由Yandex团队提出的一种前端命名规范。
shisanOnly·2019-07-06 00:00

Bem命名

BEM思想1.什么是BEM:BEM:(Block块,Element元素,Modifier修饰符)一种命名规范,其核心思想是将页面拆分成一个个独立的富有语义的块（blocks）,从而使得团队在开发复杂的项目变得高效
xy2370·2019-06-25 16:00

【工作笔记】一种高效的CSS编写方式

有的团队使用bem命名法，名字会起成形如：block_element--modifier的格式，这种命名法一是太丑，另外，打这么长的名字不累吗？比较高效
张柳哥·2019-06-02 14:45

从零开始构建自己的vue组件库番外篇

+'--'+type,iconType]"这种鬼样子的class，突然想到竟然忘了把这么重要的操作捋一下思路，具体为什么要这样搞，相信各位做前端的大佬一定知道EBM这个概念，如果不知道可参考前端领域的BEM
vannvan·2019-05-21 00:00

BEM:一套CSS命名的方法论

BlockElementModifierisamethodologythathelpsyoutocreatereusablecomponentsandcodesharinginfront-enddevelopment什么是BEM
jackQ·2019-03-17 17:12

BEM小结

所谓BEM，其实是三个单词的缩写：Block（模块）、Element（元素）、Modifier（修饰符）。1.Block（模块）一个模块是一个独立的实体部分，就像应用的一块“积木”。
Max_Xu·2019-03-07 11:06

前端 | BEM规范你应该了解

作者的话这几天一直在忙着公司网站标准版的前台页面模块化，大面积的书写css代码，然后发现规范不同意，命名不规范导致的问题确实会很严重，极大影响了开发效率，刚好今天又看到了这个关于css的bem规范，就想和大家分享一下关于
SvenBarnett·2019-02-26 21:06

作为一个前端开发者必备的技能

HTML（代码整洁，语义化标签）.css(模块化，可伸缩）CSS方法（BEM,SMACSS,OOCSS)CSS预处理器（SCSS，LESS,PostCSS)现代css（FlexBox，Grid)JS现代
奔跑的太阳花·2019-02-01 08:00

element-ui 整体替换主题色

自定义主题Element默认提供一套主题，CSS命名采用BEM的风格，方便使用者覆盖样式。我们提供了三种方法，可以进行不同程度的样式自定义。
Embrace924·2019-01-15 18:08

更好用的css命名方式——BEM命名

一、什么是BEM？BEM代表块（Block），元素（Element），修饰符（Modifier）。无论是什么网站页面，都可以拆解成这三部分。
俗的太不一样·2019-01-12 17:00

详解css BEM书写规范

BEM是基于组件的web开发方法。其思想是将用户界面分隔为独立的块，从而使开发复杂的UI界面变得更简单和快，且不需要粘贴复制便可复用现有代码。BEM由Block、Element、Modifier组成。
midsummer·2018-12-17 15:16

BEM风格指南

块==特征==Theblocknamedescribesitspurpose("Whatisit?"—menuorbutton),notitsstate("Whatdoesitlooklike?"—redorbig)块名称描述了它的用途(“它是什么?”-菜单或按钮)，而不是它的状态(“它看起来像什么?”-红色或大的)。使用规则块可以嵌套块可以嵌套任意的块元素属于块的一部分,不能单独使用==特征==
九月三秋·2018-12-12 14:59

BEM风格指南

块==特征==Theblocknamedescribesitspurpose("Whatisit?"—menuorbutton),notitsstate("Whatdoesitlooklike?"—redorbig)块名称描述了它的用途(“它是什么?”-菜单或按钮)，而不是它的状态(“它看起来像什么?”-红色或大的)。使用规则块可以嵌套块可以嵌套任意的块元素属于块的一部分,不能单独使用==特征==
九月三秋·2018-12-12 14:59

postcss-bem插件在webpack4以上版本报错处理 .moveTo is not a function

postcss强大的插件让我们在编写css的过程中获得了极大的便利，比如，我们可以方便的使用BEM语法来命名我们的组件。
吴霸霸·2018-11-29 00:00

浅谈css设计模式(OOCSS、SMACSS、Meta CSS、BEM)

让代码更容易被他人理解、保证代码可靠性2.可以理解为：代码的可读性，可维护性，可拓展性3.css预处理器Less、Sass4.目前比较流行的css设计模式有：OOCSS、SMACSS、MetaCSS、BEM4.1
马小帅mm·2018-11-20 18:33

前端编码规范之：样式（scss）编码规范

推荐bootstrap样式框架的编码规范，同时结合BEM命名规范，灵活使用。cl
King·2018-10-15 00:00

Vue中的作用域CSS和CSS模块的区别

为了减轻CSS存在的主要痛点，我们在项目中普遍采用BEM的方法来。不过这只能解决CSS问题中的一小部分。对我们来说是幸运的，社区已经开发出了可以帮助我们更彻底地解决问题的解决方案。
大漠·2018-10-09 09:01

WEB 切图经验小结

例如js-del-button1.2CSS1.2.1样式使用BEM命名规范模块（
汤米淘大米·2018-09-26 09:35

用typescript写styled-components报错一例

附一张CSSEvolution:FromCSS,SASS,BEM,CSSModulestoStyledComponents文中的图：styled-components-improve.jpg如何使用可以参考官网文档
wwpeng520·2018-09-12 21:59

前端架构整理

1.css（UI库）（1）始始化CSS（2）基础：不添加类名时的样式（3）布局：布局相关的类（4）模块：可复用的样式（核心）（5）状态：不同状态的样式（6）主题：相当于皮肤（7）命名规则：组件内推荐BEM
HangMine·2018-07-07 17:56

css命名规范-BEM

什么是BEMBEM其实是块（block）、元素（element）、修饰符（modifier）的缩写，利用不同的区块，功能以及样式来给元素命名。这三个部分使用__与--连接（这里用两个而不是一个是为了留下用于块儿的命名）。命名约定的模式如下：.block{}.block__element{}.block--modifier{}block代表更高级别的抽象或组件block__element代表bloc
小母鸡叽叽叽·2018-06-13 14:40

CSS3与H5的学习

H5网站的学习1.什么是BEM？BEM代表块（Block），元素（Element），修饰符（Modifier）。
Srain13·2018-05-11 22:31

组件库使用BEM

bem的优势最近在开发一个组件库，选择了BEM作为css的组织形式，主要考虑了以下三个方面的优势：逻辑分层，容易理解。
keller35·2018-05-06 00:00

前端领域的BEM到底是什么

的结尾处，明确指出CSSModules不需要BEM，那么BEM到底是什么呢？下面我将把BEM官网的教程翻译出来，带领大家搞清楚前端领域的BEM到底是什么。
趁你还年轻·2018-05-02 00:00

变量命名规范

更快的定位到bug在哪个位置组件的命名和它的功能相配套不与其他业务组件重名,让人一眼就区分不一定要好听酷炫,但是实用.让开发者产生条件反射,看到命名就会想到这个组件的实用场景易写易记,短小却精炼,不繁琐BEM.nav
我是南方大汉·2018-04-26 00:00

改变心理学的40项研究·研究26 男性化、女性化……还是双性化

图片发自App研究26男性化、女性化……还是双性化Bem,S.L.(1974).Themeasurementofpsychologicalandrogyny.JournalofConsultingandClinicalPsychology
暖阳_1332·2018-03-24 08:27

改变心理学的40项研究·研究26 男性化、女性化……还是双性化

图片发自App研究26男性化、女性化……还是双性化Bem,S.L.(1974).Themeasurementofpsychologicalandrogyny.JournalofConsultingandClinicalPsychology
暖阳_1332·2018-03-24 08:27

项目问题【5】活动合集

项目问题1.BEM命名B：Block是块，一个独立的组件，将所有东西都划分成一个组件E：Element是块中的子节点，为了表明子节点属于哪个块，写法是block__element（连接符：__）M：Modifier
yokohu·2018-03-01 13:35

CSS架构（命名组织方式）札记

css组织命名方式(CSS架构)主要有OOCSS,BEM,SMACSS,MVCSS等。关于cssframework，请参考演讲稿。前两者侧重于命名方式，后两者侧重于组织方式。
thisiswoa·2018-02-05 11:03

CSS代码风格小贴士

CSS规范命名规则-BEM使用简洁易懂的单词，如header多个单词用-隔开，如app-header使用__表示层级关系，如header__title使用--表示变体，如header--dark层级控制在
厦门前端阿梦·2018-01-31 17:44

nginx服务异常造成网站访问不了

[root@iZ62bem75i8Zvhosts]#/alidata/server/nginx-1.4.4/sbin/nginx-sreloadnginx:[alert]kill(1668,1)failed
赛里·2018-01-24 12:59

编写模块化CSS：BEM

因为专家们的纷纷加入，于是我们有BEM，OOCSS，SMACSS，AtomicDesign等许多选择。现在，问题不是痛苦“我不知道该怎么办”，而是“有这么多方法，我应该尝试哪个？
Haytham_Chou·2018-01-08 14:04

BEM——前端命名规范介绍

什么是BEM？BEM(Block,Element,Modifier)是由Yandex团队提出的一种前端命名规范。
anetin·2018-01-04 00:00

2017下半年优质文章合集：前端篇

CSS／页面布局border属性的多方位应用和实现自适应三角形BEM实战之扒一扒淘票票页面一劳永逸的搞定flex布局20个CSS高级技巧汇总从a标签为什么不能包含div标签-了解HTML5元素分类与内容模型聊聊为什么淘宝要提出
吹过麦田的风·2017-12-29 10:40

css

https://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/https://css-tricks.com
jh2k15·2017-12-25 09:34

html以及css注意要点

5.标签的title属性，假如出现标题或者文章有隐藏的部分，可以给标签添加title属性布局方面可以参考bootstrap.css类首先类的定义1.css的命名规范我个人写法是遵循BEM是比较好的选择。
笨蛋_5126·2017-12-08 20:41

BEM实战之扒一扒淘票票页面

BEM解析BEM是一套CSS国际命名规范，是一个非常有用的功能强大且简单的命名约定，它能使前端代码更易读，易于理解易于扩展。
TeanLee·2017-11-21 00:00
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他