前端面试题（带答案）.pdfVIP

前端⾯试题 （带答案） 前端⾯试题 （带答案） vue 1. 什么是vue⽣命周期？ 答 ： Vue⽣命周期是指vue实例对象 创建之初到销毁的过程，vue所有功能的实现都是围绕其⽣命周期进⾏的，在⽣命周期的不同阶 段调⽤对应的钩⼦函数可以实现组件数据管理和DOM渲染两⼤重要功能。 2. vue⽣命周期的作⽤是什么？ 答 ：它的⽣命周期中有多个事件钩⼦，让我们在控制整个Vue实例的过程时更容易形成好的逻辑 3. vue的⽣命周期的⼋个钩⼦函数？ · beforeCreat() 创建前 在new⼀个vue实例后，只有⼀些默认的⽣命周期钩⼦和默认事件，其他的东西都还没创建。在此⽣命周期 执⾏的时候，data和methods中的数据都还没有初始化。不能在这个阶段使⽤data中的数据和methods中的⽅法 · created （）被创建 data 和 methods都已经被初始化好了，可以调⽤了 · beforeMount() 挂载前 在内存中已经编译好了模板了，但是还没有挂载到页⾯中，此时，页⾯还是旧的 · mounted （）已挂载 Vue实例 已经初始化完成了。此时组件脱离了创建阶段，进⼊到了运⾏阶段。 如果我们想要通过插件操作页 ⾯上的DOM节点，最早可以在和这个阶段中进⾏ · beforeupdate （）更新前 页⾯中的显⽰的数据还是旧的，data中的数据是更新后的， 页⾯还没有和最新的数据保持同步 · updated （）更新 页⾯显⽰的数据和data中的数据已经保持同步了，都是最新的 · beforeDestroy () 销毁前 Vue实例 运⾏阶段进⼊到了销毁阶段，这个时候上所有的 data 和 methods ， 指令， 过滤器 ……都 是处于可⽤状态。还没有真正被销毁 · destroyed （）被销毁 这个时候上所有的 data 和 methods ， 指令， 过滤器 ……都是处于不可⽤状态。组件已经被销毁了。 4. 第⼀次页⾯加载会触发哪⼏个钩⼦？ 答: 第⼀次页⾯加载时会触发 beforeCreate, created, beforeMount, mounted 这⼏个钩⼦. 5. 简述每个周期具体适合哪些场景？ 答 ：beforecreate : 可以在这加个loading事件，在加载实例时触发 created : 初始化完成时的事件写在这⾥，如在这结束loading事件，异步请求也适宜在这⾥调⽤ mounted : 挂载元素，获取到DOM节点 updated : 如果对数据统⼀处理，在这⾥写上相应函数 beforeDestroy : 可以做⼀个确认停⽌事件的确认框 nextTick : 更新数据后⽴即操作dom 6. created和mounted的区别? 答 ：created:在模板渲染成html前调⽤，即通常初始化某些属性值，然后再渲染成视图。 mounted:在模板渲染成html后调⽤，通常是初始化页⾯完成后，再对html的dom节点进⾏⼀些需要的操作。 7. DOM渲染在哪个周期中已经完成？ 答 ：mounted Vue路由 1. mvvm框架是什么？ mvvm即Model-View-ViewModel，mvvm的设计原理是基于mvc的 MVVM是Model-View-ViewModel的缩写，Model代表数据模型负责业务逻辑和数据封装，View代表UI组件负责界⾯和显 ⽰，ViewModel监听模型数据的改变和控制视图⾏为，处理⽤户交互，简单来说就是通过双向数据绑定把View层和Model层连接起 来。在MVVM架构下，View和Model没有直接联系，⽽是通过ViewModel进⾏交互，我们只关注业务逻辑，不需要⼿动操作DOM， 不需要关注View和Model的同步⼯作 2. vue-router是什么？有哪些组件？ · Vue Router 是 Vue.j s 官⽅的路由管理器。它和 Vue.j s 的核⼼深度集成，让构建单页⾯应⽤变得易如反掌。 • router-link和router-view和keep-alive 3.active-class 是哪个组件的属性？ active-class是router-