2021年 6 月 code review 记录

最新推荐文章于 2023-04-07 17:17:49 发布

rainning_z

最新推荐文章于 2023-04-07 17:17:49 发布

阅读量249

点赞数

分类专栏： vuejs学习之路

本文链接：https://blog.csdn.net/ruiti/article/details/117980881

版权

vuejs学习之路专栏收录该内容

11 篇文章 0 订阅

订阅专栏

name：

1.showOrHidden(显示隐藏) ==> toggle(切换)

performance：

//bad
if (key.indexOf('Date') != -1){}
//good
if(key.includes('Date')){}

//bad  
if(data[key] !=="" || data[key] !== null || data[key] !== undefined){}
//good
 if (isEmpty(data[key])) {}
// 判断是否为空
// 空数组 / null / undefined / 空字符串
export function isEmpty(val) {
  if (Array.isArray(val) && val.length === 0) {
    return true
  } else if (val == null) {
    return true
  } else if (typeof val === 'string' && val === '') {
    return true
  } else {
    return false
  }
}

code：

//抽离变量做配置项
//bad
<div  v-if="item.labelAndKeyArr.length > 6">TODO</div>
//good
showConst=6
<div  v-if="item.labelAndKeyArr.length > showConst">TODO</div>

2.不建议使用for in 遍历数组，因为输出的顺序是不固定的建议用for of 代替