web前端开发命名规则

【Web前端开发 规范 参考手册】 Web前端开发规范 参考手册 阅读详情

谈谈个人对web前端命名的一些习惯吧

1.html文件命名:

采用文件目录方式,分功能模块化命名文件夹,然后文件可采用驼峰法命名。


2.js文件命名:

一般采用_命名,对于版本号的标识-


3.css文件命名:

同js文件命名。一般采用_命名,对于版本号的标识-

4.class命名:

一般采用-命名或者驼峰法命名。


5.id命名:

一般采用_命名或者驼峰法命名。



一般个人习惯class和版本号标识采用-,其他的采用_来命名。

《web开发: Web前端开发规范》 一、文件规范 1.文件命名规则 文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符;命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作。 a. HTML的命名原则 引文件统一使用index.htm index.html index.asp文件名(小写) 各子页命名的原则首先应该以栏目名的英语翻译取单一... 阅读详情

相关推荐

Web前端开发规范

一、开发规范 1.文件命名规则 文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符 命名原则的指导思想: 一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义 二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作 2. HTML的命名原则​​​​​​ 引文件统一使用index.htm、index.html、index.asp文件名(小写) 各子页命名的原则首先应该以栏...

yexiang优快云的专栏 186

前端的命名规范与方法

每种命名方式使用场景规范不同小驼峰使用场景:函数命名,变量命名大驼峰使用场景:组件名命名中划线使用场景:class,id,标签,属性,文件夹名,文件名,图片名下划线使用场景:函数命名,变量命名。

m0_70568099的博客 648

Ansys Zemax | 多模光纤耦合效率优化与IMAE操作数实战解析

本文详细解析了在Ansys Zemax(OpticStudio)中优化多模光纤耦合效率的实战流程。通过几何图像分析诊断初始效率,并重点介绍了如何利用IMAE操作数将分析工具转化为自动化优化引擎,实现从2%到54%的几何效率飞跃。文章还探讨了引入菲涅尔损耗与偏振计算以逼近真实效率,并分享了关键的避坑指南与高阶技巧。

xk7n92h3p5m的博客 748

前端开发命名规范

自定义类名一般以短横线“-”或者下划线“_”中的一种作为单词间分割,通常不使用驼峰命名,以此区别于变量。在项目中通常使用scssless来进行样式书写,大大降低了类名重复引发的样式问题。因此我们只需要关注一个模块的外层容器类名。通常采用模块名称-修饰名称的命名方式。

n1234567896的博客 2616

DAC8568实战指南:如何用STM32实现8通道DAC精准控制(附代码)

本文提供DAC8568与STM32结合的实战指南,详细解析8通道16位DAC的精准控制方法。内容涵盖硬件连接、SPI配置、驱动层构建、时序调试及多通道同步输出等关键步骤,并附有经过验证的HAL库驱动代码,帮助工程师快速解决实际项目中的通信与输出稳定性问题。

weixin_29175469的博客 744

狂神说docker(最全笔记)

一.Docker入门 1. Docker 为什么会出现 2. Docker的历史 3.Docker最新超详细版教程通俗易懂 Docker是基于Go语言开发的!开源项目 官网 官方文档Docker文档是超详细的 仓库地址 4. 虚拟化技术和容器化技术对比 4.1. 虚拟化技术的缺点 资源占用十分多 冗余步骤多 启动很慢 2.2. 容器化技术 比较Docker和虚拟化技术的不同 传统虚拟机, 虚拟出一条硬件,运行一个完整的操作系统,然后在这个系统上安装和运行软.

qq_21197507的博客 5万+

前端项目文件命名规范

