本规范共分为三部分，BETWAY登录通用编码规范 css编码规范 html编码规范 javascript编码规范
BETWAY登录开发触及的所文件一致运用utf-8编码
文件头部有必要加上文件声明信息，有必要包括文件描绘、作者、最终更新(更新人+时刻)
/* *@Description: 头部共用款式 *@Author: Aseoe *@Update: Aseoe(2015-03-01 17:22) */
通用 Hack
.all-IE{property:value\9;}
:root .IE-9{property:value\0/;}
.gte-IE-8{property:value\0;}
.lte-IE-7{*property:value;}
.IE-7{+property:value;}
.IE-6{_property:value;}
.not-IE{property//:value;}
@-moz-document url-prefix() { .firefox{property:value;} }
@media all and (-webkit-min-device-pixel-ratio:0) { .webkit{property:value;} }
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) { .opera{property:value;} }
@media screen and (max-device-width: 480px) { .iphone-or-mobile-s-webkit{property:value;} }
//显现特点 * display * list-style * position * float * clear //自身特点 * width * height * margin * padding * border * background //文本特点 * color * font * text-decoration * text-align * vertical-align * white-space * other text * content display || visibility list-style : list-style-type || list-style-position || list-style-image position top || right || bottom || left z-index float clear width max-width || min-width height max-height || min-height overflow || clip margin : margin-top || margin-right || margin-bottom || margin-left padding : padding-top || padding-right || padding-bottom || padding-left outline : outline-color || outline-style || outline-width border background : background-color || background-image || background-repeat || background-attachment || background-position color font : font-style || font-variant || font-weight || font-size || line-height || font-family font : caption | icon | menu | message-box | small-caption | status-bar text-decoration text-align vertical-align white-space text-indent text-overflow line-height content cursor zoom
页面文档类型一致运用HTML5 DOCTYPE. 代码如下：
<!doctype html>
声明办法遵从HTML5的规范. 代码如下：
<meta charset="utf-8" />
运用契合语义的标签书写 HTML 文档, 挑选恰当的元素表达所需的意义
元素的标签和特点名有必要小写, 特点值有必要加双引号
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>csc example page</title>
<link rel="stylesheet" href="css_example_url" />
<script src="js_example_url"></script>
</head>
<body>
<div class="header">
页头
</div>
<div class="content">
主体
</div>
<div class="footer">
页尾
</div>
<script>
// 你的代码
</script>
</body>
</html>
JavaScript程序应独立保存在后缀名为.js的文件中。
js代码不该该被包括在HTML文件中,除非这是段特定只属于此部分的代码。在HTML中的js代码会明显增加文件巨细,并且也不能对其进行缓存和紧缩。
filename.js应尽量放到body的后边。这样能够削减由于载入script而形成其他页面内容载入也被推迟的问题。也没有必要运用 language或许type特点。MIME类型是由服务器而非scripttag来决议的。每个js文件的文件头都有必要包括@author, 主张加上@version
/** * jQuery JavaScript version 1.0 * author Aseoe * Date: 2015.03.01 10:34 */
私有函数，主张增加 @ignore 让文档输出时能够疏忽这段注释
函数内部调用其他的函数，主张加上@see Function 来对上下文做索引
每个带参数的函数有必要包括 @param
/**
*基类 Shape
* @constructor
* @base Shape
* @param args
* @return returnValue
*/
function Circle(args){
// do some thing
return returnValue
}
结构函数 有必要加上 @constructor（同上）
每个有返回值的函数有必要包括 @return（同上）
在js中，标识符的命名规矩是：由包括字母、数字和下划线组成，且榜首个字符有必要是字母最初或下划线或＄（一般不要用＄）符。不能与 JavaScript 保留字（Key Words，但凡能够用来做 JavaScript 指令的字都是保留字）重复；在js中变量是区别巨细写的；命名规矩参阅下表：
| 结构 | 规矩 | 样例 |
|---|---|---|
| 结构函数 | 驼峰式 | ModuleClass() |
| 公有办法 | 混合式 | getPosition() |
| 公有变量 | 混合式 | frameStyle |
| 常量 | 大写式 | DEFAULT_FRAME_LAYOUT |
| 私有办法 | 混合 | _mixedCase（） |
| 私有变量 | 混合 | _mixedCase |
| 办法（method）参数 | 混合 | _mixedCase, mixedCase |
| 本地（local）变量 | 混合 | _mixedCase, mixedCase |
爱思资源网发起4 个空格。这是由于直到现在还没有一致的规范来界说 TAB 键所替代的空白巨细，有些编辑器解析为 4 个空格巨细，有些则解析为 8 个。因此用不同的编辑器检查代码，或许形成格局紊乱。当然 TAB 简略易用，为处理这问题，主张在设置开发环境时，将编辑器里的 TAB 快捷键从头设置为 4 个空格。据了解 Eclipse, Vi, Nodepad++，Editplus, UltraEdit 等盛行的编辑器，均供给了此功用。
for(var i = 0 ; i < 9 ; i++){
statements;
}
var str = "value1"; //声明变量并赋值
var obj = new Object(); //创立一个目标的实例
var fn=function fname(){statements;} //命名表达式
var person={name:"admin",age:26}; //字面量声明办法
if (condition) {
statements;
}
if (condition) {
statements;
} else {
statements;
}
if (condition) {
statements;
} else if (condition) {
statements;
} else {
statements;
}
switch (condition) {
case ABC:
statements;
/* falls through */
case DEF:
statements;
break;
case XYZ:
statements;
break;
default:
statements;
break;
}
while (condition) {
statements;
update; // 更新循环变量
}
for(var i = 0 ; i < 9 ; i++){
statements;
}
do {
statements;
update; // 更新循环变量
} while (condition);
注：只少履行一次循环 for(var i in Object){
console.log("i" + " : " + Object[i]); //输出目标的一切特点值
}
while (condition) {
if(condition){
break; //跳出循环体，程序往下履行
}
statements;
update; // 更新循环变量
}
while (condition) {
if(condition){
continue; //停止本次循环，履行下一次循环
}
statements;
update; // 更新循环变量
}
with (Math) {
x = cos(3 * PI) + sin(LN10);
y = tan(14 * E);
}
try {
statements;
} catch (ExceptionClass ec) {
statements;
} finally {
statements;
}
IE：有window.event目标
FF：没有window.event目标。能够经过给函数的参数传递event目标。如onmousemove=doMouseMove(event)
处理办法：var event = event || window.event;
example:
function test(event) {
var event = event || window.event;
//do Something
}