【校招VIP】前端VUE考察之底层特性

94 阅读2分钟

考点介绍:

vue 作为一种MVVM模式的框架, 其数据绑定的底层原理为:数据劫持 + 发布订阅者模式。其中主要有这么四种“角色”:Observer, Dep数据收集, Watcer订阅者,以及 Compiler 模板编译器。

本期分享的前端VUE考察之底层特性,分为试题、文章以及视频三部分。

答案详情解析和文章内容可扫下方二维码或链接即可查看!

一、考点题目

1、diff 算法是什么?

解答: Vue 和 React 都是基于 vdom 的前端框架,组件渲染会返回 vdom,渲染器再把 vdom 通过增删改的 api 同步到 dom......

2、简述Vue中的diff算法

解答: 当我们当前组件所依赖的数值更新和组件创建时运行update函数,update函数会调用组件的render函数,render生成新的虚拟dom树......

3、讲一下简单diff 算法的实现

解答: diff 算法的目的是根据 key 复用 dom 节点,通过移动节点而不是创建新节点来减少 dom 操作......

4、讲一下双端diff 算法的实现

解答: vue2 是用的双端 diff 的算法。双端 diff 是头尾指针向中间移动的同时,对比头头、尾尾、头尾、尾头是否可以复用,如果可以的话就移动对应的 dom 节点......

(答案点击下方链接或者扫海报二维码查看哦)

二、考点文章

1、vue生命周期

Vue 实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程,称这是Vue的生命周期……

2、Vue - 生命周期详解

Vue实例有一个完整的生命周期,也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程,我们成为Vue 实例的生命周期,钩子就是在某个阶段给你一个做某些处理的机会……

3、【校招VIP】Vue2 VS Vue3 Diff算法的比较

Vue采用对树的节点进行同层比较,所以时间复杂度是O(n),比较高效……

(扫下方海报二维码查看完整版)

三、考点视频

1、前端校招的特点、考点和职业发展

前端是IT校招中目前性价比最高的职位,对所学专业要求不高,考点难度较小,且需求量大……

更多资讯可搜索校招VIP小程序查看哦!
移动端链接: <m.naoffer.com/dTopic/deta…>
PC端链接:<xiaozhao.vip/dTopic/deta…>

校招考点专题宣传单 (1).png