6. 属性顺序
class
id
name
data-*
src,for,type,href,value,max-length,max,min,pattern
placeholder,title,alt
aria-*,role
required,readonly,disabled
7. 标签
标签名必须使用小写字母
10、abel 内。
2. label 的 for 属性指向控件的 id。
推荐使用第一种，减少不必要的 id。如果 DOM 结构不允许直接嵌套，则应使用第二种。
示例：
2．按钮
[强制] 使用 button 元素时必须指明 type 属性值。
解释：
butt
11、on 元素的默认 type 为 submit，如果被置于 form 元素中，点击后将导致表单提交。为显示区分其作用方便理解，必须给出 type 属性。
示例：
[建议] 尽量不要使用按钮类元素的 name 属性。
解释：
由于浏览器兼容性问题，使用按钮的 name 属性会带来许多难以发现的问题。具体情况可参考此文。
3．可访问性 (A11Y)
[建议] 负责主要功能的按钮在 DOM 中的顺序应靠前。
解释：
负责主要功能的按钮应相对靠前，以
12、提高可访问性。如果在 CSS 中指定了 float: right 则可能导致视觉上主按钮在前，而 DOM 中主按钮靠后的情况。
示例：
13、iv>
[建议] 当使用 JavaScript 进行表单提交时，如果条件允许，应使原生提交功能正常工作。
解释：
当浏览器 JS 运行错误或关闭 JS 时，提交功能将无法工作。如果正确指定了 form 元素的 a
14、ction 属性和表单控件的 name 属性时，提交仍可继续进行。
示例：
[建议] 在针对移动设备开发的页面时，根据内容类型指定输入框的 type 属性。
解释：
根据内容类型指定输入框类型，能获得能友好的输入体验。
示例：
28、颜色十六进制用小写字母，尽量使用简写;
例：.element {
color: #abcdef;
background-color: #012;
}
9. 杂项
不允许有空的规则;
元素选择器用小写字母;
属性值‘0’后面不加单位;
不要在一个文件里出现两个相同的规则;
用border:0; 代替 border:none; ;
尽量少用“*”选择器。
JavaScript
1. 缩进
缩进使用Tab（4个空格）
var x = 1,
y = 1;
if (x < y) {
x += 10;
} else
29、{
x += 1;
}
2. 分号
以下几种情况后需加分号：
变量声明
表达式
return
throw
break
continue
do-while
/* var declaration */
var x = 1;
/* expression statement */
x++;
/* do-while */
do {
x++;
} while (x < 10);
3. 空行
以下几种情况需要空行：
变量声明后;
注释前;
代码块后;
文件最后保留一个空行。
4. 换行
以下几种情况不需要换行：
解释：超长的不可分割的代
30、码允许例外,比如复杂的正则表达式,
长字符串不在例外之列。
下列关键字后：else,catch,finally
代码块‘{’前
以下几种情况需要换行：
代码块‘{’后和‘}’前
变量复制后
5. 单行注释
双斜线后，必须跟一个空格;
缩进与下一行代码保持一致;
可位于一个代码行的末尾,与代码间隔一个空格。
if (condition) {
// if you made it here, then all security checks passed
allowed();
}
var zhangsan = 'zhangsan'; // one spa
31、ce after code
6. 多行注释
最少三行，“*”后跟一个空格。
/*
* one space after '*'
*/
var x = 1;
7. 文件注释
文件顶部必须包含文件注释，用@file标识文件说明
/**
* @file Describe the file
*/
8. 命名空间注释
命名空间使用@namespace标识
/**
* @namespace
*/
var util = {};
9． 类注释
/**
* parm
* return
*/
function Developer() {
/
32、/ constructor body
}
10. 变量命名
变量名采用驼峰式命名（除对象的属性外）
var thisIsMyName;
‘id’在变量名中‘i’大写 例：Id
var goodId;
‘url’在变量名中全大写
var reportURL;
‘Android’在变量名中大写第一个字母
var AndroidVersion;
‘iOS’在变量名中小写第一个字母，大写后两个字母
var iOSVersion;
常量全大写，用下划线链接
var MAX_COUNT = 10;
构造函数，大写第一个字母
function Person(name) {
33、
this.name = name;
}
11. 变量声明
每个var只能声明一个变量。
var hangModules = [];
var missModules = [];
var visited = {};
12. 数组、对象
对象属性名不需要加引号;
对象以缩进的形式书写,不要写在一行。
var a = {
b: 1,
c: 2
};
13. 括号
下列关键字后必须有大括号（即使代码块的内容只有一行）
If，else,for,while,do,switch,try,catch,finally,with。
14. Null
使用
34、场景：
初始化一个将来可能被赋值为对象的变量
与已经初始化的变量做比较
作为一个参数为对象的函数的调用传参
作为一个返回对象的函数的返回值
不使用场景：
不要用null来判断函数调用时有无传参
不要与未初始化的变量做比较
// not good
function test(a, b) {
if (b === null) {
// not mean b is not supply
...
}
}
var a;
if (a === null) {
...
}
// good
var a = null;
35、
if (a === null) {
...
}
15. Undefined
永远不要直接使用undefined进行变量判断;
使用typeof和字符串‘undefined’对变量进行判断。
// not good
if (person == undefined) {
...
}
// good
if (typeof person == 'undefined') {
...
}
16. Jshint
比较用‘==’，‘!=’;
if (a == 1) {
a++;
}
不要在内层作用域的代码里声明了变量,之后却访问了外层作用
36、域的同名变量;
// not good
var x = 1;
function test() {
if (true) {
var x = 0;
}
x += 1;
}
变量不要先使用后声明;
不要在同个作用域下声明同名变量;
不要在一些不需要的地方加括号,例：delete(a.b);
不要使用未声明的变量;
数组中不要存在空元素;
// not good
var nums = [];
for (var i = 0; i < 10; i++) {
(function(i) {
nums[i] =
37、function(j) {
return i + j;
};
}(i));
}
不要声明了变量却不使用;
不要在循环内部声明函数;
// not good
function test() {
console.log(x);
var x = 1;
}
17. 杂项
不要混用Tab和Space;
不要在一处使用多个Tab或Space;
行尾不要有空白字符;
不允许有空的代码块。
// not good
var a = 1;
function Person() {
// not goo
38、d
var me = this;
// good
var _this = this;
// good
var that = this;
// good
var self = this;
}
// good
switch (condition) {
case 1:
case 2:
...
break;
case 3:
...
// why fall through
case 4
...
39、 break;
// why no default
}
// not good with empty block
if (condition) {
}
E-JSON数据传输标准
JSON数据类型
JSON（JavaScript Object Notation）是一种轻量级，基于文本，语言无关的数据交换格式。其包括了基本数据类型4种和复合数据类型2种，共6种数据类型。在下面章节中，JSON数据类型的表示法为JSON+空格+数据类型，如：JSON Array。
传输的数据，包括对象属性以及数组成员， 必须(MUST) 是6种JSON数据类型之一。 杜绝(MUST NOT
