[前端開發]--命名習慣

優秀的程序員必然有一個好的編碼習慣複製代碼

1.前言

 前段時間看了一篇關於前端開發命名習慣的文章，總結的很好，在這裏和你們分享一下。

2.命名格式。

• css：使用單個字母+"-"爲前綴。

1.根據分類方法中的"css內部的分類及其順序",樣式中的選擇器大概要如下面五類開頭。
佈局（grid）、模塊（module）、元件（unit）、功能（function）、皮膚（skin）、狀態（.z-）
2.示例
<div class="m-box">
      <div class="u-title">提示2</div>
      <div class="u-content">這裏是提示內容2</div>
</div>複製代碼

• 文件：'_'分割。

示例：
1.首頁：index.html;
2.搜索頁面：search.html;
3.產品列表頁面：product_list.html;
4.產品查看頁面：product_view.html;
5.產品編輯頁面：product_edit.html;
6.關於咱們：about.html
複製代碼

• 常量：大寫字母，'_'分割。

//定義最大數
const COUNT_MAX=100;複製代碼

• 臨時變量、私有變量：'_'開頭，駝峯命名。

1.私有變量相對於外面做用域而言，爲了區分變量是公用的，仍是私有的。
2.示例
let myObj={
    name:'守候',
    setName(){
        //保存當前的this
        let _this=this;
        setTimeOut(function(){
            alert(_this.name)
        },1000)
    }
}
複製代碼

• 變量：小駝峯命名。

//定義人數
let peopleCount=0;複製代碼

• 類（class）：大駝峯命名。

//建立一個類
class Person{
    //...
}
複製代碼

• 函數：根據功能加前綴。

示例：
1.獲取值
//根據 ID 獲取用戶信息
function getUserInfo(id){
    
}
2.設置值
//設置用戶信息
function setUserInfo(){
    
}
3.動做
//分頁操做
handleChangeCurrent(val){
    
}
//註冊操做
handleRegister(){
    
}
複製代碼