文档名称：

WEB前端开发规范文档.doc

格式：doc 大小：67KB 页数：5页

下载后只包含 1 个 DOC 格式的文档，没有任何的图纸或源代码，查看文件列表

如果您已付费下载过本站文档，您可以点这里二次下载

预览

下载此文档

WEB前端开发规范文档.doc

上传人:小雄 2020/12/26 文件大小：67 KB

下载得到文件列表

WEB前端开发规范文档.doc

相关文档

文档介绍

文档介绍：WEB前端开发规范文档
规范目的
为提高团队协作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，特，文档如有不对或者不合适的地方请及时提出，经讨论后决定可以更改此文档.
基本准则
符合web标准，语义化html,结构表现行为分离，，代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度.
文件规范
html, cssjs, images文件均归档至v系统开发规范>约定的日录中；
html文件命名：英文命名，，若界瓯稿命名为屮文，请重命名与html文件同名，以方便后端添加功能时查找对应页面；
css文件命名:英文命名,,,其他页面依实际模块需求命名.；
Js文件命名：英文命名，麻缀.., -K-他依实际模块需求命名.
html书写规范
文档类型声明及编码：统一为html5声明类型<!DOCTYPE html>;编码统一为vmeta charset=Hutf-8n />,书写时利用IDE实现层次分明的缩进；
非特殊情况卜样式文件必须外链至<head>...</head>之间;菲特殊情况卜JavaScript文件必须外链至页面底部；
引入样式文件或JavaScript文件时，须略去默认类型声明，写法如下：
<link rel="stylesheetM href="..." />
<style>...</style>
<script src="..."x/script>
引入JS库文件，文件名须包含库名称及版木号及是否为压缩版，比如jquery・; 引入插件，文件名格式为库名称+插件名称，;
所有编码均遵循xhtml标准，标签&属性&属性命名必须由小写字母及下划线数字组成，且所有标签必须闭合，包括br«br/>),hr«hr/>)^;属性值必须用双引号包括；
充分利用无兼容性问题的html自身标签，比如span, em, strong, optgroup, label,等等;需要为html元素添加白定义属性的时候，首先耍考虑下有没有默认的已有的合适标签去设置, 如果没有，可以使用须以“dala・”为前缀来添加自定义属性，避免使用“daw：“等其他命名方式;
语义化html,如标题根据重要性用h*(同一页面貝能有一个hl),段落标记用p,列表用 ul,内联元素中不可嵌套块级元素；
尽可能减少div嵌套,如vdiv class=nbox"xdiv class二"welcome"〉欢迎访问XXX,您的用户名是<div class=nnameH>用户名</divx/divx/div>完全可以用以卜代码替代：<div class二“box”>vp>欢迎访问 XXX,您的用户名是<span>用户名</spanx/px/div>;
书写链接地址时，必须避免重定向，例如：href=M/",即须在URL地址后面加上“/”；
在页面屮尽量避免使用style属性