手机首页开发手册.docx

开发手册：请使用bootstrap开发html 开发准则：id 命名 请使用英文命名关于行内css，尽量不要在html中增加行内css。代码请保持规范，注意换行，以及缩进，缩进距离为4。块元素、列表元素、表格元素都放在新行。保证代码的最简化，避免多余的空格、空行，保持代码的语义化，尽量使用具有语义的元素，避免使用样式属性和行为属性。任何时候都要用尽量简单、尽量少的元素解决问题。属性顺序。属性应该按照特定的顺序出现以保证易读性。class-id,name-data-*-src,for,type,href-title,alt-aria-*,role。css 开发准则如果不在bootstrap中的class名，请带上前缀Lu_；以区分自己的css和内带bootstrap.css。对CSS选择器的使用只允许派生选择器、类选择器和属性选择器，以及它们的组合使用，严禁使用ID选择器（ID是用于JavaScript的编写）。这是注释最常用的途径，可以为自己或其他开发人员留下提示信息可以避免后期引起的不必要的困惑和麻烦。这种应用简洁性最为重要。4.1 提示和标签信息注释这是注释最常用的途径，可以为自己或其他开发人员留下提示信息可以避免后期引起的不必要的困惑和麻烦。这种应用简洁性最为重要。.searchborder:1px solid #fff; /*Border Color*/ 注意：注释内容和前面样式语句间有3个空格，后面1个空格修改样式注释（时间和相关人员）/*_Styles Updated: Thu 4.8.08 5:15 p.m. Author: hour-*/CSS Sprites技术：将用到的所有小图片（图标）合并为一张图片，使用css背景属性，来控制图片的显示位置和方式。CSS Sprites技术的应用可以大大减少HTTP请求的次数，减轻服务器压力，同时缩短了悬停加载图片所需要的时间延迟，使效果更流畅，不会停顿。（没有掌握的话暂时可以不用）命名规则导航nav页头header主导航mainnav页面主体main顶导航topnav内容content子导航subnav页脚footer菜单menu版权copyright子菜单submenu登陆login标志logo侧栏sidebar广告banner搜索search滚动scroll标签页tab小技巧tips合作伙伴partner加入joinus标题title注册regsiter指南gUIld新闻news下载download按钮button状态status服务service投票vote注释note友情链接friendlink提示信息msgjs开发规范本页面相对简单，请少量引用jq插件，本次开发使用jq1.10版本，不允许加载向下兼容插件。对于图片加载，图片大于200k，尽量使用延时加载，ajax请求，判断图片是否进入可视区，ajax获取到图片的src。代码保持规范，缩进距离4.每行代码不能超过80列。每五行代码请写注释。变量声明必须有注释，并保持一行。在您的页面中优先使用CDN的方式，同时预备一个相同版本的本地jQuery库，以备不时之需。如果可能，尽量保持所有的JS代码和jQuery在页面底部加载。所有用于存储、缓存jQuery对象的变量应该以$前缀命名。最好把使用选择器返回的jQuery对象缓存到变量里，以便重用。尽可能的使用效率更高的ID选择器，因为仅仅使用“document.getElementById()”实现。使用类（Class）选择器时，不要使用元素类型（Element Type）。每个页面只使用一次document的ready事件，这样便于调试与行为流跟踪。不要使用html中的行为语法调用事件(html的onclick事件属性)，那简直是调试者的噩梦。始终使用jquery来绑定、删除事件是一件惬意的事情。当你给多个对象绑定相同的事件时，可以使用事件委派。事件委派中，当我们给父对象绑定事件后，匹配选择器的后代都可以绑定该事件，无论该后代原来就有，还是新增元素。不要过度使用动画效果