前端代码规范

最新推荐文章于 2015-07-05 16:55:27 发布

2008winstar

最新推荐文章于 2015-07-05 16:55:27 发布

阅读量445

点赞数

分类专栏： JavaScript HTML5 CSS 文章标签： html css javascript

本文链接：https://blog.csdn.net/winstar1688/article/details/42585001

版权

33 篇文章 0 订阅

订阅专栏

19 篇文章 0 订阅

订阅专栏

10 篇文章 0 订阅

订阅专栏

Web 前端代码规范

必须

1 结构、样式、行为三层分离；

2 采用统一的缩进（两个或四个空格/Tab）；

3 嵌套标签应当缩进一次，必须合理嵌套；

4 HTML页面必须包含文档类型声明，采用HTML5文档类型声明；

<!doctype html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
</head>
<body>
	
</body>
</html>

5 CSS样式全部采用外链的方式在<head>标签中引入；禁用行内样式，复用已有的样式规则；

6 所有标签和属性名称必须小写，标签的属性值全部使用双引号，不采用属性简写方式；

<input type="checkbox" checked="checked">

7 JavaScript脚本在body结束标签（</body>）前引入（除了影响页面初始化加载显示的JavaScript脚本需放在<head>头部标签里面，其余的都放在</body>标签前）。

8 JavaScript中声明数组和对象采用字面量的方式声明；

9 避免全局变量；采用局部变量；

10 不用HTML5废弃的标签，如<font>，<s>，<center>，……

建议

1 不用在自闭合标签的尾部添加斜线

不用：<br/>，

采用：<br>

2 引入CSS文件时，如果type的值为text/css，则不需要指定type属性

不用：<link rel=“stylesheet” type=“text/css” href=“style.css”>

采用：<link rel=“stylesheet” href=“style.css”>

3 引入JavaScript脚本时，如果type的值为text/javascript，则不需要指定type属性；

不用：<script type=“text/javascript” src=“script.js”></script>

采用：<script src=“script.js”></script>

4 JavaScript脚本中字符串统一使用单引号；

5 JavaScript代码每条语句结束必须以分号结束；

6 JavaScript变量的声明采用单var形式；

7 使用class与样式关联；使用id与行为关联；样式与行为解耦。

8 建议class的命名采用带横线的形式，如 “btn-primary”，id的命名采用驼峰式，如“addBtn”。

关注