写了几年的 Vue 了，对其中的内部实现还是一知半解，日常开发中，基本问题 debug + 官方文档基本可以解决了，很少有触及源码的需求。最近发现看看源码也有好处，用的时候可能会多了一些自己的理解，知道了为什么，使用起来也更加得心应手。下面来讲讲 Vue 数据驱动视图是怎么做到的。

在讲 Vue 如何做到数据驱动视图之前，我们先来看看用纯 js 我们是如何改变页面数据的

在实例化一个构造函数的时候，我们通常会用 new 关键字，这个 new 关键字是如何做到让实例可以调用到构造函数上的方法和属性的呢？

我们先来看看实例有啥特性，首先每个实例上都有一个 __proto__ 属性指向实例原型，也就是构造函数的原型，实例可以调用到构造函数上的方法和属性，然后实例可以向构造函数传参。乍一看这不就是在变相的问如何实现继承吗？接下来，我们写个 demo 看看怎么实现上述表述的内容

最近想把字符串转换成 base64，不想用库，搜了下浏览器环境下 js 原生就支持字符串跟 base64 的相互转换，看看 demo:

// 加密
var a = btoa('canace22@qq.com') 
// 解密
var b = atob(a)
console.log(a)  // Y2FuYWNlMjJAcXEuY29t
console.log(b)  // canace22@qq.com

鲍勃迪伦有首歌叫做’flowing in the wind’，美国也有一部长篇历史小说叫做 ‘gone with the wind’, 名字也好，故事也好，我都很喜欢。也许是喜欢这一类的题材，我的记忆也爱屋及乌，演变成了 ‘flowing in the wind’ 或者 ‘gone with the wind’ 这样的状态吧。