bem

CSS编码规范

文章目录说明命名原则注意事项独立页面CSS命名页面框架结构命名模块、元件（元素）命名状态命名命名实践页面框架命名模块、元件（元素命名）状态命名书写规则原则书写顺序注释行间注释块注释说明依据BEM的思想，
Emily Ching·2020-06-26 05:50

CSS模块化从入门到未知

听闻CSS有好多种模块化方案，我个人比较喜欢BEM，先介绍一下BEM再解析一下其他的模块化方案，他们也有可借
贼他妈坏坏·2020-06-25 22:22

vue开发规范

与它的功能相配套不与其他业务组件命名冲突，容易区分不一定好听酷炫，但实用，开发者根据命名就会知道组件的实用场景易写易记、短小却精炼、不繁琐BEM.nav某一块展示/功能区域(div).nav__item
南掠·2020-06-23 14:17

BEM:css的命名规范

使用连字符（'-'）分隔字符串你可能习惯了在Javascript中使用小驼峰的命名方式：varredBox=document.getElementById（'...'）但是在CSS中不建议使用这种命名方式：.redBox{border：1px纯红色;}而应该使用这种：.red-box{border：1px纯红色;}这是一个标准的CSS命名规则，有更好的可读性。此外，他和CSS属性名称一致。//正确
Osmond_wang·2020-06-20 21:20

前端代码管理规范

3.2常量——命名方式：使用大写字母和下划线来组合命名3.3函数——命名方式：小驼峰；命名规范：前缀动词3.4类、构造函数——命名方式：大驼峰式命名法，首字母大写3.5css（class、id）命名规则BEM.block
ohayoyun·2020-05-11 16:31

CSS躬行记（10）——CSS方法论

本章会讲解三种CSS方法论：OOCSS、BEM和SMACSS。一、OOCSSOOCSS（Object-Orie
咖啡机（K.F.J）·2020-05-11 06:00

入门BEM

前言为什么不用ID标识符主要考虑到样式重用性以及与页面的耦合性。ID本来就是唯一的而且权值那么大，还不如写在行内样式。#button{text-decoration:underline;}为什么不用大于三层嵌套选择器嵌套选择器增加了代码耦合，使重用变得不可能，过多的嵌套会导致显示性能�下降。简洁的选择器不仅可以减少css文件大小，提高页面的加载性能，让浏览器解析时也会更加高效。同时也会提高开发人员
brandonxiang·2020-04-09 05:16

BEM命名法，其实很简单

参考文献：http://www.ibm.com/developerworks/cn/web/1512_chengfu_bem/http://www.oschina.net/translate/thoughtful-css-architectureBEM
microkof·2020-04-08 12:42

CSS代码规范

CSS规范一.命名规范BEM(BlockElementModifier)1.Blockname1）实体名称中的单词之间用连字符分隔(-)HTML......CSS.menu{color:red;}.menu-name
程会玩_HUA·2020-04-06 13:42

CSS命名规范-BEM规范

BEM的意思就是块（block）、元素（element）、修饰符（modifier）,是由Yandex团队提出的一种前端命名方法论。
shetoutou·2020-04-01 21:00

CSS在大型项目中的结构设计

有多CSS的风格指南被创建出来用于指导人们写出可维护的CSS代码，SMACSS,OOCSS,BEM,ITCSS,ACSS,
Bing573·2020-03-31 17:18

你了解CSS设计模式吗？

（老生常谈，众老司机请自觉return；）主题（上干货）BEMOOCSSSMACSSAtomicDesign**BEM**BEM全称（block、e
二划儿·2020-03-30 22:19

面试题整理（二）

vara=newA;3.bem,bfc4.永久性重定向（301）和临时性重定向（302）对SEO有什么影响?5.一个div,左边固定，右边、自适应，有几种方法？
宋乐怡·2020-03-27 01:34

BEM和UI切图命名

设计师学编程遇到BEM许多人第一次看到BEM都会觉得这东西好繁杂好长好难用啊，与之不同的是我第一次接触BEM的时候觉得很熟悉，因为所学专业是设计专业，所以自然而然对于UI是有所接触了解的，所以接触BEM
ketchupyan·2020-03-26 03:25

CSS编码规范

css-modulescss-modules保留了很好的组件复用性消除了全局命名的问题，在组件的index.css中可以随意起名字，不用担心命名冲突和react结合很好很方便的按需加载最好使用单一的英文单词命名，不需要使用BEM
fxm5547·2020-03-24 17:30

《编程狂人》第五十九期，程序员必看的技术周刊

顶级项目Google公布实现Go1.5自举的计划阿里MySQL团队加入参与WebScaleSQL开发前端开发新JavaScript库的激动人心之处CSS,Sass,SCSS,Compass,Less,BEM
推酷·2020-03-22 14:55

