前端开发规范


阅读(884.9k) 收藏 (589)

手册简介

前端开发规范

手册说明


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

移动端优化

前端开发工具箱

前端开发参考资料



w3cschool编程狮微信公众号

更新记录

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号