代码健壮性

问题：
原生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();
      }
    });
     },

加油哦，冲鸭！！！！！