第 1 页前端系统开发说明书1
一般规则应用在 HTML,JavaScript 和 CSS 上的通用规则
文件、资源命名•以可读性而言,中划线用来分隔文件名•确保文件命名总是以字母开头而不是数字•特殊含义的文件,需要对文件增加前后缀或特定的扩展名(比如
css),抑或一串前缀(比如 all
使用点分隔符来区分这些在文件名中带有清晰意义的元数据
文本缩进一次缩进 4 个空格
代码检查对于前端 JavaScript 这种比较宽松自由的编程语言来说,严格遵循编码规范和格式化风格指南极为重要
前端开发人员需严格遵循开发规范,并且使用自动代码检查工具(如 JSHint)降低语法错误,确保代码正确执行 oJSHint 是一款检查 JS 代码规范与否的工具,用来检查 JS 代码的规范性
它提供了配置的方法,来检查不符合开发规范的错误
黄金定律永远遵循同一套编码规范--可以是这里列出的,也可以是你自己总结的
不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的
HTML 规范2
文档类型 HTML5docType使用 HTML5 的文档类型申明:第 2 页html5 不基于 SGML,因此不需要对 DTD 进行引用,但是需要 doctype 来规范浏览器的行为(让浏览器按照他们应该的方式来运行)而 HTML4
01 基于 SGML,所以需要对 DTD 进行引用,才能告知浏览器文档所使用的文档类型
media 标签//禁止数字识自动别为电话号码大部分 4
7~5 寸的安卓设备的 viewport 宽设为 360px,iPhone6 上却是 375px,大部分 5
5 寸安卓机器(比如说三星 Note)的 viewport 宽为 400,iPhone6plus 上是 414