前端命名規范

xbynet 發布于2019-08-02 15:56 / 2440人閱讀

摘要：以下是本人使用的命名規范，僅用參照命名命名命名文件命名文件命名文件命名語法命名變量常量類函數文件命名文件夾命名參考目錄命名規范項目目錄靜態文件目錄后臺樣式謝謝關注

以下是本人使用的命名規范，僅用參照

class命名：

id命名：

name命名：

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

謝謝關注~~

云服務器 GPU云服務器命名規范二級域名命名規范 html的命名規范二級域名命名規范

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/54381.html

前端編碼規范之：樣式（scss）編碼規范

摘要：前端編碼規范之使用規范前端編碼規范之樣式編碼規范前端編碼規范之結構規范前端編碼規范之最佳實踐前端編碼規范之編碼規范命名的原則是通俗易懂，盡量保持不重復沖突，盡量不要用。我覺得應該避免出現出現這種方式用預處理器拼接出來的名稱，會生成。前端編碼規范之：Git使用規范前端編碼規范之：樣式（scss）編碼規范前端編碼規范之：HTML結構規范前端編碼規范之：Vue最佳實踐前端編碼規范...

reclay 2019-08-29 16:58 評論0 收藏0
[前端開發]--分享個人習慣的命名方式

摘要：最近在知乎上看到這個作為程序員，有沒有讓你感到既無語又崩潰的程序命名。今天，也分享下最近自己在使用的命名習慣，當然只是個人習慣。但是兩個函數的命名，一個是，另一個是。關于的命名規范，應該很多人都是習慣用大駝峰命名。把一件平凡的事情做好，很平凡。把一件平凡的事情堅持的做好，很不平凡。 1.前言如果說計算機科學只存在兩個難題：緩存失效和命名。那么我就覺得命名的難點只有兩個：詞匯量和堅持...

Rocture 2019-08-23 12:08 評論0 收藏0
[前端開發]--分享個人習慣的命名方式

摘要：最近在知乎上看到這個作為程序員，有沒有讓你感到既無語又崩潰的程序命名。今天，也分享下最近自己在使用的命名習慣，當然只是個人習慣。但是兩個函數的命名，一個是，另一個是。關于的命名規范，應該很多人都是習慣用大駝峰命名。把一件平凡的事情做好，很平凡。把一件平凡的事情堅持的做好，很不平凡。 1.前言如果說計算機科學只存在兩個難題：緩存失效和命名。那么我就覺得命名的難點只有兩個：詞匯量和堅持...

Half 2019-08-02 11:36 評論0 收藏0
[前端開發]--分享個人習慣的命名方式

摘要：最近在知乎上看到這個作為程序員，有沒有讓你感到既無語又崩潰的程序命名。今天，也分享下最近自己在使用的命名習慣，當然只是個人習慣。但是兩個函數的命名，一個是，另一個是。關于的命名規范，應該很多人都是習慣用大駝峰命名。把一件平凡的事情做好，很平凡。把一件平凡的事情堅持的做好，很不平凡。 1.前言如果說計算機科學只存在兩個難題：緩存失效和命名。那么我就覺得命名的難點只有兩個：詞匯量和堅持...

EastWoodYang 2019-08-30 15:54 評論0 收藏0
前端命名規范

摘要：以下是本人使用的命名規范，僅用參照命名命名命名文件命名文件命名文件命名語法命名變量常量類函數文件命名文件夾命名參考目錄命名規范項目目錄靜態文件目錄后臺樣式謝謝關注以下是本人使用的命名規范，僅用參照 class命名： id命名： name命名： html文件命名： list_detail.html css文件命名： list_detail.css js文件命名： list_...

馬龍駒 2019-08-30 13:11 評論0 收藏0