如何做一名网站编辑,商标设计找哪里,王者荣誉网站怎么做,最佳搜索引擎磁力吧每次代码 review 之后#xff0c;对 review 的情况进行总结记录#xff0c;产出实际经验#xff0c;方便组内学习、分享。
1、提取公共内容
公共内容要提取#xff0c;避免重复编写#xff1b;
2、css 色值使用变量
css 中的色值、字体#xff0c;都换成组件库中的变…每次代码 review 之后对 review 的情况进行总结记录产出实际经验方便组内学习、分享。
1、提取公共内容
公共内容要提取避免重复编写
2、css 色值使用变量
css 中的色值、字体都换成组件库中的变量、class
3、v-if、v-show要用对时机
如果就是不加载对应组件可以用 v-if否则尽量用 v-show。比如多tab切换的时候可以保存客户的使用状态
4、无用代码去除
无用代码、注释掉的代码记得删除否则后期改造或者进行逻辑梳理的时候会造成干扰。
5、解构赋值
善用解构赋值优化代码 避免重复长链路获取
反面示例
const isEmbed this.$route.query.isEmbed
const isEmbed2 this.$route.query.isEmbed2期望示例
const {isEmbed,isEmbed2} this.$route.query6、加好注释
业务逻辑类的判断要加注释否则别人不知道是什么意思。
7、善用三元表达式
用三元表达式来写简化代码避免大片的 if-else
反面示例
if (this.loginType certLoginProcess) { this.$Message.error(loginErrorMessage || 登录认证失败)
} else { this.$Message.error(loginErrorMessage || 无感登录失败)
} 期望示例
this.$Message.error(loginErrorMessage || this.loginType certLoginProcess ? 登录认证失败 : 无感登录失败)8、善用 Array.includes()
同字段多个逻辑或 || 判断可以改为使用 includes
反面示例
if (result.dictCode STAR || result.dictCode SPACE) {}期望示例
[STAR,SPACE].includes(result.dictCode)9、善用逻辑或 ||
善用逻辑或||运算符处理避免大片if else
反面示例
if (this.formData.affiliatedBusiness 10) { return true
} if (this.formData.affiliatedBusiness.includes(10)) { return true
}期望示例
let { affiliatedBusiness } this.formData
if(affiliatedBusiness 10 || affiliatedBusiness.includes(10)){ return true
}10、驼峰命名
反面示例
const testTel utilFun.is_valid_phone_number(taxTel)期望示例
const testTel utilFun.isValidPhoneNumber(taxTel)
