关于规范化:代码健壮性

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

加油哦，冲鸭！！！！！