2021前端面试题

1.vue 生命周期
created 可以获取到data中的数据 不能获取真实dom
常用于发起网络请求和注册全局的事件

真实dom挂载之前 beforeMounted()
预处理data，不会触发updated钩子函数
真实dom挂载以后 mounted() 可以获取到真实dom了

更新 data数据改变才执行
updated钩子 当数据发生改变并更新页面后 可以获取真实dom
销毁destoryed 移除全局事件，移除当前组件，计时器，定时器 ， eventBus移除事件$off方法

2.v-if和v-show的区别
v-if会根据判断条件来动态增删dom元素，v-show是根据判断条件来进行显示和隐藏元素频繁的进行增删dom操作会影响页面加载速度和性能
项目程序不大的时候都可以 v-if 影响不大
项目程序大的时候不推荐使用v-if来进行判断展示和隐藏，推荐使用v-show

3.vuex
state是放置所有公共状态的属性
mutations修改state的方法 同步 参数 state和payload
actions 异步方法修改数据 参数context 相当于this.$store store的运行实例
getters所有vuex的计算属性

4.状态码
200 请求已成功，
201 请求成功，服务器正在创建请求的资源
401 请求需要请求者验证
403 服务器拒绝该请求
404 找不到请求网页
500 服务器代码报错

5.mvvm
View 是视图层，也就是用户界面。前端主要由 HTML 和 CSS 来构建 。
Model 是指数据模型，泛指后端进行的各种业务逻辑处理和数据操控，对于前端来说就是后端提供的 api 接口。
ViewModel 是由前端开发人员组织生成和维护的视图数据层。