前端项目开发的各种规范

本文介绍了一套关于HTML、CSS及JavaScript的编码规范,包括命名约定、注释规则、选择器使用建议等内容,有助于提高前端代码的可读性和维护性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.html部分

  1. class使用功能或内容来命名,全部使用小写,多个单词时使用中划线  -  分隔,我的习惯是使用 _ 分隔。

  2. 使用jq时,如果有使用js来操纵dom,推荐使用id来控制,减少无样式信息的class

  3. 引号优先使用双引号,当出现引号嵌套时在使用单引号

 

 

 

2.css部分

  1. css也需要添加注释。大模块之间引用三行空行

  2. 避免选择器嵌套层级过多,尽量少于3层

  3. 引入样式表避免使用@import引入,这种引入方式速度太慢。

  4. 尽量避免使用标签选择器

 

 

 

3.js部分

  1.单行注释使用 //, 多行注释使用/*   */, 文件注释  用于说明该文件是干嘛的 

  2. 变量,函数使用驼峰明命犯(Camel)

  3. boolean类型的变量使用is或has开头,   isReady

  4. 函数名使用动宾短语  getStyle()

  5. 类名使用名词

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值