前端开发规范手册.pdf

目 录 致谢 介紹 基本原则 HTML 通用约定 语义化 HEAD CSS 通用约定 字体排印 模块组织 Less 规范 性能优化 JavaScript 通用约定 jQuery 规范 性能优化 移动端优化 工具箱 参考 本文档使用 书栈(BookStack.CN) 构建 - 1 - 致谢 致谢 当前文档 《前端开发规范手册》 由 进击的皇虫 使用 书栈 (BookStack.CN) 进行构建，生成于 2018-03-19。 书栈(BookStack.CN) 仅提供文档编写、整理、归类等功能，以 及对文档内容的生成和导出工具。 文档内容由网友们编写和整理，书栈(BookStack.CN) 难以确认 文档内容知识点是否错漏。如果您在阅读文档获取知识的时候，发现文 档内容有不恰当的地方，请向我们反馈，让我们共同携手，将知识准 确、高效且有效地传递给每一个人。 同时，如果您在日常生活、工作和学习中遇到有价值有营养的知识 文档，欢迎分享到 书栈(BookStack.CN) ，为知识的传承献上您的 一份力量 ！ 如果当前文档生成时间太久，请到 书栈(BookStack.CN) 获取 必威体育精装版的文档，以跟上知识更新换代的步伐。 文档地址：http://www ./books/Aaaaaashu- Guide 书栈官网：http://www . 书栈开源：/TruthHun 分享，让知识传承更久远 ！ 感谢知识的创造者，感谢知识的分享 者，也感谢每一位阅读到此处的读者，因为我们都将成为知识的传承 者。 本文档使用 书栈(BookStack.CN) 构建 - 2 - 致谢 本文档使用 书栈(BookStack.CN) 构建 - 3 - 介紹 介紹 前端开发规范手册 Github: 仓库地址 知笔墨： 手册地址 前端开发规范手册 Github: 仓库地址 知笔墨：手册地址 此手册主要实现的目标：代码一致性和最佳实践。通过代码风格的一致 性，降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实 践，确保页面性能得到最佳优化和高效的代码。 此手册是在开发中积累下来的经验和参考其它规范/指南制定的，它只 是起指导作用，除个别条目强制之外，大多数为非强制约束，开发者可 根据自己的实际情况自行决定是否要遵守 该指南只是保证大方向一致性和最佳实践的阶段性总结，不是最后结 论，它会随着时间而变化。 本文档使用 书栈(BookStack.CN) 构建 - 4 - 介紹 本文档使用 书栈(BookStack.CN) 构建 - 5 - 介紹 本文档使用 书栈(BookStack.CN) 构建 - 6 - 基本原则 基本原则 基本原则 结构、样式、行为分离 缩进 文件编码 一律使用小写字母 省略外链资源 URL 协议部分 统一注释 HTML 注释 CSS 注释 JavaScript 注释 代