阿里前端代码规范_前端团队代码书写规范

目的：统一团队代码书写风格，减少沟通成本，提高工作效率，同时也能减少不必要的bug。

前端代码规范

vue有关项目代码规范

1、文件命名规范

1).vue文件大写开头驼峰

2)js文件小写-连接

2、属性命名规范

1)class样式类小写-连接

2)根元素类以-ctn结尾

3)二、三级以-wrap结尾

3、变量命名和使用规范

1)变量名小写开头驼峰

2)判断变量is开头

4、函数命名和使用规范

1)函数名小写开头驼峰

2)事件处理函数on开头

3)请求函数请求方式开头

5、属性书写顺序规范

1)显示隐藏属性放最前面，类放最后面

6、简洁优雅规范

1)可读性：三目运算加小括号等等，有待补充。。。

2)在良好可读性的前提下，代码能写一行的绝对不要写两行，方法如下：

• 多个变量声明一行
• 对数据使用结构赋值
• if 语句替换成三目运算

1. 方法处理函数解耦

7、CSS样式规范

1)不要使用 !important

2)避免使用深层嵌套

3)待补充。。。。

。。