笔记：前端命名规范

最新推荐文章于 2024-04-17 18:21:37 发布
最新推荐文章于 2024-04-17 18:21:37 发布
阅读量463 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/peade/article/details/54862606
版权

HTML：

标签名、属性，需要小写。属性值，用双引号闭合。

id名称，关键词用下划线_连接，class关键词用中划线-连接

如果class名称仅做js调用，无样式，则在名称中加js前缀。


CSS规范

避免class命名重复，取父元素做名称前缀

左｛与css选择器同行

多个选择器，每个选择器单独占一行

样式定义按模块来分组，不同模块之间用空行分割


JS命名规范和格式规范

局部变量 首字母小写，用有意义的单词命名

公有接口首字母 大写，私有接口首字母小写

jquery变量前添加$

左{在行结束位置，非新起一行

字符串，可以用单引号和双引号，为便于区别HTML代码，用单引号更合适

语句结束时，添加一个分号


《Web前端开发最佳实践》


peade
关注
专栏目录
2024最新阿里代码规范（前端篇）(1)
2401_84435152的博客
04-28 739
必须使用 camelCase 驼峰命名必须指定类型必须加上注释，表明其含义必须加上 required 或者 default，两者二选其一如果有业务需要，必须加上 validator 验证props: {// 组件状态，用于控制组件的颜色status: {return [‘succ’,‘info’,‘error’== -1},// 用户级别，用于显示皇冠个数。
2024最新阿里代码规范（前端篇）
最新发布
2401_84092809的博客
04-18 1227
必须使用 camelCase 驼峰命名必须指定类型必须加上注释，表明其含义必须加上 required 或者 default，两者二选其一如果有业务需要，必须加上 validator 验证props: {// 组件状态，用于控制组件的颜色status: {return [‘succ’,‘info’,‘error’== -1},// 用户级别，用于显示皇冠个数整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。
学习笔记：命名规范
yipfang的博客
07-23 162
不能以_$开头和结尾 不能数字开头 区分大小写 类名（class）首字母大写，后面每个单词首字母大写（大驼峰） 方法名首字母小写，后面每个单词首字母大写（小驼峰） 变量名全部小写，单词中间可以加_ 常量名全部大写 力求表达清楚，不嫌长！！！ ...
（2）HTML笔记（命名规范）
沭瑾
07-24 135
1、div 标签【division】 划分标签：可以把文档分割为各个独立的，不同的模块。 div标签是非常非常干净，不带任何杂质[margin,padding]的标签 2、css样式 css层叠样式表（Cascading style sheets） 特点：后面的相同的样式会把前面的相同样式给覆盖掉。 3、css样式种类 （1）内嵌样式/内联样式：用一对style标签包裹起来的，style标签里面放...
【笔记】强制命名规范
HoloLens的博客
09-01 1126
MySQL：全小写 Kafka Topic：全小写，中划线分割单词。例如：my-replicated-topic Elasticsearch Index：全小写，下划线分割单词。例如：my_index
JAVA 课本复习笔记（一）基本的命名规范
忆_恒心的博客
06-06 311
今天中午将会完成书写
2021_11_12_自学笔记_命名规范
weixin_38002308的博客
11-12 319
标识符和命名规范 1.标识符由字母，下划线和数字组成，且数字不能开头 2.严格区分大小写 3.不能使用关键字例如 for 等 标识符命名 做到顾名思义 比如名字 就定义为 name 年龄定义为 age 驼峰命名法 小驼峰： myName bigDog 大驼峰： FirstName LastName 下划线式： send_buf 类型转换 int(x) 将x转换成一个整数 适用场景：爬虫获取到的字符串类型，但是想要的是整形的 a = ‘123’ print(type(a)) <class ‘str
docs:前端技术文档规范,笔记,总结,
05-06
在IT行业中，前端技术文档规范、笔记和总结是开发者日常工作中不可或缺的部分，它们对团队协作、项目维护和知识传承起到至关重要的作用。本篇将详细探讨这些知识点。 首先，前端技术文档规范是确保代码可读性和团队...
web前端设计与开发，JavaScript命名标识符规范
m0_60143477的博客
07-22 451
1，盒模型 1.1，ie 盒模型算上 border、padding 及自身（不算 margin），标准的只算上自身窗体的大小 css 设置方法如下： /* 标准模型 */box-sizing:content-box ; /*IE 模型*/box-sizing:border-box ; 1.2，几种获得宽高的方式 dom.style.width/height   这种方式只能取到 dom 元素内联样式所设置的宽高，也 就是说如果该节点的样式是在 style 标签中或外联的 CSS 文件中设置的话，通过这
【前端】 命名规范规则梳理
耶稣与梦的博客
04-17 350
1.class类标识符 大驼峰写法(upper camel case) 示例： DefaultClass2.变量以及函数标识符 小驼峰写法(lower camel case) 示例：defaultClass3.常量标识符 全部大写来命 示例：DEFAULT4.方法函数名称尽量用动词去描述 比如getList、 toLoginRoute示例： 5.判断状态的变量用可以用 isTrue、 isLoading isDialogLoading6.用拼音前缀描述的变量一定要加上注释,其他变量名也应注明注释
html前端命名规则
热门推荐
Green的博客
11-18 3万+
前端布局规范细则 一、命名规范： 1、基本要求：1）文件编码统一使用 UTF-8 编码； 2）命名时以符合语义为主要参考指标，CSS属性书写规范，采用统一风格及命名方法； 3）结构清晰，层级关系明朗，以不超过三级为标准； 4）同一表现形式的样式要求可重复利用，模块组件类的样式要求可整体外部移植； 5）编写 CSS 的时候，应当避免使用CSS Hack，能不用则不用。 6）所有
前端命名规范
yjreset的博客
10-25 280
HTML,CSS,JS命名规范
class命名及前端部分规范【解决命名的疑问】
qq_42961150的博客
09-08 6723
常见的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 列表类：list, item, field 主次类：primary, secondary, sub, minor 大小类：s, m,
前端小知识点--class命名规范
weixin_34268310的博客
03-17 770
文／饥人谷_韩宝亿（简书作者）原文链接：http://www.jianshu.com/p/eebed7f038bc著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。 今天在写页面的时候，发现class="1212-sale"开头的样式无法调用，后来大群里有同学说class样式不能以数字的开头。试了一下果然是的！ 为了避免犯同样的错误，我上网查了一下css命名规范。整理了一下...
前端常用class类名，命名规范 ---kalrry
kalrry
12-12 4566
前端常用class类名---命名规范 ---kalrry 头部：header 栏目标题：title 内容：content、container 版权：copyright 搜索：search 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 导航：nav 子导航：subnav 菜单：menu 子菜单：submenu 滚动：scroll 友情链接：friendlink 侧栏：sidebar 栏目：column 页面外围控制整体宽度：wrapper 左右中：left、right、center
class命名（及前端命名）
Roninwz的博客
04-17 2万+
常见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列表类：list, item, ...
web前端id/class命名规范
Seven的博客
06-10 2295
前端命名规范1、页面结构的命名（id/class）2、导航的命名（id/class）3、功能命名（id/class） 1、页面结构的命名（id/class） 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 2、导航的命名（id/class） 容器: container 页头：hea
class命名规范
xdongll的专栏
08-08 4158
常见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...
前端常见代码规范
蘅潇嗜玉
06-08 1176
前言 本文档旨在规范前端编码规范，力求达到任何人阅读他人代码都能快速理解并着手开发，其他未总结到的编码格式规范应严格按照ESLint格式要求编写即可。 css规范 ​ 本文档的目标是规范组内代码风格，尽可能的使 同事们的 CSS 代码风格保持一致，容易被理解和被维护。 虽然本文档是针对 CSS 设计的，但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时，适用的部分也...
CSS样式命名规范详解
在前端开发中，CSS（层叠样式表）的命名规范是提升代码可读性和维护性的重要环节。遵循一定的命名规则可以使得代码更易于理解和协作。以下是对【DIV+CSS学习笔记】中提到的CSS样式命名规范的详细解释： 一、文件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值