vips 代码规范

JS
1.if else 嵌套深 使用三元运算符 或 switch case
2.* 禁止使用var 使用let const
3.使用箭头函数
4.尽量使用 Array、Object 扩展函数
5.放弃使用jquery 改用vue ref操作dom
6.参数获取，对象拷贝，数组扩展等使用解构方式。
7.Component 中静态数据单独存放或者定义在store中
8.变量、函数使用小驼峰 eg: userName. 类名、接口使用大驼峰 eg：UserClass
9.* 禁止使用中文作条件判断
10.* 禁止行内样式 出现style属性
11.v-for 后面一定要加key
12.尽量使用v-if 对于频繁的显示影藏使用v-show
13.对于class复制条件放入计算属性中
14.js中对象的属性名定义尽量不使用引号 除特殊情况
15.减少操作window对象, 若必须组建销毁前一定要清理掉window添加的对象

  window.addEventListener("message", function(event) {});

16.提取公共组件
17.对于函数或对象原型的扩展使用类的方式
18.减少代码冗余
19.全部采用axios 方式请求数据 （不要使用ajax）
20.接口操作、状态操作全部分离
21.采用scss
22.页面分模块开发

建议
1.作为条件判断显示或者有无 使用is 、has 开头
2.scss嵌套深度不超过三级

新增

1. 文件命名规则
   • 名词组成 尽可能用一个单词标识
   • 自定组件的文件夹或者文件名为大驼峰命名
   • 其他文件夹及文件名为小驼峰

2.vue 方法放置顺序

export default {
  name: 'componentName',
  components: [],
  props: {},
  data() {
    return [];
  },
  computed: {},
  // 钩子函数
  created() {},
  metods: {},
  filter: {},
  watch: {}
};

3.method 自定义方法命名

• 动宾短语（good：jumpPage、openCarInfoDialog）（bad：go、nextPage、show、open、login）
• ajax 方法以 get、post 开头，以 data 结尾（good：getListData、postFormData）（bad：takeData、confirmData、getList、postForm）
• 事件方法以 on 开头（onTypeChange、onUsernameInput）
• init、refresh 单词除外
• 尽量使用常用单词开头（set、get、open、close、jump）
• 驼峰命名（good: getListData）

4.常量命名必须大写以下划线连接，所有常量存放公共目录并按模块分类必须写注释
5.高度，长度，时间，经纬度。。。单位统一
6.emit方法名使用常量命名

this.$emit('[MODULE]UPDATE_CURRENT_TIME')

7.* 函数超过30行的必须拆分 特殊情况除外
8.文件后缀一律省略（.js.vue.css.scss）
9.view 视图逻辑 store api cesium 代码必须分离
10.变量命名使用名词禁止使用动词
11.cesium中的primitive数据源、图片必须采用外部数据。可设置默认图片。
12.git commit注释格式统一
13.模块、变量、函数命名语义不要太狭隘，要宽泛。

• 禅道中每天更新自己的任务
• 禁止使用git工具提交代码
• 每日例会必须开
• 模块发布测试 、项目发布、模块迭代、域名或API地址变动等重要事项必须发送邮件抄送前端所含有人员、产品经理、UI设计师、测试人员以及项目相关其他人员。

考核表中：
每月检查一个模块
一个问题不发生5%
提前把完成在追加5%

10个以内 基础工资
沛文多加五个（三个月）
10-20 扣除5%
20-30 扣除10%

骆峰式命名法（Camel-Case）

20181213112746606.png