前端命名规范

更新于 2019-12-26  约 3 分钟

以下是本人使用的命名规范,仅用参照

class命名:

<div class="header"></div>
<div class="header-search"></div>

id命名:

<div id="export"></div>
<div id="export_list"></div>

纯JS使用:

<div id="js_export" class="js-export"></div>

name命名:

<input name="user" />
<input name="user_profile" />

html文件命名:

list_detail.html

css文件命名:

list_detail.css

js文件命名:

list_detail.js

js语法命名:

// 变量
var headerHgt = 240;

// 常量
const ROOT_PATH = '/';

// jquery变量
var $table = $('table');

// 类
function AsideOperate() {
    this.name = 'zhangsan';
    this.age = 24;
}
var asideOperate = new AsideOperate();

// 函数
function setHgt() {
    // ……
}
setHgt();

// json
{"name": "tom", "age": 24}

image文件命名:

img-banner.jpg
bg-body.jpg
icon-search.png

文件夹命名(参考window目录命名规范):

Application // 项目目录
  Config
  Controller
  Common
  View
  Public // 静态文件目录
    images
    css
    js
    adminStyle // 后台样式
      images
      css
      js

写到最后,推广下一个不错的分享平台:http://www.techshare100.com/,欢迎大家加入

阅读 4.1k更新于 2019-12-26

推荐阅读
前端开发
用户专栏

天空还下着雪

11 人关注
42 篇文章
专栏主页
目录