Web 前端代码规范
必须
1 结构、样式、行为三层分离；
2 采用统一的缩进（两个或四个空格/Tab）；
3 嵌套标签应当缩进一次，必须合理嵌套；
4 HTML页面必须包含文档类型声明，采用HTML5文档类型声明；
<!doctype html> <html> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> </body> </html>
5 CSS样式全部采用外链的方式在<head>标签中引入；禁用行内样式，复用已有的样式规则；
6 所有标签和属性名称必须小写，标签的属性值全部使用双引号，不采用属性简写方式；
<input type="checkbox" checked="checked">
7 JavaScript脚本在body结束标签（</body>）前引入（除了影响页面初始化加载显示的JavaScript脚本需放在<head>头部标签里面，其余的都放在</body>标签前）。
8 JavaScript中声明数组和对象采用字面量的方式声明；
9 避免全局变量；采用局部变量；
10 不用HTML5废弃的标签，如<font>，<s>，<center>，……
建议
1 不用在自闭合标签的尾部添加斜线
不用：<br/>，
采用：<br>
2 引入CSS文件时，如果type的值为text/css，则不需要指定type属性
不用：<link rel=“stylesheet” type=“text/css” href=“style.css”>
<style type=“text/css”></style>
采用：<link rel=“stylesheet” href=“style.css”>
<style></style>
3 引入JavaScript脚本时，如果type的值为text/javascript，则不需要指定type属性；
不用：<script type=“text/javascript” src=“script.js”></script>
<script type=“text/javascript”></script>
采用：<script src=“script.js”></script>
<script></script>
4 JavaScript脚本中字符串统一使用单引号；
5 JavaScript代码每条语句结束必须以分号结束；
6 JavaScript变量的声明采用单var形式；
7 使用class与样式关联；使用id与行为关联；样式与行为解耦。
8 建议class的命名采用带横线的形式，如 “btn-primary”，id的命名采用驼峰式，如“addBtn”。
相关推荐
前端代码规范
这是借鉴、引用的是京东前端代码规范。
百度前端代码规范是一份旨在统一前端开发标准的文档，由百度前端团队或社区成员共同维护和分享。该规范涵盖的内容非常全面，包括但不限于Javascript编码规范、HTML编码规范、CSS编码规范、Less编码规范、E-JSON数据...
Java和前端代码规范是软件开发中的重要组成部分，尤其是在大型企业如阿里巴巴这样的公司中，它们对于保持代码质量和团队协作至关重要。本压缩包包含了阿里巴巴制定的Java和前端开发的详细规范，帮助开发者遵循一致的...
"前端代码规范"这个压缩包文件很可能包含了一系列关于如何编写整洁、一致且易于理解的前端代码的指南。以下是对这些规范的一些核心内容的详细解读： 1. **命名规则**：前端代码规范通常会涵盖变量、函数、类以及...
前端代码规范 本文档介绍了 Java 前端开发代码书写规范，旨在帮助开发者编写整洁、规范的代码。以下是该规范的详细说明： HTML 开发约束 1. 标签套用：优先复用案列中提供的 HTML 模版（包括其中的 class），以...
前端代码规范 前端代码规范是指在前端开发过程中遵循的一些规则和约定，以确保代码的可读性、维护性和可扩展性。本文档旨在提供一个通用的前端代码规范，涵盖 HTML、CSS、JS 和 Vue 代码规范，适合公司开发人员参考...
前端代码规范文档@js、css、html 等 本文档旨在规范前端开发过程中的代码编写，涵盖 JavaScript、CSS、HTML 等多方面的规范，旨在提高代码的可读性、可维护性和可扩展性。 命名规范 1.1.1 项目命名：全部采用小写...
此资源为前端代码规范说明文件，主要帮助前端开发人员规范代码，统一风格，方便后期维护
在前端开发领域，代码规范是确保项目质量和团队协作效率的关键因素。本文将深入探讨HTML、CSS和JavaScript这三种主要前端技术的代码规范，旨在提供一套综合的指导原则，帮助开发者编写更可读、可维护和可扩展的代码...
腾讯alloyteam团队前端代码规范主要涉及前端开发中的CSS、JS、HTML的代码规范，其主要内容包括最佳原则、命名规则、HTML、CSS和SCSS、JavaScript、编辑器配置和构建检查等方面。 在最佳原则上，腾讯alloyteam团队...
前端开发是构建网页和应用程序的重要部分，而良好的代码规范能够提高代码可读性，降低维护成本，提升团队协作效率。以下是一份关于HTML、CSS和图像处理的前端规范的详细说明： 1. HTML规范： - 结构清晰：HTML代码...
### 前端代码规范-js，html，vue，css，ts #### 背景介绍 随着前端技术的快速发展及项目复杂度的增加，不同开发者之间的代码风格差异日益显著，这对后期维护带来了巨大挑战。一方面，缺乏统一的技术评审机制使得...
### 前端JS代码规范详解 #### 一、引言 随着前端技术的不断发展，JavaScript作为一门重要的编程语言，在Web开发中扮演着至关重要的角色。为了提高代码的可读性和可维护性，制定一套统一的编码规范显得尤为重要。...
阿里巴巴前端开发规范.docx 阿里巴巴前端开发规范是阿里巴巴集团为了确保前端开发的质量和统一性而制定的规范。本规范涵盖了前端开发中的多个方面，包括命名规范、HTML 规范、CSS 规范等。 命名规范 命名规范是...