没有合适的资源?快使用搜索试试~ 我知道了~
前端开发设计规范文档.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 89 浏览量
2023-03-29
23:06:10
上传
评论
收藏 1.05MB PDF 举报
温馨提示
试读
21页
前端开发设计规范文档.pdf前端开发设计规范文档.pdf前端开发设计规范文档.pdf前端开发设计规范文档.pdf前端开发设计规范文档.pdf
资源推荐
资源详情
资源评论
前端开发设计规范文档
前端开发设计规范
目录
前端开发设计规范 ..................................................................................................................................... 1
一、HTML 使用规范 ................................................................................................................................ 1
1、1、页面文件命名规范 .............................................................................................................. 1
1、2、页面 head 部分书写规范.................................................................................................... 1
1、3、HTML 元素开发规范 ......................................................................................................... 2
1、3、1、HTML 元素书写规范.......................................................................................... 2
1、3、2、HTML 元素命名规范.......................................................................................... 3
二、WEB 页面开发规范 .......................................................................................................................... 3
2、1、错误跳转页面的处理 .......................................................................................................... 3
2、2、提示信息的处理 ................................................................................................................... 4
2、3、页面的返回 ............................................................................................................................ 4
2、4、提交前数据的判断验证 ..................................................................................................... 4
2、5、删除操作 ................................................................................................................................. 4
2、6、页面中 java 代码的使用 ..................................................................................................... 5
2、7、网站页面布局规范 .............................................................................................................. 5
2、7、1、前台页面尺寸 ....................................................................................................... 5
2、7、2、标准网页广告图标规格(参考) ......................................................................... 5
前端开发设计规范文档
2、7、3、页面字体 ................................................................................................................. 6
2、7、4、字体颜色 ................................................................................................................. 6
三、javaScript 开发规范 ............................................................................................................................ 6
3、1、javaScript 文件命名规范: .................................................................................................... 6
3、2、javaScript 开发规范 .............................................................................................................. 6
3、2、1、javaScript 书写规范 .............................................................................................. 6
3、2、2、javaScript 命名规范 .............................................................................................. 7
四、css 样式规范 ........................................................................................................................................ 8
4、1、css 样式文件命名规范 ........................................................................................................ 8
4、1、1、通用样式文件命名规范: .................................................................................... 8
4、1、2、业务类样式文件命名规范 ................................................................................ 9
4、1、3、css 样式文件命名须知 ........................................................................................ 9
4、2、css 样式文件存放目录规范 ............................................................................................... 9
4、3、css 样式定义规范 ............................................................................................................... 10
4、3、1、css 样式内容顶部注释规范 ............................................................................. 10
4、3、2、css 样式内容注释规范 ...................................................................................... 10
4、3、3、css 样式定义规范 ............................................................................................... 11
4、3、4、css 样式常用 id 的命名 ..................................................................................... 11
4、3、5、css 样式常用 class 的命名 ................................................................................ 13
4、4、css 样式书写规范 ............................................................................................................... 13
前端开发设计规范文档
4、4、1、css 样式排版规范 ............................................................................................... 13
4、4、2、css 样式书写风格规范 ...................................................................................... 13
4、4、3、css 样式属性定义顺序规范 ............................................................................. 14
4、4、4、css 样式其她规范 ............................................................................................... 15
4、4、5、css 样式 Hack 的使用 ....................................................................................... 15
4、4、6、字体定义规范 ..................................................................................................... 16
4、4、7、css 样式检测 ........................................................................................................ 16
4、4、8、注意事项 ............................................................................................................... 16
4、5、css 样式引用规范 ............................................................................................................... 17
4、6、媒体内容命名规范 ............................................................................................................ 17
五、项目文件存放规范 .......................................................................................................................... 17
六、前端开发规则 ................................................................................................................................... 18
前端开发设计规范文档
一、HTML 使用规范
1、1、页面文件命名规范
命名格式为:项目名缩写_所属功能_所属功能子项_、、、 、jsp/html…,文件命名下划线
不能超过三个,命名尽量使用简短的能明确表明文件用途的英文或者英文简写。
1、2、页面 head 部分书写规范
1) 、JSP 页面:需要在页面的最开始部分增加以下语句:
2) 、HTML 页面:需要在页面的最开始部分增加以下语
句:
3) 、HTML5 页面:页面添加编码格式可简写为:
4) 、响应式的网页添加如下语句:
5) 、title 元素:一般网页必须添加 title 元素,若为框架页面,则可以不写。title
统一使用中文,title 内容要简洁明了,不能超过 20 个字。
6) 、外部 js 的引用:页面加载时需要用到的 js 文件写在 head 中,引用时不用写
language 属性,HTML5 可以省略 type 属性,如。
7) 、外部 CSS 文件的引用:必须使用 link 方式引入,HTML5 可以省略 type 属性,CSS
文件引入要放在 js 文件前。
前端开发设计规范文档
1、3、HTML 元素开发规范
1、3、1、HTML 元素书写规范
1) 、代码的结构要保持完整性,单个标签必须要关闭,如:<div></div>,<br/>等。
2) 、子元素要比父元素缩进两个字符。
3) 、body 中的所有内容不能直接书写在<body></body>标签中,需要在 body 中嵌入一
层 div,所有的元素需要写在改 div 中。
4) 、除非必要,所有标签元素的样式都需要使用 CSS 文件来定义。
5) 、img 元素:所有展示用图片都要使用 alt 属性添加能简要描述图片的文字说明,如
首页的广告图片等,必须具有 width 与 height 属性。
6) 、所有 Form 都要指定 action 属性,但属性值需要则填写,不需要则留空,method 属
性统一使用 POST;所有 form 表单都要在提交前对输入的数据前进行验证,验证使用
jQuery validate 插件,书写规范如下:
7) 、所有不可更改的 input 元素都要设置 readonly 属性。
8) 、按功能模块添加简单明了的注释,在功能模块的开始标明模块开始,结束时标明模
块结束,注释单独占一行;模块之间留行间隔便于查瞧代码。
剩余20页未读,继续阅读
资源评论
hhappy0123456789
- 粉丝: 61
- 资源: 5万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功