css笔试题及答案2019,(最新完整版)前端面试题及答案2019.doc

-------------------------------------- 面试题 -----------------------------------------

1 vuex 的五个状态

VueX 是一个专门为Vue.js 应用设计的状态管理架构，统一管理和维护各个vue 组件的可变化

状态 (你可以理解成vue 组件里的某些data ) 。

Vue 有五个核心概念， state, getters, mutations, actions, modules。

state => 基本数据==data

getters => 从基本数据派生的数据

==computed

mutations => 提交更改数据的方法，同步 ！ ==methods

actions => 像一个装饰器，包裹mutations ，使之可以 异步 。

modules => 模块化 Vuex

2 vue 周期 (钩子函数 )created 可获取数据 Mounted 可操作 DOM

Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载

Dom 、渲

染→更新 →渲染、销毁等一系列过程，我们称这是Vue 的生命周期。通俗说就是Vue 实例从创建到

销毁的过程，就是生命周期。

分为三个阶段：初始化、运行中、销毁。

beforeCreate ：实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期，然后就会执

行 beforeCreate 钩子函数，这个时候，数据还没有挂载呢，只是一个空壳，无法访问到数据和真实的 dom ，一般不做操作

Created：挂载数据，绑定事件等等，然后执行created 函数，这个时候已经可以使用到数据，也

可以更改数据 ,在这里更改数据不会触发updated 函数，在这里可以在渲染前倒数第二次更改数据的

机会，不会触发其他的钩子函数，一般可以在这里做初始数据的获取

beforeMount ：接下来开始找实例或者组件对应的模板，编译模板为虚拟

dom 放入到 render 函

数中准备渲染，然后执行beforeMount 钩子函数，在这个函数中虚拟dom 已经创建完成，马上就要

渲染 ,在这里也可以更改数据，不会触发updated ，在这里可以在渲染前最后一次更改数据的机会，

不会触发其他的钩子函数，一般可以在这里做初始数据的获取

Mounted ：接下来开始 render ，渲染出真实dom ，然后执行 mounted 钩子函数，此时，组件已

经出现在页面中， 数据、真实 dom 都已经处理好了 ,事件都已经挂载好了，可以在这里操作真实dom

等事情 ...

beforeUpdate ：当组件或实例的数据更改之后，

会立即执行 beforeUpdate ，然后 vue 的虚拟 dom

机制会重新构建虚拟dom 与上一次的虚拟dom 树利用 diff 算法进行对比之后重新渲染，一般不做什

么事儿

Updated：当更新完成后，执行

updated ，数据已经更改完成，dom 也重新 render 完成，可以操

作更新后的虚拟dom

beforeDestroy ：当经过某种途径调用$destroy 方法后， 立即执行 beforeDestroy ，一般在这里做一

些善后工作，例如清除计时器、清除非指令绑定的事件等等

Destroyed ：组件的数据绑定、监听...去掉后只剩下dom 空壳，这个时候，执行destroyed，在这

里做善后工作也可以

钩子函数的的实际应用

beforecreate : 举个栗子：可以在这加个

loading 事件

created ：在这结束 loading ，还做一些初始化，实现函数自执行mounted ： 在这发起后端请求，拿回数据，配合路由钩子做一些事情

beforeDestroy ： 你确认删除 XX吗？ destroyed ：当前组件已被删除，清空相关内容

3 cookie、localstroge、localSeesion的区别

共同点：都是保存在浏览器端，且同源的。

区别： 安全性、大小、有效期、作用域

1 cookie 数据始终在同源的http 请求中携带(即使不需要)，即

cookie 在浏览器和服务器间来

回传递。而 sessionStorage 和 localStorage 不会自动把数据发给服务器，仅在本地保存。cookie 数据

还有路径( path )的概念，可以限制cookie 只属于某个路径下。

2 存储大小限制也不