采用小驼峰方式命名,如有复数结构时(此文件夹包含文件夹),采用复数命名法,如:components、assets。采用大驼峰方式命名(首字母大写),如:SimpleCard。采用小写 + 短横线的方式命名,如bill-manage。),如:userInfor.js、admin.css。采用小驼峰命名规则(第一个单词首字母小写,后面的。

cozy666的博客 775

告别零碎资料!手把手教你搞定ASTER L1T数据的预处理全流程(附ENVI实操)

本文详细介绍了ASTER L1T数据的预处理全流程,包括数据获取、质量检查、ENVI实操步骤(辐射定标、大气校正、几何精校正)以及热红外波段深度处理。特别适合地信领域初学者和研究人员,帮助快速掌握ASTER L1T数据处理技巧,提升定量反演研究效率。

weixin_30385925的博客 354

vue前端开发代码规范(最新)

一、命名规范 市面上常用的命名规范: camelCase(小驼峰式命名法 —— 首字母小写) PascalCase(大驼峰式命名法 —— 首字母大写) kebab-case(短横线连接式) Snake(下划线连接式) 1.1 项目文件命名 1.1.1 项目名 全部采用小写方式, 以短横线分隔。例:my-project-name。 1.1.2 目录名 参照项目命名规则,有复数结构时,要采用复数命名法。例:docs、assets、components、directives、mixins、utils、view

nelyo的博客 3599

从ORCAP-1589警告看Cadence ORCAD的DRC设置:如何避免‘网络别名’引发的潜在短路风险

本文深入解析Cadence ORCAD中ORCAP-1589警告的深层含义,探讨网络别名可能引发的短路风险及DRC设置优化方案。通过分析网络别名的设计意图、DRC规则配置及最佳实践,帮助工程师有效规避设计风险,提升电路设计的可靠性和规范性。

weixin_34194829的博客 297

YOLO11改进 | 卷积模块 | 轻量化GSConv替换普通的conv

yolo11,GSConv,卷积模块

kay_545 3955

前端开发规范(一)-命名规范

团队中的每一个人,对规范的理解是不统一的,任何团队开发中都需要规范,有统一的代码规范,肯定会事半功倍,方便维护。做了如下总结,参考来自腾讯的代码规范。

Johkilroy的博客 904

windows搭建IIS(FTP)

适用于参加网络系统管理的学生进行学习与参考

a1119619789的博客 280

Web前端开发规范 : 文件命名规则

转自 : https://blog.youkuaiyun.com/qq_26129689/article/details/52652000?ref=myread   1.文件命名规则 1.1文件名称的命名规则 统一用小写的英文字母,数字和下划线的组合,不得包含汉字空格和特殊字符。 原则: 1)方便理解,见名之意 ​ 2)方面查找 1.2索引文件的命名规则(首页面) index.htm ind...

大头之家 6704

AFSim2.9.0学习笔记 —— 1、AFSim及完整工具介绍(文末附:完整afsim2.9.0源码、编译好的完整工具包、中文教材等)

AFSim2.9.0学习笔记 —— 1、AFSim及完整工具介绍(附:完整afsim2.9.0源码、编译好的完整工具包、中文教材等)

5172

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

web前端开发规范手册之类命名规则

类命名规则记住记住!

qq_57204280的博客 607

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

Web前端开发规范之脚本文件和动态文本文件命名规则

脚本文件:一般使用脚本功能的英文小写缩写命名 实际模块:例如广告条的javascript文件名为ad.js,弹出窗口的javascript文件名为pop.js 公用模块:js文件命名:英文命名,后缀js。如common.js,basic.js 外部资源:Jquery.min.js,Jquery.validate.js,Jquery.date.js 动态文件:以性质描述...

weixin_30776273的博客 356

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

web前端开发规范项目流程总结

web前端开发规范 web前端开发规范的意义 1、提高团队的协作能力 2、提高代码的复用利用率 3、可以写出质量更高,效率更好的代码 4、为后期维护提供更好的支持 规范 1、命名规则 2、文件存放位置规范 3、css书写规范 4、html代码书写规范 5、JavaScript书写规范 6、图片规范 7、注释规范 8、兼容性规范 9、开发测试约定及实用工具规范 公司统一要求规范 要求 1、熟练使用前端开发工具 2、代码规范 3、目录结构规范 4、切图与原型效果一致 5、命名页面方法命名统一英文规范 6、代码注

qq_45067263的博客 2143

Web前端开发规范手册

Web前端开发规范手册 一、规范目的 1.1 概述 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后可以更改此文档. 二、文件规范 2.1 文件命名规则 文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符;命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我

li520_fei的博客 743

Web前端开发规范文档

为了让代码更加规范特收集了一些Web前端开发规范 规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如 有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良

——追求卓越,成功在不经意间追上你。 778

汇总Web前端开发工程师需要注意的一些开发规范

对于正在从事Web前端开工作的人来说,了解Web前端开发规范是很重要的.因为只有这样才能保证高效快速的完成工作,今天小千就来和大家分享一下新手初学Web前端需要注意的Web前端开发规范有哪些!希望对小伙伴们有所帮助。

xiaoxijinger的博客 9330

1+X证书Web前端开发规范手册

一、规范目的 1.1 概述 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后可以更改此文档. 二、文件规范 2.1 文件命名规则 文件名称统一用小写的英文字母、数字和下划线的组合,其中不得包含汉字、空格和特殊字符...

Zeus 1194

web前端开发CSS命名规范参考

做为一个web前端工程师,每天接触HTML、css就像吃饭一样,但是作为一名合作、优秀的web前端工程师,对DIV+CSS命名还是有一定的规范的,本文整理了一份web前端开发中DIV+CSS各种命名规范。 Div+CSS命名规范一. 窗体 头:header   内容:content/container   尾:footer   导航:nav   侧栏:sidebar 栏目:...

93

Web前端开发——HTML基础(下)

HTML文档结构主要由若干标记构成,随着页面复杂程度的不同,所使用的标记数量和标记属性设置也不相同。掌握HTML标记语法和属性语法是设计Web页面的基础。

wslsnyn的博客 873
上一篇: 浏览器兼容性问题总结
下一篇: 移动端rem布局
echo008
博客等级 码龄10年 16粉丝 38原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值