支付宝前端的代码结构及性能优化大总结

1、前端结构组织与文件命名规范

前端结构组织具有如下原则：

• 同一项目中代码的组织结构要清晰
• 同类型文件归类到相同的文件夹中
• 文件命名规则须统一并且命名要有意义

HTML 命名规范

• HTML 代码所有的标签名和属性应该都为小写
• 属性值应该用引号括起来
• 元素的 id 与 class 按照特定规范命名
• 代码缩进 4 个空格
• 给 HTML 代码块添加必要注释

CSS 命名规范

• 尽量使用 class 选择器进行样式设定
• 类命名时取父元素的 class 名作为前缀，使用-连接
• 类名与样式之间以空格进行分割
• 添加 CS