E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
bem
Styled-Components
因此组织工作交给了像
BEM
这样的方法,虽然比较有用,但是它完全是自选方案,不能被强制
肖ZE
·
2022-03-18 21:24
react
前端知识
前端css、less、sass编码规范---
BEM
BEM
和命名空间符合诸上所有的标准什么是BEMBEM是一个规范的总称缩写,它代表block,el
白水螺丝
·
2022-02-19 01:54
2020-04-27
BEM
规范
BEM
是什么?
龙猫的旅途
·
2022-02-16 21:37
使用
BEM
命名规范来组织CSS代码
如何使用
BEM
一个独立的(语义上或视觉上),可以复用而不依赖其它组件的部分,可作为一个块(Block)属于块的某部分,可作为一个元素(Element)用于修饰块或元素,体现出外形行为状态等特征的,可作为一个修饰器
坤嬷嬷
·
2022-02-04 17:58
团队分享,
Bem
规范调研及实践
有梦想,有干货,微信搜索【大迁世界】关注这个在凌晨还在刷碗的刷碗智。本文GitHubhttps://github.com/qq449245884/xiaozhi已收录,有一线大厂面试完整考点、资料以及我的系列文章。背景最近老大在维护别人的代码时,发现我们团队写的样式各有种的想法及风格,这在后续维护会增加一定的难度,所以老大决定统一样式的会名规范,所以就安排我去调研及实践,下面是我调研的结果。什么是
·
2021-12-01 08:29
css 模块化
css发展阶段1.手写源生CSS2.使用预处理器Sass/Less3.使用后处理器PostCSS4.使用cssmodules5.使用cssinjsCSS模块化的实现方式
BEM
命名规范
bem
官网
bem
主要是通过命名规则约束来实现
奇怪的双子座
·
2021-10-12 10:16
创建base公共组件
公共模块基础模块参照了vant的思路,使用
bem
命名规范。先创建一个命名空间,这个命名空间返回创建组件函数与生成命名方法。
·
2021-08-17 23:42
javascript
CSS也能像组件状态一样响应式更新?
我们知道,由于原生CSS存在一些问题,比如:复用时容易样式冲突没有作用域、没有模块化没有编程能力社区涌现出很多解决方案,比如:命名规范(比如
BEM
规范)模块规范(CSSModules)CSS预处理器(比如
·
2021-08-12 00:47
CSS规范-
BEM
(2)
参考前端css、less、sass编码规范---
BEM
不用ID标识符主要考虑到样式重用性以及与页面的耦合性。ID本来就是唯一的而且权值那么大,还不如写在行内样式。
Artifacts
·
2021-06-26 22:14
BEM
我们在长名称中使用连字符分隔单词(例如,block-name),使用两个下划线来分隔块名和元素名(block-name__element-name)。从HTML/CSS的角度来看修饰符,对于一个块或者是一个元素来说修饰符是一个附加的CSS类。我们用一个下划线来分隔块名(或元素名)和修饰符名,再用另一个下划线来分隔修饰符名和它对应的值。著作权归作者所有。.menu_size_big{//CSScod
GreetW
·
2021-06-12 00:33
前端框架 - css样式 构造方法 oocss /
bem
/ smacss / ...
今天早上坐地铁看公众号文章的时候发现了一篇关于如何写出更优雅、质量高、维护性比较强的css样式。在老早以前我写css样式的时候相当暴力,各种写,行内样式(也叫内联样式)、内部样式、外部引用样式//行内样式写法//内部样式写法,最好包在html标签里面p{line-height:50px;color:red;}//外部样式引用,此处必须包在头部标签head里面才算规范/*此处要注意一下type="t
韩万慧
·
2021-06-09 16:42
BEM
命名法
简述试想在一个html页面中引入各种外部css样式文件,如果外部的样式的命名不能确定,那么就不能保证该html页面内样式没有命名冲突。而对于一个UI组件库,我们可以通过css命名规范来统一控制样式,来解决上面这个问题。例如:将css的一个职责命名为.block{},而其子职责可以表示为.block1-block2{};若属于同一职责里的功能,则可命名为.block__element{};若是该选择
携手前行
·
2021-06-09 08:00
移动端笔记
一、如何组织工程结构本次demo的使用如下工程目录结构二、如何避免类样式冲突现代工程可以使用CSSModule、CSSinJS、ScopedCSS等方案解决传统工程可以考虑使用
BEM
规范global.css
-恰饭第一名-
·
2021-05-14 16:24
学习笔记
JavaScript
js
html
css
预处理器
不管你选择什么样的缩写方式(
BEM
,OOCSS,SMACSS,ETC),循环可以帮助保持你的样式更具可读性和可维护性,直接加工到你的代码中。
咕咚咚bells
·
2021-05-13 21:44
css
BEM
命名规范
BEM
是块(block)、元素(element)、修饰符(modifier)的简写,由Yandex团队提出的一种前端CSS命名方法论。
一代码农1970
·
2021-05-08 02:18
参观-2 - 草稿
2017-09-17下午15:30Museesaint-Raymond4:16
BEM
图书馆4:26电影博物馆4:54Capitole市政府2017-09-18乘坐上午10:15火车慢车从图卢兹到卡尔卡松
迈之
·
2021-04-25 12:42
盖洛普Q12与吉尔伯特行为工程模型
BEM
2018年1月14日组织《绩效改进-先技控再人控》分享,在谈到绩效改进的理论基础,吉尔伯特行为工程模型(
BEM
)时,为了说明
BEM
的理论前瞻性和落地性,我拿盖洛普的Q12做了对比。
牛一书房
·
2021-04-22 20:25
BEM
思想之彻底弄清
BEM
语法(转)
特别声明:此篇文章由David根据csswizardry的英文文章原名《MindBEMding–gettingyourhead’roundBEMsyntax》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://csswizardry.com/2013/01/mindbemding-getting-your-head-ro
你好星期四
·
2021-04-22 05:00
前端优化之五:缩小样式计算的范围并降低其复杂性
TL;DR降低选择器的复杂性;使用以类为中心的方法,例如
BEM
。减少必须计算其样式的元素数量。
蟹老板爱写代码
·
2021-04-21 10:10
element-ui自定义主题
ElementPlus默认提供一套主题,CSS命名采用
BEM
的风格,方便使用者覆盖样式。element-ui提供了四种方法,可以进行不同程度的样式自定义。
秋北呀
·
2021-03-24 15:35
[css] 列举CSS优化、提高性能的方法
提高性能的方法加载性能压缩CSS通过link方式加载,而不是@import复合属性其实分开写,执行效率更高,因为CSS最终也还是要去解析如margin-left:left;选择器性能尽量少的使用嵌套,可以采用
BEM
小歌谣(公众号同名)
·
2021-02-23 13:10
两种 CSS 方法论 「详细分析」
说起CSS命名规范,大家应该都很熟悉,或者应该听说过
BEM
。
BEM
是由Yandex团队提出的一种CSSClass命名方法,旨在帮助开发人员创建更好的且结构一致的CSS模块。
睡魔的谎言
·
2021-01-14 02:56
css
介绍两种 CSS 方法论
前言说起CSS命名规范,大家应该都很熟悉,或者应该听说过
BEM
。
BEM
是由Yandex团队提出的一种CSSClass命名方法,旨在帮助开发人员创建更好的且结构一致的CSS模块。
Shenfq
·
2021-01-06 19:38
前端
css
html
css3
html5
两种 CSS 方法论 「详细分析」
说起CSS命名规范,大家应该都很熟悉,或者应该听说过
BEM
。
BEM
是由Yandex团队提出的一种CSSClass命名方法,旨在帮助开发人员创建更好的且结构一致的CSS模块。
睡魔的谎言
·
2021-01-06 13:49
css
介绍两种 CSS 方法论
前言说起CSS命名规范,大家应该都很熟悉,或者应该听说过
BEM
。
BEM
是由Yandex团队提出的一种CSSClass命名方法,旨在帮助开发人员创建更好的且结构一致的CSS模块。
Shenfq
·
2021-01-06 13:49
前端
css
html
css3
html5
浅谈CSS-in-JS
前言在前端发展进程中,css主要有如下几种组织方案:1.CSS与JS完全解耦,运用预处理器或编码规范(如
BEM
命名规范)来保持其可维护性。
Yeah青冬冬
·
2020-11-24 11:02
vant 解决tab切换插件标题样式自定义的问题
es/tabs/Title.js修改如下代码:returnh("div",{"attrs":{"role":"tab","aria-selected":this.isActive},"class":[
bem
·
2020-11-13 17:07
Vue开发规范
规范目的为提高团队协作效率便于后台人员添加功能及前端后期优化维护输出高质量的文档命名规范为了让大家书写可维护的代码,而不是一次性的代码让团队当中其他人看你的代码能一目了然甚至一段时间时候后你再看你某个时候写的代码也能看css命名规范遵循
bem
Lotus王
·
2020-09-16 03:02
vue
开发规范
vue.js
前端
面试官:你怎么优雅写 CSS?
首先写列个大纲:佛性选手,复制粘贴一把梭.命名空间命名空间+
BEM
规范CSSmodulecssinjs方案一.命名空间+
BEM
规范原理:强行增加一个最外层的命名空间将底部样式包裹起来。
奇舞周刊
·
2020-09-15 11:53
树莓派4B 安装oled 开机启动 保姆级教程
视频教程详见B站UP:参考答案开心否下面将用到的文件链接:百度云提取码:zarb先给成功的图片和oled线的接法树莓派4Boled驱动安装oled显示设置开机启动
bem
2835库安装:tar-zxvfbcm2835
参考答案开心否
·
2020-09-14 02:53
树莓派
linux
ubuntu
【loadrunner】录制不了https登录页面的解决方法
1.需要在页面上安装安全证书2.导出安全证书的base64格式的
bem
文件到PC机上去3.在cmd命令行上,执行openssl命令,进入命令提示符,然后执行:x509-ind:\ssl\openas.cer-outd
陈晓明start
·
2020-09-12 00:27
BEM
命名规范
当你的工程非常庞大的时候,这种情况就非常容易出现,
BEM
(blockelementmodifier)规范就解决了这个
ChannnXY
·
2020-09-10 17:57
vue-cnode使用vue重构cnode社区
vue-cnode欢迎stargitclonehttps://github.com/hbbaly/vue-cnode.git使用vue写cnode网站,我尽量用工作中规范去要求我改写这个项目,包括使用
BEM
hbbaly
·
2020-08-25 04:48
vue
nuxt
ssr
BEM
BEM
分别是Block、Element、ModifierBlockBlock在
BEM
中就属于一个模块,这个模块代表了页面中的一个独立的部分。
BEM
的规范是使用最简单的类名来代表一个Blo
ahole
·
2020-08-24 17:51
CSS 类名系统:函数库、组件库后的第三大前端积木体系
为了克服CSS本身的缺陷,前端大牛们已先后发明了LESS,SASS,
BEM
,CSSModules,StyledComponents,PostCSS等等多种有相当流行度的技术方案。
YungTsan
·
2020-08-24 16:23
css
css选择器
css技巧
css框架
复用
Tailwindcss 初体验
css新的写法Tailwindcss这个框架出来很久了,不过最近因为写css比较多,但是复用性特别差,尝试过
BEM
,原子写法,每个项目基本都要重写,在想有没有更好的方法,不知道什么时候Tailwindcss
flyingalex
·
2020-08-24 16:39
css
postcss
我的wepy初始化模板和一个指南,欢迎提建议和意见
如eslint、pug、
BEM
,尽量将项目规范、严谨、整洁(即便只有自己一个人在开发。。。)。模板下载wepy-cli版本1.7.0及以上#推荐
凉凉凉凉
·
2020-08-24 14:56
wepy
小程序
微信小程序
Tailwindcss 初体验
css新的写法Tailwindcss这个框架出来很久了,不过最近因为写css比较多,但是复用性特别差,尝试过
BEM
,原子写法,每个项目基本都要重写,在想有没有更好的方法,不知道什么时候Tailwindcss
flyingalex
·
2020-08-24 03:35
css
postcss
整理的一些前端代码规范系列 -- css规范
一.命名规范(
BEM
规范)
BEM
规范是一种主流的css命名规范,
BEM
分别对应的是block,element和modifier,为的是结束混乱的命名方式,达到一个语义化的CSS命名方式。
WEB前端含光
·
2020-08-23 15:29
前端基础
前端面试
前端项目
BEM
命名规则和规范
BEM
命名规则:http://segmentfault.com/a/1190000000391762class命名方案:http://www.w3cplus.com/css/css-class-name.html
abcde3326
·
2020-08-23 01:14
那些不曾了解的CSS——01
可见格式化模型box-sizing外边距折叠
BEM
(BlockElementModifier)块元素修饰符OOCSS(ObjectOrientedCSS)面向对象CSSSMACSS(ScalableandModularArchitectureforCSS
三点水滴
·
2020-08-22 16:39
提升CSS文件的可维护性--采用
BEM
进行CSS类进行命名
BEM
(Block–Element-Modifier)是什么?
SerenoShen
·
2020-08-22 13:10
HTML5
+
CSS3
AngularJS
Vue下是如何实现CSS私有作用域的
其中大部分都说基于
BEM
思想来实现的。css私有化的实现原则是匹配规则尽可
Msgyvcici
·
2020-08-22 13:19
前端CSS命名规范-
BEM
的学习
此篇文章是在这篇文章的基础上的一个学习~https://www.w3cplus.com/css/
bem
-definitions.htmlBEM的学习1.基础概念
BEM
-BlockElementModfier
我是刺猬姑娘
·
2020-08-22 12:53
前端总结100点-3-
BEM
flex学习资源https://en.
bem
.info/
BEM
是什么block-element-modifier的简写;块(block):代表高级别的抽象或组件;元素(element):代表block的后代
web张
·
2020-08-22 11:49
前端总结100点
关于css命名的一点思考,探讨一下css命名空间的可行性
张鑫旭大神的精简法
BEM
命名法-大漠老师科普B
无风
·
2020-08-22 10:27
命名规范
scss
html
css
Web语义化标准解读
原文:https://github.com/kuitos/kuitos.github.io/issues/3315年年末写了篇关于
BEM
方法论(实践上内容并不是原
BEM
)的文章,文末给自己挖了个坑说要聊聊
kuitos
·
2020-08-22 09:54
css
最佳实践
语义化
vue中scoped样式与css Module 对比
在减轻CSS存在的主要痛点方面,我们普遍采用的解决方案是引入
BEM
(BlockElementModifier)方法学。不过这只能解决我们这个大问题的很小一部分。我们非常
beichen3997
·
2020-08-21 13:33
vue
css
你的less父级选择器 & 玩出花了吗?
平常用
BEM
规则写样式的同
wens
·
2020-08-21 02:21
less
css
前端
javascript
webpack
CSS模块化从入门到未知
听闻CSS有好多种模块化方案,我个人比较喜欢
BEM
,先介绍一下
BEM
再解析一下其他的模块化方案,他们也有可借
贼他妈坏坏
·
2020-08-21 02:29
css
模块化
程序员
上一页
1
2
3
4
5
6
7
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他