规范的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属性值等方式伪造恶意代码来达到攻击的目的，因此，规范前端代码至少要针对这些方面作必要的安全校验和编码，提高代码的安全性。
前端代码如能遵守以上几个规范点，基本上能算是高质量的代码。
最新文章
- CVTE实习求职经历
- oracle与sqlserver部分区别
- About_Web
- BZOJ4631 : 踩气球
- 写window应用程序日志System.Diagnostics.EventLog.WriteEntry
- Extjs之rowEditing编辑状态时列不对齐
- jsp中全局变量和局部变量的设置
- yii组态 redis主从配置（随着代码）
- Jquery--仿制360右下角弹出窗口
- struts2.0 s标签_小小鸟_百度空间
- html块级元素和内联元素区别详解
- 分清css的em和rem
- 关于bitmap你不知道的一些事
- 通过jenkins持续集成 github中的代码到 服务器。
- cogs2479 偏序(CDQ套CDQ)
- 前端数据可视化echarts.js
- HTML学习笔记06-连接
- 使用 IntraWeb (32) - Url 映射与 THandlers
- linux入门经验之谈
- 截取scrollview的滑动事件，传递给子控件