美文网首页
常见的前端命名规范

常见的前端命名规范

作者: 我没叫阿 | 来源:发表于2024-01-08 10:51 被阅读0次
  1. 变量命名

    • 使用小驼峰式命名(lowerCamelCase):变量名首字母小写,之后每个单词首字母大写。例如:myVariablestudentName
    • 常量应当使用全大写,并用下划线分隔(UPPER_CASE_WITH_UNDERSCORES)。例如:MAX_USERS_COUNT
  2. 函数命名

    • 采用小驼峰式命名,表示动作或功能。例如:handleClickcalculateTotalPrice
  3. 类命名

    • 使用大驼峰式命名(PascalCase),即每个单词首字母都大写。例如:UserManagerProductCategory.
  4. CSS类名与ID选择器

    • 类名推荐使用短横线连接法(kebab-case 或称为 "slug" case),例如:.my-class-name
    • ID选择器虽然不常用,但也建议遵循类似规则,如:#my-id
  5. React组件命名

    • 组件名称通常也遵循大驼峰式命名,因为它们代表的是自定义元素。例如:MyComponentAppHeader
  6. 文件和目录命名

    • 文件和目录名通常使用小写字母并用短横线分隔,例如:user-profile.jscomponents/button
  7. 事件命名

    • 自定义事件名推荐使用小驼峰式命名,但根据实际需要可能包含特定前缀来区分是用户行为还是系统内部事件,例如:onButtonClick
  8. 布尔值变量

    • 可以通过is、has、should等前缀来表明变量为布尔类型且表达一种状态,例如:isVisibleisEnabled
  9. 枚举值

    • 枚举类型的常量可以使用全大写并用下划线分隔,或者也可以用单个大写的名词表示,例如:COLOR_REDStatusActive

相关文章

  • [知识点滴]Div+CSS命名规范大全

    Div+CSS命名规范(前端web开发命名规范)Div+CSS命名规范(一)窗体头:header内容:conten...

  • 前端入门必知开发规范

    本文主要从以下几个方面来概述前端的开发规范 1. 目录构建规范 2. 前端命名规范 3. 前端工作规范 4. 开发...

  • web前端的开发规范比较重要的知识点

    本文主要从以下几个方面来概述前端的开发规范 1. 目录构建规范 2. 前端命名规范 3. 前端工作规范 4. 开发...

  • 前端命名规范

    一、文件命名 文件名不得含有空格文件名建议只使用小写字母,不使用大写字母。( 为了醒目,某些说明文件的文件名,可以...

  • 前端命名规范

    页面命名规范 如: 首页:index/home 关于我们:about_us 联系我们:contact_us ...

  • 好程序员web前端分享前端的开发规范

    本文好程序员主要从以下几个方面来概述前端的开发规范 1.目录构建规范 2.前端命名规范 3.前端工作规范 4.开发...

  • Web前端编码及注释规范

    一、命名规范 Web前端开发中的命名包括,项目命名、目录命名、JS文件命名、CSS文件命名、HTML文件命名等,详...

  • 2022-06-20

    前端规范 1、命名规范 1.1 目录命名 全部采用小写方式, 以中划线分隔,有复数结构时,要采用复数命名法, 缩...

  • 前端开发规范

    前端开发规范 规范目的 命名规范 结构化规范 注释规范 编码规范 CSS 规范 规范目的 为提高团队协作效率 便于...

  • 前端代码规范

    前端代码规范 1. 命名规范 1.1 项目文件命名 采用英文小写,以中划线分隔 'school-system' 1...

网友评论

      本文标题:常见的前端命名规范

      本文链接:https://www.haomeiwen.com/subject/mdinndtx.html