前端变量命名常用方式
一.变量
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