web前端开发规范方案文档

web前端开发规范方案文档

ID:21214518

大小:29.29 KB

页数:6页

时间:2018-10-20

web前端开发规范方案文档_第1页
web前端开发规范方案文档_第2页
web前端开发规范方案文档_第3页
web前端开发规范方案文档_第4页
web前端开发规范方案文档_第5页
资源描述:

《web前端开发规范方案文档》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、WEB前端开发规范文档目录WEB前端开发规范文档1规范目的2基本准则2文件规范2html书写规范2html其他规范3css书写规范4JavaScript书写规范5jQuery部分5开发及测试工具约定6其他规范6规范目的  为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档:本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发:本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改:基本准则1: 符合web标准,语义化html,遵循内容(HTML)、显示(CSS)、行为(JavaScript

2、)分离的代码组织模式。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文件命名:英文命名,后

3、缀:htm:同时将对应界面稿放于同目录中,若界面稿命名为中文,请重命名与html文件同名,以方便后端添加功能时查找对应页面; 3:css文件命名:英文命名,后缀:css:共用base:css,首页index:css,其他页面依实际模块需求命名:; 4:Js文件命名:英文命名,后缀:js:共用common:js,其他依实际模块需求命名:html书写规范1:所有元素都必须小写,属性也是,如:正确错误2:元素必须成对出现,如

4、必须写成特殊元素除外,如:


3:标签中不允许出现样式,必须用class来声明样式,如:错误正确4:元素id命名必须是驼峰式命名如:正确错误

5、e=”text”id=”id-name”/>错误5:元素class命名规范是:元素简写+”-”+功能名,如:正确错误错误6:元素name命名必须遵循驼峰式命名法。正确错误

6、误7:元素属性必须有值:正确8:元素属性必须用双引号,不允许使用单引号。正确错误9:如果元素需要自定义属性,请用data-xxx方式命名。10:严禁使用已在XHTML1:0中已移除的标签,如:s,i,b,font等html其他规范  1:文档类型声明及编码:统一为html5声明类型;编

7、码统一为,书写时利用IDE实现层次分明的缩进;  2:非特殊情况下样式文件必须外链至:::之间;非特殊情况下JavaScript文件必须外链至页面底部;  3:引入样式文件或JavaScript文件时,须略去默认类型声明,写法如下:ExampleSourceCode[www:52css:com]  4:引入JS库文件,文件名须包

8、含库名称及版本号及是否为压缩版,比如jquery-1:4:1:min:js;引入插件,文件名格式为库名称+插件名称,比如j

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。