前端开发设计规范.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