web前端开发文件命名基本规范

本文详细介绍了前端开发的命名规范,包括页面文件、函数、图片、CSS样式和JS函数的命名规则,旨在提升代码可读性和团队协作效率。例如,文件名推荐使用驼峰命名,避免中英文混用;CSS样式命名统一使用小写英文加下划线;JS函数命名推荐使用动词或动词+名词形式。
摘要由CSDN通过智能技术生成

根据:https://www.cnblogs.com/ypppt/p/13066751.html
1.页面的文件、函数命名规范

统一用翻译的英文命名(推荐)统一用拼音命名(拼音的简化也可)

    统一使用驼峰命名,比如fileData

    统一用小写的英文字母,数字和下划线的组合,不得包含汉字空格和特殊字符。方便理解,见名之意

如果文件名过长,可以使用缩写的规范,如pro—product ,注意不要中英文混用

例如:

  • 驾驶舱cockpit
  • 首页—home
  • 轨迹trajectory,轨迹管理太长(Track management),所以取轨迹(trajectory)
  • 监测monitor,在线监测太长(Online monitoring),所以取监测(monitor)
  • 运营operate,运营管理太长(operation management),所以取运营(operate)
  • 详情—details
  • 用户信息userInfo

    2.常用的文件夹命名与用途

src,source源代码,用src居多
config配置文件

server:用来放服务端代码

router:路由

utils,tools,helpers:工具代码

lib库文件,library的缩写

dist

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值