文档介绍:前端开发规范
基本准则
符合web原则,语义化html,构造体现行为分离,兼容性优良. 页面性能方面,代码规定简洁明了有序,尽量减小服务器负载,保证最快解析速度.
二、文献规范
1. html,css,js,images文献均归档至商定目录中;
2. html文献命名:英文命名,. 同步将相应界面稿放于同目录中,若界面稿命名为中文,请重命名与html文献同名,以以便后端添加功能时查找相应页面;
3. css文献命名:英文命名,. ,,其她页面依实际模块需求命名.;
4. Js文献命名:英文命名,. ,其她依实际模块需求命名.
书写规范
HTML
,移动端参照template-
1. 文档类型声明及编码:统一为html5声明类型<!DOCTYPE HTML>;编码统一为<meta charset="utf-8" />,书写时运用IDE实现层次分明缩进;
2. 非特殊状况下样式文献必要外链至<head></head>之间;非特殊状况下JavaScript文献必要外链至页面底部;
3. 引入样式文献或JavaScript文献时,须略去默认类型声明.
CSS:<link rel=”stylesheet” href=”css/” />
JS:<script src="js/"></script>
4. 引入JS库文献,文献名须包括库名称及版本号及与否为压缩版,例如jquery-;引入插件,文献名格式为库名称+插件名称,;
5. 所有编码均遵循xhtml原则,标签 & 属性 & 属性命名 必要由小写字母及中、下划线数字构成,且所有标签必要闭合;属性值必要用双引号涉及;
6. 充分运用无兼容性问题html自身标签,例如span,em,strong,optgroup,label,等等;需要为html元素添加自定义属性时候,一方面要考虑下有无默认已有适当标签去设立,如果没有,可以使用须以”data-”为前缀来添加自定义属性,避免使用”data:”等其她命名方式;
7. 语义化html,如 标题依照重要性用h(同一页面只能有一种h1),段落标记用p,列表用ul,内联元素中不可嵌套块级元素;
8. 尽量减少div嵌套
9. 书写链接地址时,必要避免重定向,例如:href=””,即须在URL地址背面加上“/”;
10. 在页面中尽量避免使用style属性,即style=”…”;
11. 能以背景形式呈现图片,尽量写入css样式中;
12. 重要图片必要加上alt属性;给重要元素和截断元素加上title;
13. 给区块代码及重要功能(例如循环)加上注释,以便后台添加功能;
14. 特殊符号使用:尽量使用代码代替:例如 <(<) & >(>) & 空格( ) & »(») 等等;
15. 书写页面过程中,请考虑向后扩展性;
 
CSS
1. 编码统一为utf-8;
2. class