前端变量命名常用方式

一.变量

     1.1变量就是我们初始化以后不会在改变的变量，这类变量一般采用全大写+下划线的方式。

var IMAGE_SERVER = 'xxxxxxxxx';
var MAX_LENGTH = 000;

　例如：这两个变量分别由两个英语单词构成我们中间就用下划线链接。

二.全局变量

      2.1 全局变量我们一般用g+变量名，例如：

var gConfig = {
   a:1,
   b:2
};

三.私有变量

      3.1 私有变量按照下划线+变量名，例如 这里_name就是我们说的私有变量

var Student = Base.extend({
    _name: '小明'，
    getName: function(){
        return this._name;
    }
});

四.方法命名

     一般方法采用动词+名词，并且按照驼峰划分语义。例如：loadData/getData

     当这个方法属于事件的时候，最好on+事件目标+事件名称，并且按照驼峰划分。

function onMybtnClick() {
    loadData();
    hideMyBtn();
}

五.文件夹分类命名

在前端我们一般涉及到的文件夹有 commponent（存放组件），util（用于存放工具类），mock（用于存放mock.js的数据）。当然在前端工程比较复杂的时候不建议把css独立放在一个style的文件夹，而是放在component里面。

六.在HTML中常用的命名方法

HTML是不区分大小写，所以我们最好不要写dataRole=“XXXX”，而应该是data-role.

1.1 命名方法（角色+名字）例如 ：

<div data-role="container-chatbox"> </div>
<a data-role="btn-chat"></a>

七.css命名方法

     7.1常用的角色名

          wraper :最外的包裹层

          container：容器层

          btn : 按钮

八. 页面URL的命名

      8.1 path的命名

            在url中，一个path一般对应存储的一个文件夹例如：http://myhost.com/my-folder/my-page.html

            这里的my-folder一般就是一个文件夹。

     8.2 url参数的命名

            在url的参数属于一个变量，所以最好我们使用驼峰写法。例如：pageSize=20

 

命名方式来自于：https://developer.aliyun.com/article/250113

标签：例如,变量,前端,var,文件夹,命名,name
来源： https://www.cnblogs.com/Old-vegetable-chicken/p/16355809.html