关于 Vue 的 SPA 说的已经太多了（在我之前的多个项目中，已经多次使用到了，包括 sell，music，vue-cms 等多个项目），它为我们带来了极速的开发体验，极强的开发效率。可能唯一有些许不足的就是：当我们对 SEO 很在乎的时候，我们如何去处理 SEO 的需求？ …

说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子(created,mounted)，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也算是比较高频的考点，那么该如何回答这类问题，让人有眼前一亮的感觉呢... 有的时候，我们需…

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第30天，点击查看活动详情 前言 小伙伴们好，我是村长，一个爱分享的老前端。本月恰逢「掘金日新计划 · 6 月更文挑战」

这是村长整整花了一个月时间收集题目，亲自手写答案，录制讲解视频，汇集了50+以上经典的Vue面试题，每题我都力争做到源码级的解析，希望大家可以深入学习，如果你喜欢请务必点赞、收藏、留言支持我~

抽象语法树学习笔记 什么是 AST？ AST 是 Abstract Syntax Tree 的首字母的缩写，中文名称为：抽象语法树 抽象语法树本质上就是一个 JS 对象，以字符串的视角，将 Html

抽象语法树（Abstract Syntax Tree）本质上是一个 js 对象 抽象语法树和虚拟节点的关系...

两个相同的组件产生类似的DOM结构，不同的组件产生不同的DOM结构。 同一层级的一组节点，他们可以通过唯一的id进行区分。基于以上这两点假设，使得虚拟DOM的Diff算法的复杂度从O(n^3)降到了O(n)。 当某一层有很多相同的节点时，也就是列表节点时，Diff算法的更新过程…

目前几种主流的mvc(vm)框架都实现了单向数据绑定，而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素（input、textare等）添加了change(input)事件，来动态修改model和 view，并没有多高深。所以无需太过介怀是实现的单向或双向绑定。 D…

v-show，v-if 用哪个？第一个维度是权限问题，只要涉及到权限相关的展示无疑要用 v-if ，第二个维度在没有权限限制下根据用户点击的频次选择，频繁切换的使用 v-show ，不频繁切换的使用 v-if ，这里要说的优化点在于减少页面中 dom 总数，我比较倾向于使用 v…