861
前端變量命名常用方法
本文主要介紹常用的前端變量命名規則，主要包括JS, HTML的常用命名規則。
JS常用命名方法
常量
常量就是初始化後不會再改變的變量,此類變量一般用全大寫+下劃線的方法命名。
比如
var IMAGE_SERVER = 'https://img.alibaba.com';
var MAX_LENGTH = 200;
全局變量
在利用模塊化變成以後，全局變量用得比較少了，但在VM輸出的變量都是全局變量，全局變量的命名方法一般是g+變量名。
var gConfig = {
a:1,
b:2
};
私有變量
因為JS不支持私有變量，所以私有變量都是模擬出來的，業界通用JS私有變量的命名方法是下劃線+變量名比如
var Student = Base.extend({
_name: '小明'，
getName: function(){
return this._name;
}
});
這裏的name就是一個私有變量，一般下劃線變量就意味著不要直接使用的變量。
html中的常用命名方法
屬性不區分大小寫
html是不區分大小寫的，所以最好不要寫 dataRole="abc",而應該是data-role。
命名方法為(角色+名字)
html中比較好的命名方式就是角色加上命名
比如
<div data-role="container-chatbox"> </div>
<a data-role="btn-chat"></a>
css常用命名方法
以中劃線劃分語義
比如 .container-component
常用的角色名
wraper : 最外的包裹層container： 容器層btn： 按鈕
最後更新：2017-11-15 10:34:05