《前端交互面设计要求》由会员分享，可在线阅读，更多相关《前端交互面设计要求（10页珍藏版）》请在金锄头文库上搜索。
1、 项目名称任我游门户项目型号任我游门户前端交互页面设计规定文档编号： 文档版本：.0 拟制部门_软件技术部_拟 制 _李祖玉 _年_月 1_日审 核_ _ _年_月 日原则化审查 _ 年 月 日批 准 年 月 日文献更改记录版本号更改内容方式更改人更改日期1.创立创立李祖玉-21目录.规范阐明62.编码方式3注释64.页面构造布局64.使用HTM5原则4.采用D布局5.样式设计规定75.1.避免使用CS eressions5.2.合并样式中图片75.尽量引用外部的CSS5.4.CS引用放在顶部76S设计规定86.1.统一使用Jquery框架8.2JS尽量放在页面底部7.MyGou静态文献目录构
2、造88.版本控制9.前端页面进度安排91. 规范阐明为规范管理前端页面设计,提高页面加载速度,改善顾客体验，便于项目的维护、更新和升级，特制定此原则。2. 编码方式统一使用UT编码3. 注释HML、CS、S文献都要写上注释。TML注释:构造体比较大时,分别在开始标签和结束标签写上注释（如: !- cntainer end -);每个单独完整的构造体可以在开始和结束标签写上功能名称（如:)。CS注释：在css的文献的头部写上创立日期、修改内容等注释信息；每段HL构造样式写上区块名称（如：/*tobar tart*/* oolbarn *)。J注释:在js的头部写上创立日期、修改内容等注释信息；在
3、每个fct写上注释阐明;功能复杂的funct在内部注释阐明。4. 页面构造布局合理的构造布局可以提高页面的加载速度，使浏览器兼容性更强,可读性更好,有助于h元素构造的重用和封装。4.1. 使用HTML原则 HTL原则是目前eb的发展方向,虽然HT中的元素目前并不为所有浏览器所支持，但HTML5文档构造定义!dctpe html各浏览器都可以在原则模式下解析页面,而不需要指定某个类型的DTD。4.2. 采用DIV布局页面统一使用DIV布局构造，谨慎使用表格（尽量不用),至少化ifrm数量。5. 样式设计规定5.1. 避免使用SS epressions体现式计算开销很大,影响web加载性能;暴露了
4、一种脚本执行环境,CS体现式就构成了一种也许的脚本注入袭击方向；IE8的原则模式不再支持CSS体现式。5.2. 合并样式中图片为了减少页面http的祈求数量，加快web页面祈求速度，特别是样式中使用的图片比较多,给页面加载带来了承当。把样式中使用的图片归类并合并在一起,使用时用位置点来控制显示区域。5.3. 尽量引用外部的CS外部引用css文献有也许被浏览器缓存起来,不用每次都去服务器祈求。内部引用s文献，有也许涉及在动态的hml文档构造中,每次都要从服务祈求下载,影响了eb加载速度。5.4. CS引用放在顶部css放在页面要顶部,可以加快页面渲染速度,改善顾客体验。6. JS设计规定6.1.
5、 统一使用Jquery框架Jquery是继prtotype之后又一种优秀的avascrpt框架。它是轻量级的j库（压缩后只有1k) ,它兼容CSS3，还兼容多种浏览器（I6.+, FF +, Safai 20+,er 9.0+)。jQery使顾客能更以便地解决MLocuments、evets、实现动画效果，并且以便地为网站提供AJA交互。jQuey尚有一种比较大的优势是，它的文档阐明很全，并且多种应用也说得很具体，同步尚有许多成熟的插件可供选择。jQuy可以使顾客的html页保持代码和ml内容分离，也就是说，不用再在html里面插入一堆来调用命令了，只需定义d即可。6.2. J尽量放在页面底部
6、JS会阻塞页面加载,由于html文档是从上而下来渲染页面，S放在底部，不会影响页面渲染，改善顾客体验。7. MGou静态文献目录构造Myo静态文献目录构造为了规范和管理静态文献，页面中所有的静态文献以模块的方式寄存在不同的文献夹中,便于后来的管理和维护。文献目录构造如下：目录构造阐明stti/ygu/(ss|i|tl|ls）/commo公共文献夹static/mgou/(js|s|image|htlfl)/accout帐号模块(顾客注册、顾客登录、忘掉密码等)stcmygou/(js|c|ige|hmlalsh）/usr顾客模块(添加好友,删除好友，管理好友列表,管理好友分组，添加分组,删除分
7、组，移动分组等)staic/mgu/(js|cs|imagehtml|fsh）/uip设备模块(添加设备，删除设备,设备升级提示等)stati/ygu(jcss|mge|tm|falh)/ntie消息模块（管理消息列表，答复消息,删除消息等）tti/mygou/(s|css|imae|hmlfalsh)won航点模块(添加航点,删除航点，管理航点列表,航点分组,航点分组管理,管理航点分组列表等)8. 版本控制每次提交的版本,必须带有版本号，对每次提交的内容有较好的版本控制。9. 前端页面进度安排日期进度阐明02-06完毕首页和一张内页设计稿供评审使用-02-网站整体风格确认通过评审确认网站设计风格-0-27整个网站重构页面完毕，可交开发使用重构页面从登录注册页面开始，再到各模块，具体安排与开发沟通。-0-0与开发一起调试、BUG修复完毕修复各浏览兼容性问题，js脚本报错，局部样式调节等
