阿里前端开发规范
目录
前端代码规范..................................................................
3
一. 编程规约.................................................................
3
(一) 命名规范 .............................................................
3
1.1.1
项目命名 .............................................................3
1.1.2
目录命名 .............................................................3
1.1.3
JS、CSS、SCSS、HTML、PNG 文件命名....................................4
1.1.4
命名严谨性 ...........................................................4
(二) HTML 规范 (Vue Template 同样适用) ...................................4
1.2.1
HTML 类型 ...........................................................4
1.2.2
缩进.................................................................5
1.2.3
分块注释.............................................................5
1.2.4
语义化标签...........................................................5
1.2.5
引号.................................................................5
(三) CSS 规范 ..............................................................6
1.3.1
命名.................................................................6
1.3.2
选择器...............................................................6
1.3.3
尽量使用缩写属性.....................................................7
1.3.4
每个选择器及属性独占一行.............................................7
1.3.5
省略 0 后面的单位.....................................................8
1.3.6
避免使用 ID 选择器及全局标签选择器防止污染全局样式 ....................8
(四) LESS 规范 .............................................................9
1.4.1
代码组织.............................................................9
1.4.2
避免嵌套层级过多.....................................................9
(五) Javascript 规范 ........................................................10
1.5.1 命名................................................................10
1.5.2
代码格式............................................................12
1.5.3
字符串..............................................................12
1.5.4
对象声明............................................................13
1.5.5 使用 ES6+.....................................................................................................................13
1.5.6 括号................................................................13
1.5.7
undefined 判断 .......................................................14
1.5.8
条件判断和循环最多三层..............................................14
1.5.9
this 的转换命名.....................................................14
1.5.10
慎用 console.log ........................................................................................................14
二、 Vue 项目规范............................................................
14
(一) Vue 编码基础 .........................................................14
2.1.1.
组件规范 ...........................................................15
2.1.2.
模板中使用简单的表达式 .............................................19
2.1.3
指令都使用缩写形式..................................................19