代码健壮性规范化

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

【代码健壮性】加油哦，冲鸭！！！！！