1什么是vue的生命周期？ Vue实例从创建到销毁的过程，就是生命周期也就是从开始创建初始化数据编译模板挂载DOM渲染更新渲染卸载等一系列过程，我们称这是Vue的生命周期 2vue生命周期的作用是什么？ 它的生命周期中；问题有smithButton命名，使用的时候则smithbutton23聊聊你对Vuejs的template编译的理解？答简而言之，就是先转化成AST树，再得到的render函数返回VNodeVue的虚拟DOM节点详情步骤首先，通过compile编译器把template编译成AST语法树。

最近很火的框架reactjs，他的核心就是实现了一个虚拟dom，每次页面的更新都能通过虚拟dom计算出最小变更内容，从而达到页面高效的刷新，实现最小diff的算法很关键 腾讯在手机web上实现了利用localstorage存储js，然后js实现增量更新的算法，达到；React的Diff算法在调用setState方法改变state中的数据状态时，会产生虚拟DOM，为了页面更新提升性能当前的虚拟DOM与旧虚拟DOM发生比较，此时使用了Diff算法如果改变state数据次数多频率很高，时间间隔相近，为了提升性能，set；4Vue20开始支持虚拟DOM 但在Vue10中，操作的是真实DOM元素而不是虚拟DOM，虚拟DOM可以提升页面的渲染性能 30描述vuejs的特点 Vue js有以下特点 31在vuejs中如何绑定事件？ 通过在von后跟事件名称=“事件；综上，key 主要是应用在 Diff 算法中，作用是为了更快速定位出相同的新旧节点，尽量减少 DOM 的创建和销毁的操作希望以上内容能够对各位小伙伴有所帮助，祝大家面试顺利Vue 的文档中对 key 的说明如下关于就地修改；虚拟dom相当于在js和真实dom中间加了一个缓存，利用dom diff算法避免了没有必要的dom操作，从而提高性能 具体实现步骤如下 用JavaScript 对象结构表示 DOM 树的结构然后用这个树构建一个真正的 DOM 树，插到文档当中 当状态变更。

21 HTML面试题 面试题行内元素有哪些块级元素有哪些 空void元素有那些面试题页面导入样式时，使用link和@import有什么区别面试题title与h1的区别b与strong的区别i与em的区别面试题img标签的tit；虚拟dom就站出来了 虚拟dom如果有10次更新dom的动作，虚拟dom不会立即操作dom，而是将这10次更新的内容储存起来，通过diff算法，把新的domvue刚构造的虚拟dom和旧的dom可能是页面上现在显示的真实的dom；如果数据项的顺序改变，vue将不是移动DOM元素来匹配数据项的改变，而是简单地复用此处每个元素，并确保在特定索引下显示已被渲染过的每个元素key属性类型只能是string或number key的特殊属性主要用在虚拟DOM算法，在新旧；我们回顾下从 new Vue 开始它的执行顺序最后我们还是以一道 vue 可能会被问到的面试题作为本章的结束吧~顺手点个赞或关注呗，找起来也方便~你可能会用的上的一个vue功能组件库，持续完善中；需要使用key来给每个节点做一个唯一标识，Diff算法就可以正确的识别此节点，找到正确的位置区插入新的节点。

1虚拟dom是一个js对象，用对象属性来描述节点，是一层对真实dom的抽象 2因为dom的执行速度远不如js执行速度快，因此将真实的dom抽象成js对象，然后通过算法计算出真正需要更新的节点，从而减少了大量的dom操作 3；2你对虚拟dom和diff算法的理解，实现render函数虚拟DOM 本质上是 JavaScript 对象，是对 真实DOM 的抽象表现 状态变更时，记录新树和旧树的差异 最后把差异更新到真正的 dom 中 render函数 3React组件之间通信方式；1都支持服务器端渲染 2都有虚拟dom，组件化开发，都有‘props’的概念，允许父组件往子组件传送数据，都实现webComponent规范 3数据驱动视图 4都有支持native的方案，React的React native，Vue的weex 5构建工。

要点虚拟 DOM 是 JS 对象虚拟 DOM 是对真实 DOM 的描述diff发生在虚拟DOM上diff算法是在新虚拟DOM和老虚拟DOM进行diff精细化比对，实现最小量更新，最后反映到真正的DOM上我们前面知道diff算法发生在虚拟DOM；通过设置唯一 key 策略，对 element diff 进行算法优化 2 虚拟dom 虚拟DOM Virtual DOM 实际上它只是一层对真实DOM的抽象，以JavaScript 对象 VNode 节点 作为基础的树，用对象的属性来描述节点，最终可以通过一系列操作使这棵树映；很多同学在面试的时候都会被问到vue的虚拟DOM的diff 以及 patch 的过程，如果这vue的源码了解不是很深刻，很难通过面试官的法眼，下面就来用通俗易懂的方式聊一聊Vue的patch过程我们都知道Dom操作是一个特别低性能的事儿。