1 / 27
文档名称:

前端开发设计规范.docx

格式:docx   大小:92KB   页数:27页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

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

分享

预览

前端开发设计规范.docx

上传人:曾英雄 2022/7/10 文件大小:92 KB

下载得到文件列表

前端开发设计规范.docx

相关文档

文档介绍

文档介绍:The latest revision on November 22, 2020
前端开发设计规范
前端开发设计规范
目录
单需要具有输入内容的提示信息,可使用placeholder属性来定义或者自定义,颜色必须使用灰色,字体比网站使用字体小。
、删除操作
所有涉及删除的操作,需要用户进行确认之后才能进行操作。
、页面中java代码的使用
页面中不允许使用<% %>的方式嵌入java代码。
、网站页面布局规范
、前台页面尺寸
、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定,1024*768下,网页宽度保持在1002以内,不会出现水平滚动条,高度同样视版面内容决定。
、根据第一条原则,规定网页的尺寸为width=960px,height=600px。
、页面长度原则上不超过3屏(可根据实际情况设定),宽度不超过1屏。
、全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px。
、每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K。
、标准网页广告图标规格(参考)
、120*120,适用于产品或新闻照片展示。
、120*60,主要用于做LOGO使用。
、120*90,主要应用于产品演示或大型LOGO。
、125*125,适于表现照片效果的图像广告。
、234*60,适用于框架或左右形式主页的广告链接。
、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。
、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。
、88*31,主要用于网页链接,或网站小型LOGO。
、页面字体
正文内容中文统一使用宋体(可根据需要设定),大小为12px,标题使用14px加粗,不建议使用13px字,英文字体使用Arial和Helvetica/Univers。
、字体颜色
、正文使用灰黑色#333333。
、超链接可以使用蓝色#1f376d或#425c9e,也可以根据整体页面布局进行调整,整个网站的文字超链接样式要统一。
三、javaScript开发规范
、javaScript文件命名规范:
、可通用的javaScript文件:项目名称缩写-。
、其他javaScript文件:所属功能-。
、javaScript开发规范
、javaScript书写规范
、javaScript代码都需要写在javaScript文件中,在页面中进行调用,调用代码除页面加载时需要用到的外全都写在页面最低端。
、如验证用javaScript代码等,每个页面不同且比较短的,可以写在页面的最底端,从最后一个外部javaScript引入命令后开始。
、脚本变量开发规范:变量的使用尽量缩小到小的作用域。如循环使用。
、尽量避免使用全局变量。
、每一句语句都要以分号“;”结束。
、函数程序体缩进四个空格,Tab键为4个空格,以Tab键作为缩进单位。
、函数名与“(”之间不应该有空格,“)”与“{”之间加空格。
、函数体之间应当加空行。
、如果代码本身是清楚的,则只需要在函数定义前,添加简单注释说明该函数的作用,若代码本身比较复杂,可在个别语句后添加简洁明了的注释。
、javaScript命名规范
、常量以及全局变量名必须全部使用大写字母。
、不要再命名中使用“$”和“\”等特殊字符,不要把“_”作为变量名的第一个字符和最后一个字符。
、变量名必须使用其类型的缩写字符串开始。各种类型的缩写字符串如下:
整型变量
int
长整型变量
lng
浮点型变量
flt
双精度变量
dbl
对象变量
obj
字符串变量
str
Date类型变量
dtm
数组
ary
临时变量
tmp
、变量名必须采用有意义的单词命名,如:strUserName、lngArrayIndex,以及不要出现数字编号命名,如:value1,value2…
、如果变量名过长可以使用单词缩写,除了被广泛了解的单词缩写以外,所有使用单词缩写的变量名必须在定义时给出注释,如:
、参数变量命名必须加前缀:p_。
、function命名规范:使用动词+名词的方式,并且命名需要明确指出其作用,动词前缀必须是同函数功能相关的完整动词,如getUserId(),用来取用户Id。
、所有命名使用小驼峰命名法:第一个单词全部使用小写,其他单词首字母大写,如:myClassName。
四、css样式规范
、css