起航学习网

前端开发规范手册

原文出处：Github 仓库地址

此手册主要实现的目标：代码一致性和最佳实践。通过代码风格的一致性，降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践，确保页面性能得到最佳优化和高效的代码。

此手册是在开发中积累下来的经验和参考其它规范/指南制定的，它只是起指导作用，除个别条目强制之外，大多数为非强制约束，开发者可根据自己的实际情况自行决定是否要遵守 该指南只是保证大方向一致性和最佳实践的阶段性总结，不是最后结论，它会随着时间而变化。

手册简介:

前端开发规范

手册说明:

为什么要有web网站前端开发规范手册?因为人多不一定就力量大，还有可能一团糟。因此为了提升团队凝聚力，统一团队代码风格，优化团队协作效率，需要推出专门的《前端开发规范手册》来约束同一项目不同程序员的代码风格。

制定《前端开发规范手册》首先需要符合web标准，兼顾结构分明、兼容性优良、页面性能高、代码简洁明了等要求，再根据开发需求进行一定的调整。

文件命名统一采用小写英文字母，尽量不包含空格和特殊符号。因为是团队协作，因此起的名字应方便每一位成员的理解，并且能够方便地进行查找、修改、替换、计算负载量等等操作。

文件规范

1. html, css, js, images文件均归档至约定的目录中;

2. html文件命名: 英文命名, 后缀.html或.htm. 同时将统一页面文件放于同目录中, 以方便后端添加功能时查找对应页面;

3. css文件命名: 英文命名, 后缀.css. 共用base.css, 首页index.css, 其他页面依实际模块需求命名.;

4. Js文件命名: 英文命名, 后缀.js. 共用common.js, 其他依实际模块需求命名。

手册目录

基本原则

HTML通用约定

CSS通用约定

JavaScript通用约定

移动端优化

前端开发工具箱

前端开发参考资料

更新记录：

2.2 语义化 11-10 12:54

1. 基本原则 03-22 15:41

2.3 HEAD 12-23 15:38

介绍 11-25 16:08

4.2. jQuery 规范 08-09 19:37

7. 参考 02-24 15:44

6. 工具箱 02-24 15:44

5. 移动端优化 02-24 15:44

4.3. 性能优化 02-24 15:44

4.1. 通用约定 02-24 15:44

文章出自：http://qh.itpxw.cn/peixun/web/201946140.html

文章标题：有必要读一读前端开发规范手册

免责声明：本站文章均由入驻起航学习网的会员所发或者网络转载，所述观点仅代表作者本人，不代表起航学习网立场。如有侵权或者其他问题，请联系举报，必删。侵权投诉