Vue 的 Diff 算法有两种不同的粒度，分别是组件级别(component Diff)和元素级别(Element Diff)。
假如有新旧两个不同的 Virtual DOM Tree，如下图所示，Vue 只会比较同一层级的节点，即只比较同颜色方框内的节点。其中，深蓝色方框属于组件级别，紫色方框、橙色方框和浅蓝色方框属于元素级别。那 Vue 具体是如何 Diff 的呢？
本篇文章主要是介绍 Vue 的计算属性和监听属性。
以下的图介绍了三者之间的联系：
响应式数据和订阅者并不直接通信，而是通过Dep作为桥梁来沟通一个发布者和多个订阅者之间的通信。其中depend+addDep+addSub这三个属于依赖收集的流程，notify+update属于派发更新的流程。
Vue 是如何做到将不同类型的数据（基本类型、普通对象、数组等）转换为可检测的呢？
浏览器从输入 URL 到页面展示间到底发生了什么？这是一个非常经典的前端面试题目了，这个题目非常考验前端功底，整个流程涉及到网络请求和渲染流程两大块内容，那我们先回顾下导航流程吧。
搜索引擎优化（Search engine optimization，简称 SEO），指为了提升网页在搜索引擎自然搜索结果中（非商业性推广结果）的收录数量以及排序位置而做的优化行为，是为了从搜索引擎中获得更多的免费流量，以及更好的展现形象。
SEM（Search engine marketing，搜索引擎营销），则既包括了 SEO，也包括了付费的商业推广优化。
本文主要介绍的是前端如何在代码上做 SEO 以及单页项目如何实现 SEO。
1 / 2