前端变量命名常用方式

一.变量

     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

posted @ 2022-06-08 15:23  前端老菜姬  阅读(335)  评论(0编辑  收藏  举报