前端命名规范

Dear 丶 2021-09-24 15:06 650阅读 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 条评论，650人围观）

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

相关阅读

    相关 web前端命名规范整理

    web前端命名规范整理 ![img][] 一个得到广泛推崇的东西，必然有它的优势所在。web语义化： 1、可以让人一目了然这块是什么鬼，那块是什么鬼，对于项目的维

    港控/mmm°港控/mmm°/ 0 赞/ 99 阅读

    相关 命名规范

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

    ゝ一纸荒年。ゝ一纸荒年。/ 0 赞/ 518 阅读

    相关 前端命名规范

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

    Dear 丶Dear 丶/ 0 赞/ 651 阅读