阿里前端开发规范详解及最佳实践

一．编程规约

(一)命名规范

1.1.1项目命名

1.1.2目录命名

1.1.3 JS、CSS、SCSS、HTML、PNG文件命名

1.1.4命名严谨性

(二) HTML规范（Vue Template同样适用）

1.2.1 HTML类型

1.2.2缩进

1.2.3分块注释

1.2.4语义化标签

1.2.5引号

(三) CSS规范

1.3.1命名

1.3.2选择器

1.3.3尽量使用缩写属性

1.3.4每个选择器及属性独占一行

1.3.5省略0后面的单位

1.3.6避免使用ID选择器及全局标签选择器防止污染全局样式

(四) LESS规范

1.4.1代码组织

1.4.2避免嵌套层级过多

(五) Javascript规范

1.5.1命名

1.5.2代码格式

1.5.3字符串

1.5.4对象声明

1.5.5使用ES6+

1.5.6括号

1.5.7 undefined判断

1.5.8条件判断和循环最多三层

1.5.9 this的转换命名

1.5.10慎用console.log

二、 Vue项目规范