前端开发10、及测试工具约定_第1页
前端开发10、及测试工具约定_第2页
前端开发10、及测试工具约定_第3页
前端开发10、及测试工具约定_第4页
前端开发10、及测试工具约定_第5页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

为提高团队协作效率,便于人员添加功能及前端后期优化,输出高质量的文档,同是为有一个更好的前端架构，的发展及未来打好一个基础。本文档不对或者不合适的地方请提出webhtml,序,尽可能的减小服务器负载,保证最快的解析速度.、html,css,js,images文件均归档至<系统开发规范>约定 、html_&title&_名,以方便添加功能时查找对应页面，团结里的相互理解。例如：我的好股网里的TAB命名大模块名称_小模块的titile.html 我的好股网_关注.html、css文件命名:英文命名,后缀.css.初始化样式reset.css，其他样式依实际模块页面需求命名，共用样式一般以模块考虑来划分命名,修改的css文件可以采用&_时间日期 、Js英文命名,后缀.mon.js,5.5、命名html书写规、文档类型及编码:统一用<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""">;编码统一为<metacharset=”utf-8″/>。目的:统一性和提高开发合作效率、非特殊情况下样式文件必须外链至<head>…</head>JavaScript链至页面底部</body>之前;目的:的优化。、所有编码均遵循xhtml标准,&属性&属性命名必须由小写字母及下划线数字组成,且所有必须闭合,包括br(<br/>),hr(<hr/>)等;属性值必须引号包括;目的:更加符合web标准(w3c),seo。、充分利用无兼容性问题的html自身,比如span,em,strong,optgroup,label,等等目html,h*(h1),p,、尽可能减少div嵌套,如<divclass=”box”><divclass=” e”>欢迎XXX,您的用户名是<divclass=”name”>用户名</div></div></div>完全可以用以下代码替代:<divclass=”box”><p>欢迎XXX,您的用户名是<span>用户名</span></p></div>;目的：减少代码量，也有利于seoJSjquery-引入插件,文件名格式为库名称+插件名称,比如jQuery.、书写地址时,必须避免重定向，例如：href=”ht 、在页面中尽量避免使用style属性,即style=”…”除非考虑http请求，响应速度等因素情况具体分析;、严格区分作为内容的和作为背景的。作为背景的采用Csssprite技术，放在一张大图里。Csssprite技术的优点是减少了http请求数，但使面向css的backround-position增加了耦合度，也增加了成本。如果有修改，不要删除已添加的，在空白处新增修改后的Csssprite、必须加上alt属性;给重要的元素和截断的元素加上title;目的:有利于seo，搜索引擎&&&css书写规样式命名推荐使用英文避免使用汉语拼音,尽量使用简易的单词组合;命名方式参照《WEBCSS y, y,position,float,clear,visibility,table-layout等自身属性（比如：widthheightmarginpaddingborder等文本属性（比如：fontline-heighttext-aligntext-indentvertical-align等其他属性（比如：colorbackgroundopacitycursor,contentlist-stylequotes等继承属性示例：<ulclass=”list”><li>这儿是标题列表<span>2010-09-15</span></ul>样式表：ul.listli{position:relative}ul.listlispan{position:absoluteright:0}避免自选择器。#testspan｛｝和#test.span｛｝尽量选择后者。采用继承继承属性示例：<ulclass=”list”><li>这儿是标题列表<span>2010-09-15</span></ul>样式表：ul.listli{position:relative}ul.listlispan{position:absoluteright:0}样式表文字体名,请务必转码成unicode码,以避免编码错误时乱码使用table时,请不要用width/height/cellspacing/cellpadding等table属性直接定tablethead,tr,th,td,tbody,tfoot,colgroup,scope;(cellspaingcellpaddingcss法:table{border:0;margin:0;border-collapse:collapse;}tableth,tabletd{padding:0;},base.css尽量不使用<metahttp- patible”content=”IE=7″/>兼容ie8,和代*html用png做时,要求格式为png-8格式,若png-8实在影响质量或其中有半透明效果,请参考文档《IE6pngtext-shadow（文字阴影）、css3position:absolute||float目的：css书写规范主要提高效率方便面想关人员的修改，提高的扩展性(根据情况不一JavaScript书写规utf-8,down造成的代码污染(沉冗，代码注入…)等，有的可以firefox的一些扩展插件分析;库引入:原则上仅引入jQuery库,若需引入第库,须与团队其他人员讨论决定htmlreflow, 规7.2格式仅限于gif||png||||||_||||尽量用易懂的词汇,便于团队其他成员理解;另,命名分头尾两部分,用下划线隔开,比如ad_left01.gif||btn_submit.gif;尽量避免使用半透明的png(若使用,请参考css规范相关说明cssspritehttpspritepsd源图中划参考线,并保存至 下htmlcss/*这儿是注释JavaScript/*FireFox&IE6&IE7&IE8Opera&FireFox–>IE7–>IE8–>IE6–>Opera–>Chrome,firebugIETabPlusIETestercssCSSCSS也未必能在目前众多的终端浏览器中呈现一致的效果，所以，CSSHack在很多

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论