前端常见高频面试题，整理自黑马的面试宝典源文件，本人博客地址：https://ychzx.top ，包含前端知识体系。

说一下Diff算法？ 要点： patch、patchVnode、updateChildren、vue优化时间复杂度为O(n) 答： Diff算法比较过程： 第一步： patch函数中对新老节点进行比较

说一说Vuex是什么，每个属性是干嘛的，如何使用 ？ 要点： state、mutations、getters、actions、module、store.commit、store.dispatch 答：

说一下重绘、重排区别如何避免？ 要点： 改变元素尺寸、重新计算布局树、重排必定重绘、重绘避开了重建布局树和分层、GPU加速、脱离文档流、样式集中改变 答： 重排 ：当DOM的变化影响了元素的几何信息(

说一说 v-if 和 v-show区别？ 要点： v-show true/false都渲染 、 v-if true渲染 false不渲染 作用: 都是控制元素隐藏和显示的指令 区别： v-show:

说一说Vue2.0 双向绑定的原理与缺陷？ 要点： Object.defineProperty、getter、setter 答： vue的双向绑定是采用数据劫持结合发布者订阅者模式的方式来实现响应式，

说一说 Vue 列表为什么加 key？ 要点： 性能优化、diff算法节点比对、key不能是index 答： 为了性能优化 因为vue是虚拟DOM，更新DOM时用diff算法对节点进行一一比对，比如有

说一说vue-router 实现懒加载的方法？ 要点： import、require 答： vue-router 实现懒加载的方法有两种： ES6的import方式: component: () =>