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
《CSS 简易速速上手小册》第9章:CSS 最佳实践(2024 最新版)
文章目录9.1维护大型项目的CSS9.1.1基础知识9.1.2重点案例:构建一个可复用的UI组件库9.1.3拓展案例1:优化现有项目的CSS结构9.1.4拓展案例2:实现主题切换功能9.2
BEM
、OOCSS
江帅帅
·
2024-02-12 13:39
《CSS
简易速速上手小册》
css
前端
人工智能
数据分析
web3
html
javascript
《CSS 简易速速上手小册》第8章:CSS 性能优化和可访问性(2024 最新版)
文章目录8.1CSS文件的组织和管理8.1.1基础知识8.1.2重点案例:项目样式表结构8.1.3拓展案例1:使用
BEM
命名规范8.1.4拓展案例2:利用Sass混入创建响应式工具类8.2提高网页加载速度的技巧
江帅帅
·
2024-02-12 06:37
《CSS
简易速速上手小册》
css
性能优化
前端
人工智能
数据分析
数据挖掘
web3
前端工程化之:webpack3-3(
BEM
)
一个完整的
BEM
类名:block__element_modifier,例如:banner__dot_selected,可以表示:轮播图中,处于选中状态的小圆点。
小李老笨了
·
2024-02-07 10:58
前端
webpack
html
css
Vue下是如何实现CSS私有作用域的
其中大部分都说基于
BEM
思想来实现的。css私有化的实现原则是匹配规则尽可
MsgSS
·
2024-02-01 19:52
前端开发中需要注意的CSS命名规则以及书写顺序
1、CSS的命名——
BEM
规则:CSS命名一般是用
BEM
规则命名的。它背后的想法是将用户界面划分为独立的块。
清颖~
·
2024-01-13 06:39
前端
CSS/CSS3
HTML/HTML5
css
前端
关于CSS代码组织和管理规范
因此特意来整理了前端开发中部分关于代码组织和管理规范方式:OOCSS、ACSS、
BEM
、SMACSS一、OOCSSObjectOrientedCSS1.是什么bootstrap就是典型的面向对象css,
mao77_
·
2024-01-11 14:28
CSS命名方法之
BEM
转自
BEM
——源自Yandex的CSS命名方法论
BEM
的意思就是块(block)、元素(element)、修饰符(modifier),是由Yandex团队提出的一种前端命名方法论。
wdapp
·
2024-01-09 06:17
『精』CSS 小技巧之
BEM
规范
『精』CSS小技巧之
BEM
规范文章目录『精』CSS小技巧之
BEM
规范一、什么是
BEM
?二、
BEM
要怎么用?三、不用
BEM
会少个胳膊吗?
XianZhe_
·
2024-01-05 04:30
Web
#
CSS
css
前端
BEM
代码规范
scss
vue
深入理解
BEM
:前端开发中的命名约定革命
在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、引言介绍
BEM
阿珊和她的猫
·
2024-01-05 00:36
前端
吉尔伯特行为工程模型(
BEM
)
吉尔伯特被认为是人力绩效之父,在其关于职场绩效问题的相关研究中,他识别出六大类影响职场绩效的因素,并在此基础上建立了一个模型。吉尔伯特行为工程模型(微调后)环境因素:信息、资源、奖励/后续结果个体因素:知识/技能、能力、动机上方的三类属于环境因素,超出了个体的控制范围,包括:信息类:特别是对工作确切、清晰的期望,清晰的标准,参照工作期望的明确、及时的反馈,以及能及时获取所需信息的畅通渠道;资源类:
薛定谔的猫0218
·
2024-01-04 19:51
CSS 命名规范-
BEM
文章目录
BEM
介绍
BEM
简单使用一般来说,解决css命名冲突的方案有三种:命名约定cssinjscssmodules这里主要介绍的是通过命名约定这种方案,这种方式,就是提供一种命名的标准,来解决冲突常见的这些标准有
劫辞
·
2024-01-04 11:31
css
前端
CSS-
BEM
命名规范
BEM
分别代表着:Block(块)、Element(元素)、Modifier(修饰符),是一种组件化的CSS命名方法和规范,由俄罗斯Yandex团队所提出。
vavid
·
2023-12-31 05:19
常见的hooks
1.useNamespaceimport{useNamespace}from'@element-plus/hooks'useNamespace函数是返回了符合
BEM
命名规则的方法。
Repeater、
·
2023-12-28 22:12
前端
javascript
开发语言
CSS命名规范-
BEM
BEM
什么是BEMBEM命名的好处
BEM
命名的问题什么是BEMBEM是一种命名规范。
康一夏
·
2023-12-22 12:24
css
转行小白历险记-2023/11/26 饿了么搜索组件开发
知识点.search搜索组件开发如何设计一个组件使用defineEmits定义组件的事件如何定义组件的v-mode如何使用CSS变量
BEM
命名规范1.需求分析2.自定义内容可以通过props定义2.1自定义事件的背景接口
一只规划转行狗的转行日记
·
2023-12-21 18:10
学习
前端
javascript
typescript
safari
scss
CSS使用
BEM
命名规范
此时,你最想一眼看到这个class就解决以上所有的问题,而
BEM
你值得拥有什么是BEMBEM(块,元素,修饰符)由Yandex团队提出的一种前端CSS命名方法论。是基于组件的Web开发的一种前端命名方
WowBoard
·
2023-12-20 10:09
自我教练第五章
绩效的困惑:1.如何提升团队绩效2.如何发展下属3.如何发展团队但是我个人感觉从
BEM
图中可以看到,个体因素总和25%也
mandy辉姑娘
·
2023-12-04 02:49
bem
架构 element css的命名规则
什么是
BEM
架构
BEM
(Block,Element,Modifier)是一种命名约定,用于在编写CSS和HTML类名时创建可维护和可重用的样式。
沉迷...
·
2023-12-03 00:25
css
css
前端
创建base公共组件
公共模块1基础模块参照了vant的思路,使用
bem
命名规范。先创建一个命名空间,这个命名空间返回创建组件函数与生成命名方法。
开水泡饭
·
2023-12-01 10:25
精进:简单聊聊华为战略与DSTE
首发:麦子禾作者:石头在以前专题文中,石头聊华为市场管理MM、基于价值驱动的业务设计VDBD、轻量级战略流程五看三定、业务领先模型BLM、业务执行力模型
BEM
比较多,印象中石头没有具体谈过DSTE(从战略规划到执行
麦子禾咨询
·
2023-11-28 15:37
华为
elementUI 源码-打造自己的组件库,系列二:Sass语法
BEM
实现 Css编码规范
先上车当着手开始打造一套属于自己的组件样式时,就要先了解elementUI的
BEM
实现、Sass语法、Css的编码规范,不然无从下手。
海阔~天空
·
2023-11-28 13:16
前端组件库
css
elementui
sass
vue.js
ui
scss 编写规范
遵守
BEM
规则-中划线:仅作为连字符使用,表示某个块或者某个子元素的多单词之间的连接记号。
⎛⎝陈嗯嗯⎠⎞
·
2023-11-19 08:00
scss
css
html
《华为战略管理法:DSTE实战体系》作者谢宁老师受邀为某电力上市集团提供两天的《成功的产品管理及产品经理》内训。
曾在华为等知名高科技企业担任项目管理总监、战略和运营副总职位,现专注于战略转型、DSTE开发战略到执行、BLM业务领先、
BEM
战略解码
谢宁华为战略管理研发管理
·
2023-11-13 15:08
华为
华为
BEM
·第1篇:从战略方向到年度重点工作
来源:麦子禾咨询作者:石头战略系列的华为方法的初步打通,是今年石头的既定目标;从华为战略方法到战略方法本身,是明年要追求的目标;后年的重点,放在战略认知到战略实践的渗透,哪怕做不到融会贯通,也想在战略思想层面有所提升。在战略体系的三年目标指引下,今年二季度,石头开始了一件事情,断断续续的分享一些华为战略方法的文章,从华为市场管理流程MM,到基于价值驱动业务设计的VDBD模型,再到华为业务领先模型B
麦子禾咨询
·
2023-11-09 13:36
华为BEM
华为
精进·第1篇:分享一个3年战略规划框架思路
首发:麦子禾咨询作者:石头正如解决问题的思路不止一个,做战略规划的思路、框架、模型,石头认为,肯定也不止华为类的业务领先模型BLM、业务战略执行力模型
BEM
、从战略规划到战略执行DSTE流程,以及轻量级的五看三定战略模型
麦子禾咨询
·
2023-11-09 13:57
学习方法
CssModule css模块化
css作用域是全局的,项目越来越大,人越来越多,命名慢慢成为问题,以下是几种解决命名问题的方案1.
BEM
以.block__element--modifier形式命名,命名有含义,block可视为模块,有一定作用域含义
摆渡侠
·
2023-11-06 03:03
BEM
:css命名规范
BEMBEM(Block-Element-Modifier),块、元素、修饰符,是一种CSS命名规范,旨在前端开发中创建可重用组件和代码共享的方法,使样式易于扩展,易于维护,易于理解规范:1、块(Block):页面上独立的组件,具有明确的语义和功能。每个块都有自己的命名空间(如element的命名空间为el,),单词之间以连字符(-)分隔。例如:element的input组件el-input2、元
沐风三生
·
2023-11-05 04:31
vue3学习
css
css
前端
如何写出优雅的CSS
一.命名规范
BEM
(BlockElementModifier)1.Blockname--实体名称中的单词之间用连字符分隔(-)HTML......CSS.menu{color:red;}.menu-name
漫天_ed47
·
2023-11-04 21:16
CSS编码风格指南
文档目录命名规范代码风格通用值与单位文本排版变换与动画媒体查询兼容性代码注释1命名规范该命名规范主要解决以下问题:从类名可以清晰区分出其功能作用,使页面结构清晰【命名空间、标识符】;以组件、模块的思想去写一个区块的结构,强化结构的模块化【
BEM
漫天_ed47
·
2023-11-03 05:47
CSS命名规范之
BEM
-源自Yandex的CSS命名方法论
BEM
即块(Block)、元素(Element)、修饰符(modifier),是由著名的俄罗斯搜索引擎团队Yandex提出的一种前端命名方法论。
老九君
·
2023-10-25 10:26
【小结】pc前端开发流程-从开始到交互
各个元素间距,横/纵轴并划分元素)划分屏和元素划分容器wrap切图(切出logo、UI、图、背景、)切图时候也可以顺带标注动态效果,可以命名并编写文档了,最好画下节点图2.静态页面开发开发技巧从大到小
BEM
音无级鹦鹉螺号
·
2023-10-25 09:29
css
BEM
书写规范
[规范]cssBEM书写规范
BEM
是基于组件的web开发方法。其思想是将用户界面分隔为独立的块,从而使开发复杂的UI界面变得更简单和快,且不需要粘贴复制便可复用现有代码。
Maco_wang
·
2023-10-20 21:38
【vue3】
BEM
架构、less scss和scoped
一、
BEM
架构
BEM
(Block,Element,Modifier)是一种命名约定,用于在编写CSS和HTML类名时创建可维护和可重用的样式。
String佳佳
·
2023-10-16 13:31
vue3
less
scss
前端
华为绩效管理PBC:以责任结果为导向,正确评价价值
华为绩效管理PBC:以责任结果为导向,正确评价价值【在文章《【1.6万字长文】华为战略管理方法论介绍(含开发战略到执行DSTE、业务领先模型BLM、业务执行力模型
BEM
、组织绩效战略解码)》中,谢宁老师提到年度业务计划
谢宁华为战略管理研发管理
·
2023-10-15 12:14
华为
需求分析
团队开发
敏捷流程
【1.6万字长文】华为战略管理方法论介绍(含开发战略到执行DSTE、业务领先模型BLM、业务执行力模型
BEM
、组织绩效和战略解码)
全网最系统的华为战略管理方法论介绍(含开发战略到执行DSTE、业务领先模型BLM、业务执行力模型
BEM
、战略解码等)导读:在战略管理的企业内训和管理咨询项目中,谢宁老师
谢宁华为战略管理研发管理
·
2023-10-15 12:44
华为
样式冲突太多,记一次前端CSS升级
目前平台前端使用的是原生CSS+
BEM
命名,在多人协作的模式下,容易出现样式冲突。为了减少这一类的问题,提升研效,我调研了业界上主流的7种CSS解决方案,并将最终升级方案落地到了工程中。
前端开发小司机
·
2023-10-14 21:44
前端
css
javascript
css工程
命名方案:*
BEM
:导致又臭又长的命名*原子类:元素还是那个的class太多*OOCSS:*SMACSS:预处理:*sass*less*Stylus后处理:*clean-css--压缩CSS*AutoPrefixer
潇潇轻语
·
2023-10-01 23:12
自噬学习三------SQSTM1/p62 知多少?
:Sequestosome-1(是一种重要的选择性自噬接头蛋白,其含有泛素相关结构域、Kelch样环氧氯丙烷相关蛋白的作用区、微管相关蛋白1A/1B轻链3作用域、肿瘤坏死因子受体相关因子6、Phox和
Bem
1p
天涯清水
·
2023-09-27 19:39
SCSS初探-2
SCSS选择器扩展了解
BEM
命名法
Bem
是块(Block)、元素(Element)、修饰符(Modifier)的简写,由Yandex(俄罗斯)团队提出的一种前端CSS命名方法论。.
YYPL
·
2023-09-25 19:15
BEM
(CSS命名规范)
在Web项目中规范css命名还是很有必要的,
BEM
传送门。
9eac842c3a81
·
2023-09-15 22:28
css规范
1.书写规范1.1命名id:语义化,少用慎用,避免样式污染class:小写,中划线‘-’或者双下划线'__'拼接,避免简写,推荐
BEM
命名规范正例:/*正例*/.app__header-logo{height
cdShow985
·
2023-09-04 21:46
css
前端
什么是
BEM
命名规范(Block-Element-Modifier Notation)?它有什么优势?
聚沙成塔·每天进步一点点⭐专栏简介⭐
BEM
命名规范(Block-Element-ModifierNotation)⭐
BEM
命名结构⭐优势⭐写在最后⭐专栏简介前端入门之旅:探索Web开发的奇妙世界记得点击上方或者右侧链接订阅本专栏哦几何带你启航前端之旅欢迎来到前端入门之旅
几何心凉
·
2023-09-01 15:17
前端入门之旅
前端
vue
面试问到SASS高级语法在项目中的应用该如何回答?仿element-ui的使用方式。
BEM
规范太长不看版本:
BEM
就是element-ui所使用的css命名规范。本文例子也是仿照
天铭_Yagami
·
2023-08-31 17:04
【VUE】ElementPlus之自定义主题样式和命名空间
ElementPlus默认提供一套主题,CSS命名采用
BEM
的风格,方便使用者覆盖样式。但是如果需要大规模替换样式,例如:将主题颜色从蓝色改为橙色或绿色,也许一个个将其覆盖起来不是一个好主意。
陀螺蚁
·
2023-08-29 20:08
#
Vue圈
Web前端
vue.js
前端
BEM
和 BFC
BFC1定义:BFC-BlockFormattingContext块级格式化上下文BFC的定义,在官方文档到中是这么介绍的:一个BFC区域包含创建该上下文元素的所有子元素,但是不包括创建了新的BFC的子元素的内部元素,BFC是一块块独立的渲染区域,可以将BFC看成是元素的一种属性,拥有了这种属性的元素就会使他的子元素与世隔绝,不会影响到外部其他元素2触发方式:a.body根元素b.设置定位:abs
梁庄十年
·
2023-08-26 01:41
什么是
BEM
命名规范?为什么要使用
BEM
命名规范?
聚沙成塔·每天进步一点点⭐专栏简介⭐
BEM
命名规范⭐为什么使用
BEM
命名规范?
几何心凉
·
2023-08-21 09:20
前端入门之旅
javascript
开发语言
前端
css
CSS命名规范—
BEM
在听别的前端人员讨论的时候听到一个词叫
BEM
,当时听不懂,所以才有了这篇文章,适合前端初学者。
日知一智
·
2023-08-18 14:33
基于
BEM
规范实现简单的全局 scss
该文章是在学习小满vue3课程的随堂记录示例均采用,且包含typescript的基础用法前言
BEM
是css常用的命名规范
BEM
:block(块)、element(元素)、modify(修饰符)以namespace-block
Unique·Blue
·
2023-08-18 11:43
CSS
Vue3
scss
BEM
Vue3
vite
BEM
命名规范
也学习了解了一下
BEM
命名规范。1.什么是
BEM
?
BEM
(Block,Element,Modifier)是一种前端编码规范,用于命名HTML和CSS中的类和选择器。
小花睡不醒
·
2023-08-12 17:52
前端
css
web前端入门到实战:CSS 类名范式一览
上面介绍的范式都不是什么新鲜事物,有的甚至相当有历史了,回顾他们主要目的在于帮助我们抬起头来重新想一想当初为什么我们选择了某一种范式(比如
BEM
)来进行我们的类命名:不
白T恤架构师
·
2023-08-12 07:26
css
css
前端
web前端
前端开发
前端教程
上一页
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
其他