可修改编辑
最近开始着手网站的改版,因为是团队协作,所有需要注意很多地方,也为了让
我们的代码更加规范特收集了一些 Web 前端开发规范
规范目的
为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量
的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范
进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定
后方可更改.
基本准则
符合 web 标准, 语义化 html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码
要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的 解析速度.
文件规范
1. html, css, js, images 文件均归档至<系统开发规范>约定的目录中;
2. html 文件命名: 英文命名, 后缀.htm. 同时将对应界面稿放于同目录中, 若界面
稿命名为中文, 请重命名与 html 文件同名, 以方便后端添加 功能时查找对应页
面;
3. css 文件命名: 英文命名, 后缀.css. 共用 base.css, 首页 index.css, 其他页面依实际
模块需求命名.;
4. Js 文件命名: 英文命名, 后缀.js. 共用 common.js, 其他依实际模块需求命名.
html 书写规范
1. 文档类型声明及编码: 统一为 html5 声明类型<!DOCTYPE html>; 编码统一为
<meta charset="gbk" />, 书写时利用 IDE 实现层 次分明的缩进;
2. 非特殊情况下样式文件必须外链至<head>...</head>之间;非特殊情况下
JavaScript 文件必须外链至页面底部;
3. 引入样式文件或 JavaScript 文件时, 须略去默认类型声明, 写法如下:
<link rel="stylesheet" href="..." />
<style>...</style>
<script src="..."></script>
精选 word 欢迎下载