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嵌套深度不超过三级
新增
- 文件命名规则
- 名词组成 尽可能用一个单词标识
- 自定组件的文件夹或者文件名为大驼峰命名
- 其他文件夹及文件名为小驼峰
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
网友评论