CR 01

[ly525]

• hoc

  • 金额 展示元/存储分
  • 金额输入框，保留一位小数（当然，这个最好通过组件实现）
  • 这个其实蛮能体现我们常说的：高内聚低耦合中的高内聚

• try-catch

  • 合理使用 catch
  • 弱依赖，可以 catch 包括
  • 尽量保证 通过 try-catch 包裹的代码，报错的也能够通过 sentry 等监控体系捕获

• el-upload 原生不支持快速限制宽高、体积

  • 体积校验：sizeValidator(size) 返回一个函数来校验体积
  • 宽高校验：

const whValidator(width.height) => (file) => new Promise((resolve, reject) => {
  const reader = new FileReader()
  // ...

})


async handleBeforeUpload(file) {
  const validateWH = whValidator(100,100)
  const validateSize = sizeValidator(5 * 1024)
  const isWHValid = await validateWH(file)
  const isSizeValid = await validateSize(file)
  return isWHValid && isSizeValid
}

• 动态表单 组件的 slot 其实也是支持配置的

• 常见正则库（适合放在 globalApp.Utils，随用随取）

  • URL（这个可能更适合通过 new URL 来判断）
  • 手机号等等

• Vue Cli 环境变量

  • Vue Cli 环境变量
  • webpack 环境变量
  • 常规应用的环境变量
  • 环境变量，比如：NODE_ENV 与 接口调用的环境有何区别？
    • NODE_ENV 一般是表示构建的时候的环境，这类变量一般是用来：判断代码是否需要压缩、混淆等配置
    • API_ENV 一般是表示当前的构建产物，要发布到哪个环境，比如 dev、qa、prod，其实这三个环境的主要体现应该接口调用的区别，其他应该尽量不区分（当然比如显示 vconsole、上传sourceMap、显示调试工具等等，也是依赖于此环境）