下载此文档

前端代码开发守则.docx

文档分类：IT计算机 | 页数：约10页举报非法文档有奖

1/10

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/10 下载此文档

文档列表 文档介绍

Revised by Hanlin on 10 January 2021
前端代码开发守则
前端代码编写规范
规范目的
为提高团队协作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，特制订此文档。
本规范文档一经确认，前端开发人员必须按本文档规范进行前台页面开发。
本文档如有不对或者不合适的地方请及时提出，经讨论决定后方可更改。
基本准则
符合WEB标准，语义化HTML，结构化表现行为分离，代码兼容性优良。
页面性能方面，代码要求简洁明了有序，尽可能的减小服务器负载，保证最优最快的解析速度。
文件规范
Html，Css，Js，Images文件均归档至约定的目录中;目录命名尽可能使用英文，语义化，公用部分和各模块分开。比如：公用部分可放在comm目录文件夹下，各功能模块各建一个有意义的文件夹;
Html文件命名：英文命名，整个网站统一后缀，不要同时出现shtml、shtm、html、htm;本规范采用“.html”。同时将对应界面稿放于同目录中，若界面稿命名为中文，请重命名与html文件同名，以方便后端添加功能时查找对应页面;
css文件命名：英文命名，。，，其他页面依实际模块需求命名;
Js文件命名：英文命名，。，其他依实际模块需求命名。JS文件必须存入统一的JS目录文件夹;
HTML书写规范
文档类型声明及编码：统一为html5声明类型<!DOCTYPEhtml>;编码统一为<metacharset=”utf-8″/>，书写时利用IDE实现层次分明的缩进;
非特殊情况下样式文件必须外链至<head>…</head>之间;非特殊情况下JavaScript文件必须外链至页面底部;
引入样式文件或JavaScript文件时,须略去默认类型声明,写法如下:
<link　rel=”stylesheet”href=”…”/>
<style>…</style>
<script　src=”…”></script>
所有编码均遵循xhtml标准，标签&属性&属性命名，必须由小写字母及下划线数字组成，且所有标签必须闭合，包括br(<br/>)，hr(<hr/>)等;属性值必须用双引号包括;所有标签和属性名称都必须小写;
充分利用无兼容性问题的html自身标签，比如span，em，strong，optgroup，label等等;需要为html元素添加自定义属性的时候，首先要考虑下有没有默认的已有的合适标签去设置，如果没有，可以使用须以”data-”为前缀来添加自定义属性，避免使用”data:”等其他命名方式;
语义化html，如：标题根据重要性用h*(同一页面只能有一个h1)，段落标记用p，列表用ul，内联元素中不可嵌套块级元素;
尽可能减少div嵌套,如：
<divclass=”box”>
<divclass=”welcome”>欢迎访问XXX,您的用户名是
<divclass=”name”>用户名</div>
</div>
</div>
完全可以用以下代码替代:
<divclass=”box”>
<p>欢迎访问XXX,您的用户名是<span>用户名</span>

前端代码开发守则来自淘豆网www.taodocs.com转载请标明出处.