前端开发规范.docVIP

Web前端开发规范手册 一、规范目的1.1 概述 ..................................................................................................................................... 1 二、文件规范2.1 文件命名规则.........................................................................................................................1 2.2 文件存放位置..........................................................................................................................2 2.3 css 书写规范..........................................................................................................................3 2.4 html书写规范.........................................................................................................................7 2.5 JavaScript书写规范.............................................................................................................11 2.6 图片规范...................................................................................................................................12 2.7 注释规范...................................................................................................................................132.8 css 浏览器兼容.......................................................................................................................13 一、规范目的 1.1 概述 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 增强团队的开发协作，提高代码质量和打造开发基石的编码风格规范，其中包含了HTML,JavaScript 和 CSS这几个部分,我们知道，当一个团队开始指定并实行编码规范的话，错误就会变得更加显而易见。如果一段特定的代码不符合规范的话，它有可能只是代码风格错误，而也有可能会是 bug。早期指定规范就使得代码审核得以更好的开展，并且可以更精确的地定位到错误。只要开发者们能够保证源代码源文件都严格遵循规范，那接下去所使用的混淆、压缩和编译工具则可投其所好不尽相同。输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后可以更改此文档. 一 WEB标准 1 WEB 标准 WEB 标准不是一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（ Structure）、 表 现 （Presentation）和行为 （Behavior）。对应的标准也分三方面：结构化标准语言主要包括 XHTML 和 XML, 表现标准语言主要包括 CSS，行为标准主要包括对象模型（如 W3C DOM）、 ECMAScript 等。这些标准大部分由 W3C 起草和发布 ，也有一些是其他标准组织制订的标准 ，比如 ECMA （European Computer Manufacturers Association）的 ECMAScript 标准。我们来简单了解一下这些标准： 1.11 结构标准语言 （1）XML XML 是 The Extensible M