[前端开发]--命名习惯

优秀的程序员必然有一个好的编码习惯

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(){
    
}