关于规范化:代码健壮性

jiezi

3 年前

问题：
原生 js 代码走到一个中央报错，后续代码无奈执行

vue 与原生 js 不同：
原生 js 代码走到一个中央报错，后续代码无奈执行
vue 多个生命周期，前一个生命周期的代码有了 bug，后一个生命周期的代码还会执行

如何解决 js 代码出错，而后继续执行呢
try{}catch(err){}finally{}

后端返回的数据类型多样，比方 Object,Array,null, 前端都思考到了
用户不按惯例出牌，不按程序操作，前端是否束缚或者给出适合提醒（防暴力点击）
适配各种分辨率，B 端 element-ui 的 el-table 应用 min-width。C 端流动列表页应用 min-height:100vh
用户体验，（1）B 端：当页面内容居多时，能不能跳转到第一次出错的地位（2）B 端：新增胜利，返回列表页时，能不能在缓存表单数据的状况下，再次调用查问接口（3）C 端：图片因为带宽过低或者网络不稳固未能加载到图片，应用 @error 办法，再次加载一次图片 &t={$index}
```
beforeRouteEnter(to, from, next) {next(async (vm) => {
   // 因为当钩子执行前，组件实例还没被创立
   if (
     from.path == vm.questionnaireCreateUrl ||
     from.path == vm.questionnaireViewUrl ||
     from.path == vm.questionnaireModifyUrl
   ) {vm.resetForm();
     await vm.getList();}
 });
  },
```

加油哦，冲鸭！！！！！

退出移动版