前端面试题[vue、小程序]

一、vue2生命周期
        beforeCreate----created        创建前后

        beforeMount---mounted      挂载前后

        beforeUpdate---Updated       修改前后

        beforeDestory---destoryed    销毁前后

        activated---deactivated        keep-alive在组件被激活/销毁时调用

二、vue3 生命周期
        setup        --相当于创建前后在一起

        onBeforeMounte--onMounted      --挂载前后

        onBeforeUpdate--onUpdated      --修改前后

        onBeforeUnmount--onUnmounted     --销毁前后

        onActivate--onDeactivated        组件激活/销毁前后

三、微信小程序生命周期
        1、页面生命周期
        onLoad  在页面加载完成时执行，只会执行 1 次，常用于获取地址参数和网络请求

        onShow  在页面处于可见状态时执行，常用于动态更新数据或状态

        onReady  在页面初次渲染完成时执行，只会执行 1 次，常用于节点操作或动画交互等场景

        onHide  在页面处于不见状态时执行，常用于销毁长时间运行的任务，如定时器

        2、应用生命周期
        onLaunch 小程序启动时执行 1 次，常用于小程序更新，获取启动参数，获取场景值

        onShow 小程序前台运行时执行

        onHide 小程序后台运行时执行

        3、组件生命周期
         需要定义在lifetimes中

        created  组件创建时触发，类似于 Vue 中的created生命周期，该生命周期中不能调用 this.setData

        attached  组件初始化完毕时触发，类似于 Vue 中的mounted生命周期，该生命周期函数使用最频繁

wx.reqest 插件（请求拦截+响应拦截+ 无感刷新）

小程序APIwx.request不支持返回promise、拦截器功能，可以在npm官网中搜索wx.https,是wx.request的拓展，支持promise、拦截器

先引入第三方插件 wx.https，构建npm，在页面中引入写拦截器，在请求拦截中指定默认头的信息，登陆完成后给token添加字段返回options

拦截器可以根据返回的状态码进行操作，将其挂载在wx全局上

无感刷新

在请求拦截器上根据返回的状态码，如果为401说明token失效，然后重新调用接口获取新的token，重新储存新的token，然后获取原来接口的请求参数，重新添加字段authorization，重新发起请求