关于规范化:代码健壮性

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

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

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

解决好哪些状况，能够显得代码 健壮性 好呢？

1. 后端返回的数据类型多样，比方 Object,Array,null, 前端都思考到了
2. 用户不按惯例出牌，不按程序操作，前端是否束缚或者给出适合提醒（防暴力点击）
3. 适配各种分辨率，B 端 element-ui 的 el-table 应用 min-width。C 端流动列表页应用 min-height:100vh

4. 用户体验，（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();}
    });
     },

加油哦，冲鸭！！！！！