考点介绍:
VUE是前端校招面试的重点,而生命周期和双向绑定又是基础考点之一,尤其在一二线公司,要求知道双向绑定的原理,以及相关代码实现
本期分享的前端vue考点之生命周期和双向绑定,分为试题、文章以及视频三部分。
答案详情解析和文章内容点下方链接即可查看!
一、考点题目
1、mvvm和mvc区别?它和其它框架(jquery)的区别是什么?哪些场景适合?
解答:mvc和mvvm其实区别并不大。都是一种设计思想。主要就是mvc中Controller演变成mvvm中的viewModel......
2、什么是vue生命周期?vue生命周期的作用是什么?第一次页面加载会触发哪几个钩子?DOM 渲染在 哪个周期中就已经完成?
解答:本题重点考察对生命周期的理解,一方面要做为考点理解记忆,另一方面要结合实战......
3、说一下,Vue实现数据双向绑定Object.defineProperty()的原理?然后使用js实现简单的双向绑定
解答:vue实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调......
(答案点击下方链接查看哦)
二、考点文章
1、vue生命周期
Vue 实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程,称这是Vue的生命周期……
2、Vue - 生命周期详解
Vue实例有一个完整的生命周期,也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程,我们成为Vue 实例的生命周期,钩子就是在某个阶段给你一个做某些处理的机会……
(点击下方链接查看完整版)
三、考点视频
1、跨域场景和解决方案
本题是前端校招考查相当多的考点,需要理解同源概念、跨域的主要场景以及前端和服务器端的解决方法……