前端常用模块类名命名

最新推荐文章于 2024-01-31 10:59:53 发布
最新推荐文章于 2024-01-31 10:59:53 发布
阅读量671 收藏 5
点赞数 1
分类专栏： 前端 文章标签： web html5 网页设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/key_world/article/details/115730125
版权

以下是我们约定的命名模块，可以直接使用

名称说明
快捷导航栏shortcut
头部header
标志logo
购物车shopcar
搜索search
热点词hotwrods
导航nav
导航左侧dropdown包含.dd .dt
导航右侧navitems
页面底部footer
页面底部服务模块mod_service
页面底部帮助模块mod_help
页面底部版权模块mod_copyright
key2world
关注
专栏目录
3.网站favicon图标、css公共样式、LOGO SEO优化、常用模块和注册页类名命名、tab栏布局原理、Web服务器
m0_74891783的博客
07-20 811
网站favicon图标、css公共样式、LOGO SEO优化、常用模块和注册页类名命名、tab栏布局原理、Web服务器
class命名（及前端命名）
Mjjie_的博客
03-21 840
如：修饰按钮在鼠标经过的事件，鼠标经过行为修饰符用-hover，所以全名为：ui-btn-hover。如：某个按钮的宽度加宽，则该按钮的样式修饰符名为long，全名就为：ui-btn-long。注：组件与组件之间应该有明显的分割间距，每个组件需要留出足够的空间，方便后期维护。由上可以看出继承式一般子元素接着父元素的最后一个单词如li接着ul的。由第三个通过父类控制的办法，我们进入第三个要讨论的问题，层级结构。样式修饰符：块或元素命名加上样式修饰符，之间用中划线(-)隔开。，而li的子元素接着li的。
web前端入门到实战：CSS 类名范式一览
前端工程师年薪30万，就靠这套教程！持续更新最新知识
05-12 447
今天我们来回顾几种常见的 CSS 的类名范式 OOCSS BEM SMACSS ACSS CSS 的特性不断增强，预编译框架也层出不穷，但是即使使用 cssModules 这样的 scope 技术，我们仍需要一些范式来指导我们在局部更规范合理地给类取名字。 上面介绍的范式都不是什么新鲜事物，有的甚至相当有历史了，回顾他们主要目的在于帮助我们抬起头来重新想一想当初为什么我们选择了某一种范式（比如 BEM）来进行我们的类命名： 不同的范式的侧重不同，有些范式可以相互兼容组合，有些不能。他们大都是为了达成以下
前端常用的模块类名命名
m0_52291580的博客
08-12 337
常用模块命名
qq_46040234的博客
08-20 303
常见模块类名命名
m0_67545415的博客
09-27 189
1
页面模块的常用命名
weixin_30500473的博客
07-24 200
以下为页面模块的常用命名：头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：sub...
前端常用css命名规范
12-10
2. **语义化命名**：类名应当能够清晰地描述模块和元素的含义。避免使用无语义的数字（如123456）或颜色（如red、blue）、位置（如left、right）等矢量命名。例如，`news-left`不如`sidebar-news`更具语义化。尽量用...
CSS ID与类名命名规范详解
本资源针对初学者，介绍了一套常用的div+css命名规则，旨在帮助开发者养成良好的编码习惯。" 在前端开发中，特别是使用HTML和CSS时，遵循一定的命名规范是非常必要的。这不仅可以使代码更易于理解，也有助于团队...
web前端+css命名 规范
05-10
5. **模块化命名**：使用BEM（Block Element Modifier）方法，如`block__element--modifier`，这能清晰地表达组件、元素和状态。 6. **避免使用颜色、尺寸等具体值**：如`red-button`，因为这样会限制样式可复用性...
git前端工程实现ci_这是一篇需要花费你15分钟阅读的干货！浅谈前端工程化
weixin_32506761的博客
11-30 189
01前端工程化的背景随着业务的扩展、业务需求更加复杂、项目团队的壮大以及项目的增多等。制定一套适用于团队的前端工程化方案很有必要。02前端工程化是什么前端工程化是一个很广泛的话题。涉及的技术与解决方案非常丰富。从一个前端工程的生命周期来看它是这样的：如果在这些阶段中实现了在性能、稳定性、可用性、可维护性等方面的系统化、量化、严格约束等工作，即称项目在工程化。工程化度越高，那么因人为或个体...
web前端常用命名
weixin_46452134的博客
12-07 5090
对于前端来说，网页元素名称的规范性可以加强团队内部成员的沟通，同时还可以提高后期维护和运行。网页的元素命名主要是针对id和class进行的，但是针对网页的命名并没有什么标准，但是大部分是业界公认的规则。 前端常用命名方法： 连写式命名法：如topnav 中线命名法：如top-nav（此方法目前使用较多，建议使用该方法） 下划线命名法：如top_nav 驼峰命名法：如topNav 帕斯卡命名法：如TopNav 前端常用网页结构命名： 前端常用命名： 页头：header 内容：main 底部：foote
html如何给不同的模块取名,CSS 样式命名规则
weixin_39988888的博客
06-17 383
相信大家对样式命名都多少感到困难，特别是想起一个有意义的名，更难。回顾了一下之前写的《 样式命名规则 》(不知道大家使用后有什么感想)结合这段时间使用上发现的一些问题，重新整理了样式的命名规则，希望能更实用些。要避免当状态改变时名称失去意义，最常见的就是用于布局的类名，如“left”、“right”，当左边栏不再是左边栏的时候，“left”这个名就没有实际意义了。这与我们所推荐的“命名要有意义”就...
前端常用class类名，命名规范 ---kalrry
kalrry
12-12 4584
前端常用class类名---命名规范 ---kalrry 头部：header 栏目标题：title 内容：content、container 版权：copyright 搜索：search 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 导航：nav 子导航：subnav 菜单：menu 子菜单：submenu 滚动：scroll 友情链接：friendlink 侧栏：sidebar 栏目：column 页面外围控制整体宽度：wrapper 左右中：left、right、center
前端小伙伴常用类名
qq_40029822的博客
03-10 918
ClassName含义about关于account账户arrow箭头图标article文章aside边栏audio音频avatar头像bg,background背景bar栏（工具类）branding品牌化crumb,breadcrumbs面包屑btn,button按钮caption标题，说明category分类chart图表clearfix清除浮动close关闭col,column列comment评论community社区container容器content内容copyright版权current当前态，选
前端规范-布局和模块命名
Jerry's Home
09-25 1434
1、前言 为了能更好的分工协作，使用模块化来开发，每个人负责一个模块，互不干扰，下面简要的说说模块化的构思。 2、布局层 2.1、大块布局 所有页面公用头部和尾部，这两部分拿出来公用，分别用#h和#f命名，主体部分每个页面都不同用#b命名。.w代表公用的宽度，如果是1280的就定义.w{width:1280px;margin:0 auto;}这样全部的都能居中。 2.
关于文件，以及各个模块的命名规范
weixin_30478923的博客
07-06 949
主要的master.css 、 模块 module.css 、 基本共用 base.css 、 布局，版面 layout.css 、 主题 themes.css 、 专栏 columns.css 、 文字 font.css 、 表单 forms.css 、 补丁 mend.css 、 打印 print.css 、 页面结构容 器: container 、页头：header ...
前端开发命名规范
最新发布
菠萝蜜
01-31 585
导航类：nav, prev, next, breadcrumb, forward, back, indicator, paging, first, last。交互类：tips, alert, modal, pop, panel, tabs, accordion, slide, scroll, overlay,结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span。表格类：table, tr, td, cell, row。
class命名规范
xdongll的专栏
08-08 4181
常见class关键词： 布局类：header, footer, container, main, content, aside, page, section 包裹类：wrap, inner 区块类：region, block, box 结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span 列表类：li...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值