前端代码规范文档_第1页
前端代码规范文档_第2页
前端代码规范文档_第3页
全文预览已结束

下载本文档

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

文档简介

前端代码规范文档前端代码规范文档 前端代码规范文档规范目的为提高团队协作效率 便于后台人员添加 功能及前端后期优化维护 输出高质量的文档 基本准则符合web标准 语义化html 结构表现行为分离 兼容性优良 页面性能方面 代码要求简洁明了有序 尽可能的减小服务器负载 保 证最快的解析速度 文件规范html css js images文件均归档至约定的目录中 html书写规范1 文档类型声明及编码 DOCTYPE声明过渡型 Transit ional 严格型 Strict 框架型 Frameset 如 设定编码 2 非特殊情况下样式文件必须外链至 之间 非特殊情况下JavaScr ipt文件必须外链至页面底部 3 所有编码均遵循xhtml标准 标签原则上所有功能均根据XXX 项目需求原生开发 以避免网上down下来的代码造成的代码污染 沉 冗代码 与现有代码冲突 库引入 原则上仅引入jQuery库 若 需引入第三方库 须与团队其他人员讨论决定 变量命名 驼峰式命名 原生JavaScript变量要求是纯英文字母 首字母须小写 如iTaoLun 2 3 jQuery变量要求首字符为 其他与原生JavaScript规则相同 如 iTaoLun 另 要求变量集中声明 避免全局变量 4 5 6 7 类命 名 首字母大写 驼峰式命名 如ITaoLun 函数命名 首字母小写驼峰 式命名 如iTaoLun 命名语义化 尽可能利用英文单词或其缩写 尽 量避免使用存在兼容性及消耗资源的方法或属性 比如eval 8 后期优化中 JavaScript非注释类中文字符须转换成unicode 编码使用 以避免编码错误时乱码显示 代码结构明了 加适量注释 提高函数重用率 10 注重与html分离 减小reflow 注重性能 9 图片 规范1 所有页面元素类图片均放入img文件夹 测试用图片放于img d emoimg文件夹 2 图片格式仅限于gif png jpg 3 命名全部用小写 英文字母 数字 的组合 其中不得包含汉字 空格 特殊字符 尽量用易懂的词汇 便于团队其他成员理解 另 命名分头尾两部分 用下划线隔开 比如ad left01 gif btn submit gif 4 在保证视觉 效果的情况下选择最小的图片格式与图片质量 以减少加载时间 5 尽量避免使用半透明的png图片 若使用 请参考css规范相关说明 6 运用css sprite技术集中小的背景图或图标 减小页面请求 但注意 请务必在 对应的sprite psd源图中划参考线 并保存至img目录下 注释规范1 html注释 注释 格式 只能在注释的始末位置 不可置入注释文字区域 2 css注释 注释格 式 这儿是注释 3 JavaScript注释 单行注释使用 这儿是单行 注释 多行注释使用 这儿有多行注释 开发及测试工具约定1 测 试工具 前期开发仅测试FireFox2 建议测试顺序 FireFo
人人文库> 全部分类> 教育资料 > 中学教育

温馨提示

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

最新文档

评论

0/150

提交评论