第 1 页前端系统开发说明书1.一般规则应用在 HTML,JavaScript 和 CSS 上的通用规则。1.1.文件、资源命名•以可读性而言，中划线用来分隔文件名•确保文件命名总是以字母开头而不是数字•特殊含义的文件，需要对文件增加前后缀或特定的扩展名（比如.min.js,.min.css）,抑或一串前缀（比如 all.main.min.css）。使用点分隔符来区分这些在文件名中带有清晰意义的元数据。1.2.文本缩进一次缩进 4 个空格。1.3.代码检查对于前端 JavaScript 这种比较宽松自由的编程语言来说，严格遵循编码规范和格式化风格指南极为重要。前端开发人员需严格遵循开发规范，并且使用自动代码检查工具（如 JSHint）降低语法错误，确保代码正确执行 oJSHint 是一款检查 JS 代码规范与否的工具，用来检查 JS 代码的规范性。它提供了配置的方法，来检查不符合开发规范的错误。1.4.黄金定律永远遵循同一套编码规范--可以是这里列出的，也可以是你自己总结的。不管有多少人共同参与同一项目，一定要确保每一行代码都像是同一个人编写的。2.HTML 规范2.1. 文档类型 HTML5docType使用 HTML5 的文档类型申明：第 2 页html5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 doctype 来规范浏览器的行为（让浏览器按照他们应该的方式来运行）而 HTML4.01 基于 SGML，所以需要对 DTD 进行引用，才能告知浏览器文档所使用的文档类型。2.2. media 标签//禁止数字识自动别为电话号码大部分 4.7~5 寸的安卓设备的 viewport 宽设为 360px,iPhone6 上却是 375px，大部分 5.5 寸安卓机器（比如说三星 Note）的 viewport 宽为 400，iPhone6plus 上是 414px。2.3■语言属性（Languageattribute）强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻译时所应遵守的规则等等。更多关于 lang 属性的知识可以从此规范中了解。HTML 语言代码参考手册 上的文章可以获得更多有用的信息。2.4.字符编码通过明确声明字符编码，能够确保浏览器快速并容易的判断页面内容的渲染方式。这样做的好处是，可以避免在 HTML 中使用字符实体标记（characterentity），从而全部...