【译】前端BEM命名方法论之二：BEM中的重要概念

【译】前端BEM命名方法论之一：BEM官方简介文档【译】前端BEM命名方法论之三：命名惯例重要概念Block（块，并不是平常说的块级元素中的块，而是指模块、组件）Element（元素）Modifier（
咚门·2020-03-21 09:55

BEM2017(第二届商务与工程管理国际学术会议)

会议网址：www.bem2017.org会议征文通知-BEM2017首届商务与工程管理国际学术会议已于2016年4月14-16日在桂林桂湖饭店举行，今年即2017年七月份14-16日在福建省厦门市举办第二届会议
蓝调Jaz·2020-03-14 06:58

BEM命名 css模块化解决方案

BEMBlockElementModifier阅读http://getbem.com/introduction/https://cssguidelin.es/#bem-like-naminghttps:
jh2k15·2020-03-10 13:39

CSS预处理器中的循环

不管你选择什么样的缩写方式（BEM，OOCSS，SMACSS，ETC），循环可以帮助保持你的样式更具可读性和可维护性，直接加工到你的代码中。
咕咚咚bells·2020-03-03 06:27

学习笔记《BEM》

BEM是Yandex提出的一种CSS命名法，初衷是为了解决CSS命名冲突，但是会牺牲一点阅读性，配合Sass的方式来撰写BEM是比较推荐的方式BEM的意思就是块（block）、元素（element）、修饰符
马文Marvin·2020-03-03 06:08

react样式方案 分析

