前端定名范例

以下是本人运用的定名范例,仅用参照

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

感谢关注~~

    原文作者:zhangqh
    原文地址: https://segmentfault.com/a/1190000007670892
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