前端命名規範

如下是本人使用的命名規範,僅用參照css

class命名:html

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

id命名:json

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

name命名:ide

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

html文件命名:函數

list_detail.html

css文件命名:this

list_detail.css

js文件命名:code

list_detail.js

js語法命名:htm

// 變量
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文件命名:input

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

文件夾命名(參考window目錄命名規範):io

Application // 項目目錄
  Config
  Controller
  Common
  View
  Public // 靜態文件目錄
    images
    css
    js
    adminStyle // 後臺樣式
      images
      css
      js

謝謝關注~~

相關文章
相關標籤/搜索