# Vue2 响应式原理

学过 Vue2 的话应该知道响应式原理是由 Object.defineProperty 对数据进行劫持，再加上订阅发布，实现数据的响应的。

Object.defineProperty 存在以下几个方面的缺点。

1. 初始化的时候需要遍历对象的所有属性进行劫持，如果对象存在嵌套还需要进行递归。导致初始化的时候需要消耗一些资源用于递归遍历。
2. 从上面可以推导出 Vue2 对于新增、删减对象属性是无法进行劫持，需要通过 Vue.set、Vue.delete 进行操作。
3. 每个调用者会生成一个 Watcher，造成内存占用。
4. 无法劫持 Set、Map 对象。

# 搭建调试环境

为了弄清楚 Vue3 的初始化，建议先克隆 Vue3 到本地。

git clone https://github.com/vuejs/vue-next.git

安装依赖

npm install

虽然迟了一天，但还是祝各位小伙伴端午安康。

最近因为端午节到来，物业举办了一个网页小游戏，得分最高的前 N 名可以拿到奖品。

闲来无事的我参加了一下，发现自己实在是太菜了，总是玩不过别人，于是转变思路，研究看看这个小游戏是如何提交分数的。

今天不知道什么情况，朋友圈、微信群都在发小霸王游戏机。

作为互联网从业者，体验一番之后肯定是找源码看看啦，发现作者是在 2020-09 就发版了，可能最近被短视频带火了。

经常在网络上浏览文章的小伙伴可能会遇到一些这样的文章，当我们看的正起劲的时候，剩余的内容都被隐藏了，需要到指定公众号回复关键词解锁。

这两天我也给我的博客加上了，因为踩了一些坑，所以记录一下，希望能帮助到更多人。接下来一起来看看是如何配置的吧。

2020发生了太多的事情，对于我来说，我最想分享的应该是12月份了。对我来说12月份算是2020年以来，个人成长最快的时候。

5月13号 Deno 发布了 1.0 版本，Deno 的发布引起了很多人关注。

官网描述 Deno 是一个安全的 JavaScript 和 TypeScript 的运行时。

A secure runtime for JavaScript and TypeScript. ---https://deno.land/

Deno 的作者 Ryan Dahl (ry) 就是 Node.js 的作者，因为 Node.js 存在设计上存在缺陷，而且 Node.js 拥有大量的用户使得 Node.js 的发展变得困难、缓慢，所以 Ryan Dahl 选择离开 Node.js 开发 Deno。

因各种原因，导致全球经济下行。前段时间还有许多关于薪资打折、cai员的文章，相信大家都有所了解。

作为一个底层的打工仔，在此之前我就一直在寻找有什么方法能增加自己的经济收入。

前段时间遇到一个需求，需要画一个 7日年化利率 的曲线图。

UI 提了几个需求，说实话，一开始看到时都懵逼了，然后我回了句 “你说，我不一定实现。”

一开始看了网上的一些开源图表，看是能实现，但是又觉得比较重，没必要为了一个图表而引入整个库。而后下定决心自己撸一个。

最近这段时间下班回家之后一直在写小程序，导致了最近很长一段时间都没更新文章，刚好利用这次假期，总结一下这段时间的工作。