前端开发规范手册.pdf

目 录 介绍 1. 基本原则 2. HTML 2.1 通用约定 2.2 语义化 2.3 HEAD 3. CSS 3.1 通用约定 3.2 字体排印 3.3 模块组织 3.4. Less 规范 3.5. 性能优化 4. JavaScript 4.1. 通用约定 4.2. jQuery 规范 4.3. 性能优化 5. 移动端优化 6. 工具箱 7. 参考 本文档使用 看云 构建 - 2 - 介绍 介绍 前端开发规范手册 原文出处 ：Github 仓库地址 此手册主要实现的目标 ：代码一致性和最佳实践。通过代码风格的一致性 ，降低维护代码的 成本以及改善多人协作的效率。同时遵守最佳实践 ，确保页面性能得到最佳优化和高效的代 码。 此手册是在开发中积累下来的经验和参考其它规范/指南制定的 ，它只是起指导作用 ，除个别 条目强制之外 ，大多数为非强制约束 ，开发者可根据自己的实际情况自行决定是否要遵守 该 指南只是保证大方向一致性和最佳实践的阶段性总结 ，不是最后结论 ，它会随着时间而变 化。 目录 介绍 基本原则 HTML 通用约定 语义化 HEAD CSS 通用约定 字体排印 模块组织 Less 规范 性能优化 JavaScript 通用约定 jQuery 规范 性能优化 本文档使用 看云 构建 - 3 - 介绍 移动端优化 工具箱 参考 本文档使用 看云 构建 - 4 - 介绍 本文档使用 看云 构建 - 5 - 介绍 本文档使用 看云 构建 - 6 - 1. 基本原则 1. 基本原则 基本原则 结构、样式、行为分离 尽量确保文档和模板只包含 HTML 结构 ，样式都放到样式表里 ，行为都放到脚本里。 缩进 统一两个空格缩进 （总之缩进统一即可 ），不要使用 Tab 或者 Tab 、空格混搭。 文件编码 使用不带 BOM 的 UTF-8 编码。 在 HTML中指定编码 meta charset utf-8 ； 无需使用 @charset 指定样式表的编码 ，它默认为 UTF-8 （参考 @charset ）； 一律使用小写字母 !-- Recommended -- img src google.png alt Google !-- Not recommended -- A HREF /Home/A /* Recommended */ color: #e5e5e5; /* Not recommended */ color: #E5E5E5; 省略外链资源 URL 协议部分 省略外链资源 （图片及其它媒体资源 ）URL 中的 http / https 协议 ，使 URL 成为相对 地址 ，避免Mixed Content 问题 ，减小文件字节数。 其它协议 （ftp 等 ）的 URL 不省略。 !-- Recommended -- script src //www ./js/gweb/analytics/autotrack.js/script !-- Not recommended -- script src http://www ./