规范的web前端代码

web前端的代码规范主要针对的是HTML,CSS和javaScript代码。

前端代码规范在不同场合会有差异，但是规范的前端代码应该具有以下特征：

1.符合标准

　　所谓的标准是指W3C指定的web标准，包括语言的规范，开发中使用的原则和解释引擎行为等，主要有三部分组成：结构标准（html和xhtml部分）、表现标准（css部分）和行为标准（javascript部分）。

2.格式规范统一

　　前端代码的格式主要包括命名、代码缩进、空格和空行的使用以及代码注释。命名主要有HTML元素的id和class名，javascript中函数名和变量名；html，css和javascript都是通过所进来体现代码的层次关系的；空格和空行主要用在css和javascript代码中，用来提高代码的可读性；css和javascript都需要添加必要的注释来解释说明代码文件及代码片段。

3.高性能

　　高性能体现在浏览器的响应速度上，包括网页的加载速度和页面的交互响应速度。

　　网页加载所占用时间包括后端处理请求的时间、大妈文件从服务器端传输时间、HTML和CSS的组合展现的时间以及javascript加载和运行的时间。除了第一条，其余都和前端代码有直接的关系，减少文件传输时间的最直接方法就是减少文件大小，文件代码越少相对传输速度就越快；简洁和符合标准的HTML和CSS代码能减少浏览器的解析时间，加快浏览器的渲染过程；页面请求越少相对页面加载时间也会越快；在javascript代码中选择性能更好的实现方案，如延迟加载、动态加载等技术，会让页面加载更快和交互更流畅。规范的前端代码应该针对这些方面来编写高性能的前端代码，提高用户的前端体验。

4.高安全性

　　从技术上讲，网站的安全瓶颈主要在后端，但是随着前端技术的发展，富客户端的应用越来越多，前端安全问题也随之增多，如跨站点攻击，Cookie劫持等，这些攻击通过设置javascript变量、HTML标签的属性和值、CSS属性值等方式伪造恶意代码来达到攻击的目的，因此，规范前端代码至少要针对这些方面作必要的安全校验和编码，提高代码的安全性。

前端代码如能遵守以上几个规范点，基本上能算是高质量的代码。