技术登山

简述 单页面的优缺点不在本文讲，只讲原理。实现单页面的功能有两种方式： 使用锚点，hashHistory 利用浏览器的browserHistory原理 hashHistory原理 添加hashchan

理解作用域 三要素： 引擎：从头到尾负责整个js程序的编译及执行过程。 编译器：引擎的好朋友之一，负责语法分析及代码生成等脏活累活。 作用域：引擎的另一个朋友，负责收集与维护由所有声明的标识符（变量）

概述 触发依赖之后都会执行patch函数，它做了什么呢？ patch的作用是通过对比新旧虚拟dom，来更新dom。其中涉及到的知识点非常多，我们必须一步一步的分析。 h函数的使用 通过h函数的使用分析

processComponent处理组件 mountComponent挂载组件 通过createComponentInstance生成实例 有父组件的赋值给provides isMounted设置为f

processElement处理标签 mountElement挂载标签 创建对应type的dom children是string：el.textContent = text children是arra

「时光不负，创作不停，本文正在参加2021年终总结征文大赛」 简述 17年渣本毕业（依然热爱母校），目前在度小满金融（原百度金融），18年独立出来。可能很多人觉得不算是大厂，但薪资和福利真的拉满。 我

使用场景 我们在修改一个数据后，立刻获取绑定该数据的dom，会发现dom上的数据并没有变。 而放在this.$nextTick中就可以打印出变化之后的数据。 看源码前戏必备 要理解dom修改和页面渲染

看文章前，请先看reactive和ref的文章。 如何使用 computed源码 computed执行new ComputedRefImpl，我们看ComputedRefImpl _dirty用来标记

依赖收集和触发ref和reactive分开讨论 公共部分 从patch开始 patch触发了processComponent processComponent触发mountComponent moun

导出了什么？ 公共部分 1、创建Ref 2、创建Ref的类 3、type和接口，不细讲了 ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 propert

Reactive有那些可用的函数： type和枚举 公共的部分（后续很多地方要回到这） 1、生成get、set 2、createGetter、createSetter createGetter接受两个

明确问题： Vue2.0中劫持使用的Object.defineProperty，只能劫持到对象每个属性的获取get和修改set，而数组有很多方法可以修改自身，那么Vue是怎样劫持到它的改变？ 对照代码

我们简单分析三种响应式的方法： Vue2.0中的definedProperty 利用definedProperty并不是真正的代理，只是对属性做了劫持，比如对象删除或者数组的一些操作都是不能劫持到的。

集合是一组值，与数组类似。但与数组不同的是，集合没有索引和顺序，也不允许重复：一个值要么是集合的成员，要么不是；这个值不可能在一个集合中出现多次。