一、前端规范
1、符合w3c web标准
W3C制定的标准包括使用语言的规范、开发中使用的原则和解释引擎行为
2、格式规范统一
包括命名、代码缩进、空格和空行的使用以及代码注释
3、高性能
网页的加载速度和页面交互响应速度
网页加载速度:
网站加载占用时间包括后端处理请求的时间
代码文件从服务器传输的时间
html css js加载运行的时间
4、高安全性
(站点攻击、Cookie劫持)
二、代码组织结构和文件命名
1、代码文件组织结构
同类文件放在一起
2、代码文件的命名
代码文件命名的原则主要是名称需要表明文件对应的模块内容、对应的版本号和文件的格式
3、代码资源压缩合并
网站加速展现:(cdn分发、缓存等)
web服务器开启Gzip压缩(Web服务器开启Gzip压缩后,会在Response的header中增加Content-Encoding:gzip
可以通过检查此header项来判断服务器是否开启了Gzip压缩)
Js代码压缩 (UglifyJS工具)
css代码压缩 (CSS Compressor)
图片资源压缩 (JPEGmini)