前端代码规范

一，命名规范
1.项目命名【全部小写中横线分割】
2.目录命名 【全部小写中横线分割，用复数，缩写不用复数】
3.文件命名 【小写中横线分割】
4.css命名

• 类名：小写中横线分割
• id：驼峰式命名
• scss中变量函数混合采用驼峰
• 选择器使用直接子选择器

【例如：.content > .title {
   font-size: 2rem;}】
尽量使用复合缩写类型【font: 100%/1.6 palatino, georgia, serif; 】

• 省略0后面的单位【0px】
• 避免嵌套过多层级【小于4层】

5.js

• 小驼峰不使用下划线
• 方法名：动+名
• 增删改统一【add / update / delete / detail / get 】
• 常量命名都大写下划线分割
• 字符串统一用单引号不用双引号
• 下列关键字后必须有大括号（即使代码块的内容只有一行）：if, else, for, while, do, switch, try,catch, finally, with。
• 永远不要直接使用 undefined 进行变量判断；使用 typeof 和字符串’undefined’对变量进行判断。
• 对上下文 this 的引用只能使用 ’self’ 来命名。

6.vue

• 组件名应该始终是多个单词组成（大于等于 2）【大驼峰】

二. 使用语义化标签，避免一整个页面都是div和p
<header></header> 
<footer></footer>

 语义化标签参考
https://blog.csdn.net/RogerQianpeng/article/details/124766995

三， 使用双引号

阿里代码规范参考
https://blog.51cto.com/u_15295057/5002198