前端命名规范

Dear 丶 2021-09-24 15:06 478阅读 0赞

1.项目命名  
全部采用小写方式， 以下划线分隔。  
例：my\_project\_name

2.目录命名  
参照项目命名规则；  
有复数结构时，要采用复数命名法。  
例：scripts, styles, images, data\_models

3.JS文件命名  
参照项目命名规则。  
例：account\_model.js

4.CSS, SCSS文件命名  
参照项目命名规则。  
例：retina\_sprites.scss

5.HTML文件命名  
参照项目命名规则。  
例：error\_report.html

6.css,sass,less的类名和Id命名  
类名使用小写字母，以中划线分隔；  
eg: .my-first-name

id采用驼峰式命名;   
eg: \#myFirstName

sass,less中的变量、函数、混合、placeholder采用驼峰式命名;   
eg: $mainWidth, \#mainHeight

7.JS中变量命名

7.1.常量：全部大写 NUM  
7.2.变量：

（1）小写+下划线  
（2）驼峰式  
7.3.方法：小写+下划线 compare\_two\_num  
7.4.对象：驼峰式 Activity  
7.5.数据库表名：小写+下划线，表名始终是复数形式的 users

PS:

标准变量采用驼峰式命名（除了对象的属性外，主要是考虑到cgi返回的数据）  
eg: var myFirstName

'ID'在变量名中全大写  
eg: var goodID;

'URL'在变量名中全大写  
eg: var reportURL;

'Android'在变量名中大写第一个字母  
eg:var AndroidVersion;

'iOS'在变量名中小写第一个，大写后两个字母  
eg:  var iOSVersion;

常量全大写，用下划线连接  
eg: var MAX\_INDEX = 1;

构造函数，大写第一个字母  
function Person(name) \{  
    this.name = name;  
\}

类的名字用大写开头： 如：  
public class Person\{\}

属性名用小写：如 String personName="哈哈";

方法名用小写：如public String getPersonName()\{return this.personName\}

构造函数的名字要与类名称一样，所以也是大写开头。

包：所有的单词都是小写：例如：import java.io.\*

jquery对象必须以'$'开头命名  
          // not good  
          var body = $('body');  
          // goodvar  
          $body = $('body');

发表评论取消回复

表情：

评论列表（有 0 条评论，478人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue文件命名规范和文件夹命名规范

views 命名 views 文件夹下面是由以页面为单位的vue文件或者模块文件夹组成的，放在 src 目录之下，与 components、assets 同

Love The Way You Lie/ 2022年12月15日 03:53/ 0 赞/ 270 阅读

相关前端开发大纲&命名规范等

前端开发面试知识点大纲： HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移

阳光穿透心脏的1/2处/ 2022年06月06日 05:39/ 0 赞/ 183 阅读

相关命名规范

一、项目名全部小写，比如cms、workdesk,jobserver等二、java相关命名 a、类命名：每音节单词前的第一个字母大写，比如FieldInfo、Exp

ゝ一纸荒年。/ 2022年04月10日 02:55/ 0 赞/ 355 阅读

相关前端样式命名规范

一、注意事项:: 1. 一律小写; 2. 自定义样式加前缀.hpf 3. 尽量用英文; 4. 多个单词用中杠隔开（-）; 5. 尽量不缩写，除非一看就明白的单词，但

梦里梦外;/ 2022年02月28日 07:18/ 0 赞/ 236 阅读

相关前端html和css的一些命名规范

1.HTML 原则 1.规范。保证您的代码规范，保证结构表现行为相互分离。 2.简洁。保证代码的最简化，避免多余的空格、空行，保持代码的语义化，尽量使用具有语义的元

ゝ一纸荒年。/ 2022年01月10日 06:59/ 0 赞/ 250 阅读

相关前端开发命名规范

https://blog.51cto.com/13507333/2052369 变量名：字母数字下划线和$符号组成，不能由数字开头；不能和系统关键词重名转载于:https

末蓝、/ 2021年12月24日 07:03/ 0 赞/ 298 阅读

相关命名规范

不能用什么命名？ 1：不能中文命名 2：不能中英混合 3: 不能直接使用css属性明敏 4：不能单独切直接使用html命名命名规则- 驼峰式命名:

￡神魔★判官ぃ/ 2021年11月02日 07:06/ 0 赞/ 409 阅读

相关前端命名规范

1.项目命名全部采用小写方式，以下划线分隔。例：my\_project\_name 2.目录命名参照项目命名规则；有复数结构时，要采用复数命名法。

Dear 丶/ 2021年09月24日 15:06/ 0 赞/ 479 阅读

相关 BEM——前端命名规范介绍

什么是BEM？ BEM(Block, Element, Modifier)是由Yandex团队提出的一种前端命名规范。其核心思想是将页面拆分成一个个独立的富有语义的块（b

骑猪看日落/ 2021年09月18日 16:04/ 0 赞/ 644 阅读

相关前端命名规范

命名驼峰式命名法介绍 Pascal Case 大驼峰式命名法：首字母大写。eg：StudentInfo、UserInfo、ProductInfo Camel Ca...

灰太狼/ 2021年04月13日 17:18/ 0 赞/ 556 阅读