在react中，BEM、ocss、smamacss这些（外置）css不是合适（理由待补充），其后出现的cssmodules也不是很完美的解决方案外置css文件来组织样式会有全局污染问题(相同选择器会全局覆盖
loszer·2020-03-01 20:52

瞎扯扯OOCSS,ACSS,BEM,SMACSS

很久之前就了解到BEM了，当时还是在ifanr工作的网红莎莎大神和我说了这个。突然想到自己似乎也应该深入去了解一下这些东西。于是就看了一些资料，整理一下，且做个记录。
zerob13·2020-03-01 04:49

BEM

以下内容比较旧了，可以来看这篇链接：https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them
buershero·2020-02-26 10:45

360° Polar Extrapolation

使用Qblade对airfoils的Cl、Cd做计算，基于Xfoil的计算方法一般限于-20°to+20°的AOA，而导入WInDS或Qblade，使用BEM方法对叶片整体计算都需要360°的数据。
李彪_哈工大·2020-02-25 05:48

前端需要掌握的知识

CSS处理器：SassCSS命名规范：SMACSS，ObjectOriented，CSSAtomicDesign，ITCSS，CSSModules，BEM，SUITCSSCSS工具AutoprefixerModernizrAutoprefixer
谭冉冉·2020-02-23 20:24

vue学习笔记-vue风格指南-优先级

至少要指定其类型4.为v-for设置键值，即总是用key来配合v-for5.不要把v-for和v-if同时使用在同一个dom元素上6.为组件样式设置作用域：a.scopedb.使用CSSModulesc.使用BEM
一个总在代码里给自己下毒的小白·2020-02-19 21:34

[FE] BEM知多少

BEM是一套前端开发方法论。
何幻·2020-02-17 22:23

【译】前端BEM命名方法论之三：命名惯例

【译】前端BEM命名方法论之一：BEM官方简介文档【译】前端BEM命名方法论之二：BEM中的重要概念使用BEMentity（BEM实体）开发需要了解它们的命名规范。
咚门·2020-02-10 06:01

【CSS模块化】(2) BEM命名方法论——使用BEM-constructor构建CSS

CSS是一门15分钟就能入门，但是却需要很长很长的时间才能掌握好的语言。它有着它自身的一些复杂性与局限性。其中非常重要的一点就是，本身不具备模块化的能力。面临的问题CSS中虽然有@import功能。然而，我们都知道，这里的@import仅仅是表示引入相应的CSS文件，但其模块化核心问题并未解决——CSS文件中的任何一个选择器都会作用在整个文档范围里。因此，其实我们面临的最大问题就是——所有的选择器
AlienZHOU·2020-02-09 15:00

vue2.0Demo项目内有关css命名的部分

/**css命名使用BEM+emmet风格作为命名规范约定[分类名称][属性|组件名称]与[属性名]使用小写约定[描述]与[状态]使用首字母大写[eg]:.
Savi_K·2020-02-07 15:00

vue 培训分享1

kebab-case)命名规范属于组件或类的，统一使用大写字母开头的(PascalCase)命名规范其他非组件或类的，统一使用小写字母开头的(kebab-case)命名规范文件或文件夹命名规范2、css命名遵循BEM
羊羊羊0703·2020-02-07 04:31

css命名规范之BEM简单介绍

我查看了许多项目的样式表，发现大多数css的类名都是这样的.table-header-wrapper.table-group还有一些同学会这样写，不过，最流行的css框架bootstrap的命名规范不太推荐这种写法。.table_header_wraper.tableHeaderWrapper公司的项目使用了vue+element-ui，在查看element-ui组件的样式表时，我发现这样命名方式
捡到一只蝉·2020-02-02 00:56

和BEM的战斗：10个常见问题及如何避免

无论你是刚刚发现BEM或者已经是个中熟手（作为web术语来说），你可能已经意识到它是一种有用的方法。
_Icarus·2020-02-01 00:17

web前端经验分享

CSS技巧解决css样式污染方案命名约定BEM命名规范.div-query{}/*块(block)*/.div-query__button/*元素(element)*/.div-query--valid
语法糖·2020-01-17 20:56

前端之道：React组件解耦之道；基于Headless Chrome的自动化测试；Angular 2/4是否为时已晚？

(https://parg.co/bem)Nodev8.1.3发布：近日发布的Nodev8.1.3版本包含了一系列的错误修复与文档内容提
Justin王中林·2020-01-08 07:51

【译】前端BEM命名方法论之一：BEM 官方简介

【译】前端BEM命名方法论之二：BEM中的重要概念【译】前端BEM命名方法论之三：命名惯例Yandex发明BEM方法论来开发快速加载和长期维护的网站。它有助于开发可扩展、可复用的接口组件。
咚门·2020-01-06 10:32

《行为对态度的影响：当行为成为信念》

出处：维基百科术语卡术语：贝姆自我知觉理论（Bem'sself-perceptiontheory）印象：自我知觉理论主要是讲行为能够印象态度。当问一个人的
阿虎_Woody·2019-12-29 04:25

Rechtschreib- und Grammatikfehler有辣么严重吗

problemist，你是不是尽力bemühendich不去犯错，尤其是廉价einfach低级错误Fehler。自助者，天助之。
一只漂泊但是开心的鸟·2019-12-29 00:47

CSS命名方式=》BEM

时间：2016-11-0420:04:53原文地址：https://github.com/zhongxia245/blog/issues/48一、背景挺早就听说过BEM了，也大概的知道怎么用，但是具体BEM
izhongxia·2019-12-28 11:31

[BEM —— 源自Yandex的CSS 命名方法论

它们的出现是源于BEM和NicolasGallagher...BEMBEM的意思就是块（block）、元素（element）、修饰符（modifier）,是由Yandex团队提出的一种前端命名方法论。
小豆soybean·2019-12-23 10:58

BEM规范入门

背景经常我们在给一个大型网站写页面的css时候，经常会出现如下的css编写效果。.container.form.input.warpper.icon{/*写入你需要的css*/}.container.form.text{/*写入你需要的css*/}.page.warpper.layout.content{/*写入你需要的css*/}这样的css编写效果就是传统的命名空间的方式写css，它很好得解决
饥人谷_洪凯敏·2019-12-18 20:55

第7章 人格·研究26 男性化、女性化……还是双性化

研究26男性化、女性化……还是双性化Bem,S.L.(1974).Themeasurementofpsychologicalandrogyny.JournalofConsultingandClinicalPsychology
晾晾妈妈310·2019-12-16 20:10

如何更好的使用BEM

BEM是由Yandex团队提出的一种CSSClass命名方法，旨在更好的创建CSS/Sass模块。他需要遵循一些特殊规定，有些人认为这些规定很冗余，但是我发现他们对于理解DOM有着很大的帮助。
白水螺丝·2019-12-08 15:23

SCSS 基础语法

1.选择器扩展1.BEM命名法（CSS命名）BEM全称为BlockElementModifier比如要给一个模块取名字，步骤如下：1.先确定模块的名字，如user-card2.这一模块的子代或后代元素都围绕这个名字来命名
养乐多__·2019-11-11 10:49

CSS的BEM规范学习笔记

块（Block）/*常规写法和BEM写法相同*/.list元素(Element)块中的子元素是块的子元素，并且子元素的子元素在bem里也被认为是块的直接子元素。
心难收·2019-11-08 05:17

CSS代码规范--BEM

BEM基于组件方式的web开发方法，基本思想是将用户界面分成独立的模块。Block（块）通常指模块，组件Block是一个逻辑上和功能上独立的页面组件，等同于网页组件中的部件（等同于网页中的组件）。
xwwawj·2019-11-04 17:09

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

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

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

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

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

原文关键概念模块元素修饰BEM实体混合模式BEM树模块实现实现方法模块重定义重定义级别模块一个在逻辑和功能上独立的页面组件，与Web组件中的组件概念是等同的。
Jadyn·2019-11-03 12:30
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他