前端代码开发规范标准

《前端代码开发规范标准》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、....前端代码编写规范一、规范目的为提高团队协作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，特制订此文档。本规范文档一经确认，前端开发人员必须按本文档规范进行前台页面开发。本文档如有不对或者不合适的地方请及时提出，经讨论决定后方可更改。二、基本准则符合WEB标准，语义化HTML，结构化表现行为分离，代码兼容性优良。页面性能方面，代码要求简洁明了有序，尽可能的减小服务器负载，保证最优最快的解析速度。三、文件规范1．Html，Css，Js，Images文件均归档至约定的目录中;目录命名尽可能使

2、用英文，语义化，公用部分和各模块分开。比如：公用部分可放在comm目录文件夹下，各功能模块各建一个有意义的文件夹;2．Html文件命名：英文命名，整个网站统一后缀，不要同时出现shtml、shtm、html、htm;本规范采用“.html”。同时将对应界面稿放于同目录中，若界面稿命名为中文，请重命名与html文件同名，以方便后端添加功能时查找对应页面;3．css文件命名：英文命名，后缀.css。共用common.css，首页index.css，其他页面依实际模块需求命名;4．Js文件命名：英文命名，后缀.js。

3、共用common.js，其他依实际模块需求命名。JS文件必须存入统一的JS目录文件夹;四、HTML书写规范1．文档类型声明及编码：统一为html5声明类型;编码统一为，书写时利用IDE实现层次分明的缩进;2．非特殊情况下样式文件必须外链至…之间;非特殊情况下JavaScript文件必须外链至页面底部;3．引入样式文件或JavaScript文件时,须略去默认类型声明,写法如下:

4、t”href=”…”/>4．引入JS库文件，文件名须包含库名称及版本号及是否为压缩版，比如jquery-1.4.1.min.js;引入插件，文件名格式为库名称+插件名称，比如jQuery.cookie.js;5．所有编码均遵循xhtml标准，标签&属性&属性命名，必须由小写字母及下划线数字组成，且所有标签必须闭合，包括br(
)，hr(

5、性问题的html自身标签，比如span，em，strong，optgroup，label等等;需要为html元素添加自定义属性的时候，首先要考虑下有没有默认的已有的合适标签去设置，如果没有，可以使用须以”data-”为前缀来添加自定义属性，避免使用”data:”等其他命名方式;7．语义化html，如：标题根据重要性用h*(同一页面只能有一个h1)，段落标记用p，列表用ul，内联元素中不可嵌套块级元素;8．尽可能减少div嵌套,如：专注专业....

6、e”>欢迎访问XXX,您的用户名是用户名