网站建设规范

网站建议规范范普选一、后台语言.............................................................................................................................21、命名.................................................................................................................................22、代码布局.........................................................................................................................2二、前台语言.............................................................................................................................41、JAVASCRIPT脚本语言...............................................................................................42、从HTML过度到XHTML........................................................................................113、DHTML给我带来效果..............................................................................................11三、界面展现...........................................................................................................................111、界面布局.......................................................................................................................112、配色...............................................................................................................................143、样式表...........................................................................................................................154、默认样式规定...............................................................................................................165、样例界面.......................................................................................................................16四、数据库...............................................................................................................................16五、JIRA与VSS....................................................................................................................16六、问题与解决方案..............................................................................................................16一、后台语言1、命名①普通变量命名命名方式：前缀（小写字母）+PASCAL命名方式（字符串这间用大写字母分隔）规定原子类型的有如下几种：原子类型前缀范例整数iiStaffTotal浮点ffPrice字符串ssUserName布尔bbIsShow字符ccChart句柄hhPoint数组aaiAge日期ddCreateDate以上命名方式是应用到有实际意义的变量里的，但对于一些循环语句，如下for(i=0;iiStaffTotal;i++)i的命名方式用上述命名就显得过于臃肿了，对于类似的变量，我们就用简单的命名就行了。②对于类的变量命名属性标记原子类型范例全局变量g_整数ig_iStaffTotal常量c_浮点fc_fPrice静态变量s_整数is_iAge其它m_字符串sm_sUserName③类名命名前缀C+以PASCAL命名方式（字符串这间用大写字母分隔）范例：publicclassCUser④方法或函数命名以PASCAL命名方式（字符串这间用大写字母分隔）范例：publicstringGetUserName(intiUserId)⑤接口命名前缀I+以PASCAL命名方式（字符串这间用大写字母分隔）范例：interfaceIUser2、代码布局类的写法using………//范例类publicclassCExample:IExample,CUser{privateintm_iLength=10;CExample(){}//初始化publicvoidInitExample(){…….//注释说明for(inti=0;im_iLength;i++){if(){//注释说明…….}else{……}}//注释说明while(){switch(iFlag){case1://注释说明…..break;default:……break;}}try{……..}catch(ExceptionhExp){……}}//InitExample方法结束}二、前台语言1、JAVASCRIPT脚本语言1JSONJSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式JSON建构于两种结构：1)“名称/值”对的集合对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’对”之间使用“,”（逗号）分隔。2)值的有序列表（在这里被理解为数组（array））数组是值（value）的有序集合。一个数组以“[”（左中括号）开始，“]”（右中括号）结束。值之间使用“,”（逗号）分隔。3)值可以是双引号括起来的字符串（string）、数值(number)、true、false、null、对象（object）或者数组（array）。这些结构可以嵌套。字符串数值2面向对象面向对象设计是基于以下3个主要原理的：封装，继承和多态。1)面向对象的基础知识⑴JAVASCRIPT内置对象它们是Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、Error以及String对象。⑵prototype属性对于所有的内置对象都有只读的prototype属性，可以向其原型中动态添加功能(属性和方法)，但该对象不能被赋予不同的原型。然而，用户定义的对象可以被赋给新的原型。例子：//父类functionParent(){this.sName=‘’;//姓名}Parent.prototype.GetName=function(){returnthis.sName;}Parent.prototype.SetName=function(sName){this.sName=sName;}//子类functionSon(){}Son.prototype=newParent();//如果是内置对象不能这样做Son.prototype.constructor=Son;Son.prototype.Run=function(){alert(‘跑’);}⑶constructor属性constructor属性是所有具有prototype的对象的成员。它们包括除Global和Math对象以外的所有JScript内部对象。constructor属性保存了对构造特定对象实例的函数的引用。例子：pSon=newSon();if(pSon.constructor===Son){}//返回真2)继承常用的类的继承方法：⑴类的抄写functionSon(){varpParent=newParent();for(varkeyinpParent){this[key]=pParent[key];}}⑵类的冒充functionSon(){this.Parent=Parent;this.Parent();deletethis.Parent;}或functionSon(){Parent.call(this);}补充：call方法：调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[,arg2[,[,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1,arg2,,argN可选项。将被传递方法参数序列。说明call方法可以用来代替另一个对象调用一个方法。call方法可将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象。如果没有提供thisObj参数，那么Global对象被用作thisObj。Apply方法：apply([thisObj[,argArray]])参数thisObj可选项。将被用作当前对象的对象。argArray可选项。将被传递给该函数的参数数组。说明如果argArray不是一个有效的数组或者不是arguments对象，那么将导致一个TypeError。如果没有提供argArray和thisObj任何一个参数，那么Global对象将被用作thisObj，并且无法被传递任何参数。call和apply的作用是一样的，只不过call是将各个参数以“,”隔开,而apply是将所有参数组成一个数组或是arguments对象进行传递。⑶原型继承functionSon(){}Son.prototype=newParent();Son.prototype.constructor=Son;3）高级特性⑴闭包闭包简单的解释是，ECMAScript允许innerfunctions(嵌套函数)：函数可以定义在另外一个函数里面。这些内部的函数可以访问outerfunction（父函数）的local变量，参数，其它内部函数。当内部函数被构造，并可以在函数外被获得（函数当成返回值），这个内部函数在outerfunction返回后被执行（在outer函数外执行），那一个闭包形成了。闭包特征：A、作为一个函数变量的一个引用，当函数返回时，其处于激活状态；B、一个闭包就是当一个函数返回时，一个没有释放资源的栈区。例子：varpMsg=(function(){varsMsg=‘Hello’;returnfunction(){returns