最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

前端命名规范

XAMPP相关 admin 788浏览 0评论

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

class命名:

<div class=”header”></div>
<div class=”header-search”></div>
id命名:

<div id=”export”></div>
<div id=”export_list”></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 = ‘/’;

// 类
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

转载请注明:XAMPP中文组官网 » 前端命名规范

您必须 登录 才能发表评论!