一,命名规范
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
三, 使用双引号