下载APP 把W3Cschool装进口袋
返回 首页

前端开发规范

开始阅读

手册说明:


为什么要有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通用约定

移动端优化

前端开发工具箱

前端开发参考资料



更新记录
  • 1. 基本原则
    03-22 15:41
  • 介绍
    11-25 16:08
    4. JavaScript
    10-24 10:11
    3. CSS
    10-24 10:10
    1. 基本原则
    10-24 10:00
    前端开发规范
    08-05 14:40
    前端开发规范手册
    08-04 20:04
目录
介绍
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. 参考

关闭