- 1、本文档共7页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
WEB 前端开发规范文档
目录
WEB 前端开发规范文档 1
规范目的 2
基本准则 2
文件规范 2
html 书写规范 3
html 其他规范 3
css 书写规范 4
JavaScript 书写规范 5
jQuery 部分 6
开发及测试工具约定 6
其他规范 6
规范目的
为提高团队协作效率 , 便于后台人员添加功能及前端后期优化维护 , 输出高质量的文档 , 特制订此文
档 : 本规范文档一经确认 , 前端开发人员必 须按本文档规范进行前台页面开发 : 本文档如有不对或者不合
适的地方请及时提出 , 经讨论决定后方可更改 :
基本准则
1: 符合 web 标准 , 语义化 html, 遵循内容( HTML )、显示( CSS )、行为( JavaScript )分离的 代
码组织模式。
2 :代码格式化,保持干净整洁。
3 :换行必须缩进一个 tab 。
4 :编写所有前台页面时,请使用已有模板进行复制,在模板的基础上进行开发。
5 :每一个页面都必须有一个独立的 css ,js 文件。
6 :如果不是用 HTML5 编写的网站,请用 IE7, IE8 ,IE9 ,火狐, 谷歌, webkit ,safari 内核进行测试
兼容性。
7 :如果是 HTML5 编写的网站,请用 IE9,火狐,谷歌, webkit , safari 内核进行测试兼容性。
文件规范
1: html, css, js, images 文件均归档至 系统开发规范 约定的目录中 ;
2: html 文件命名 : 英文命名 , 后缀 :htm: 同时将对应界面稿放于同目录中 , 若界面稿命名为中文 , 请重
命名与 html 文件同名 , 以方便后端添加 功能时查找对应页面 ;
3: css 文件命名 : 英文命名 , 后缀 :css: 共用 base:css, 首页 index:css, 其他页面依实际模块需求命名 :;
4: Js 文件命名 : 英文命名 , 后缀 :js: 共用 common:js, 其他依实际模块需求命名 :
html 书写规范
1:所有元素都必须小写,属性也是,如: input type= ”text ” id= ”idName ” / 正确
INPUT TYPE= ”text ” ID= ”idName ” / 错误
2 : 元素必须成对出现,如 span 必须写成 span/span 特殊元 素 除 外 , 如 : br /hr
/img /input /
3 :标签中不允许出现样式,必须用 class 来声明样式,如:
input type= ”text ” id= ”idName ” style= ”text-align:right; ” / 错误
input type= ”text ” id= ”idName ” class= ”class-name ” / 正确
4 :元素 id 命名必须是驼峰式命名如:
input type= ”text ” id= ”idName ” / 正确
input type= ”text ” id= ”idname ” / 错误
input type= ”text ” id= ”id-name ” / 错误
5 :元素 class 命名规范是:
元素简写 + ”- ”+ 功能名,如:
button calss= ”btn-save ”/button 正确
button calss= ”btnSave ”/button 错误
button calss= ”save ”/button 错误
6 :元素 name 命名必须遵循驼峰式命名法。
input type= ”text
您可能关注的文档
最近下载
- 预制u型渠道施工方案.docx VIP
- 2025年人教版七年级下册生物第四单元人体生理与健康(一)第五章人体内废物的排出章末复习.pptx VIP
- 译林版英语三年级下册知识点总结.docx VIP
- “哪吒、DeepSeek”爆火彰显文化自信PPT.ppt
- 2023辅警公共基础知识100题及答案.docx VIP
- 辅警公共基础知识100题及答案.docx VIP
- 【英语字帖】苏教译林版英语小学四年级上册单词表衡水体练字描红字帖(含音标).pdf VIP
- WA7527塔吊性能说明书-WA7527-16D操作手册WA2022版.pdf
- 香烟过滤嘴功能性材料开发.docx
- 《有机物分子式与分子结构的确定》课件.pptx VIP
文档评论(0)