一、程序HTML规范
语义化标签使用

使用`

编码规范

全部使用小写字母(除第一行引用外);
属性值使用双引号包裹;
避免使用过深的程序嵌套结构。
响应式设计
通过媒体查询实现不同设备的代码代码适配,例如调整导航栏宽度、编写编写字体大小等。网站
二、设计CSS规范
模块化与复用
将样式拆分为多个模块文件,规范通过类选择器而非ID选择器提高复用性;
使用CSS预处理器(如Sass)管理样式。程序
命名规范
采用BEM(Block Element Modifier)或OOCSS命名法,代码代码避免使用`!important`;
常量类名使用全大写,编写编写属性类名使用短横线分隔。
性能优化
合并CSS文件,减少HTTP请求;
使用CSS压缩工具降低文件体积。
三、JavaScript规范
严格模式
开启严格模式以避免隐式错误,例如使用`"use strict";`;
避免使用全局变量,采用模块化开发。
代码结构
使用`async/await`简化异步操作;
采用MVC或组件化架构提升可维护性。
安全性
进行输入验证和过滤,防止XSS攻击;
使用`Content Security Policy`(CSP)增强安全性。
四、通用规范
代码格式化
统一缩进(建议2个空格)和代码块对齐,使用Prettier等工具自动化格式化;
HTML文件中`