宿雨i

首先如果想要实现一个接口，想让这个接口对外提供服务，就需要一台服务器进行部署我们的代码，既然 Serverless 不需要关心服务器，那就需要 Fass 。 FaaS（Function as a Service）本质上是一个函数运行平台，大多 FaaS 产品都支持 Node.j…

写这篇文章的时候已经到了2021年1月下旬，很可惜，这次的年终总结竟然是在团队敦促下写出来的，原本每年都应该去总结的，看看去年的 flag ，仿佛也没几个达成。 转眼已经毕业1年多了，加上2020年疫情的原因，从年初焦虑到年尾。 2019年6月，刚毕业的我加入现在的公司，加入的…

使用watch有两种方法，第一种直接调用vm.$watch，第二种是在选项中配置watch属性。 new一个Watcher，并且增加 { user: true } 标记为用户watcher。 首先把传入的字符串做为函数返回，例如'msg'转化为 util.getValue(vm…

1. 异步更新 发现页面正常显示了msg的值，但是此时的数据更新导致的页面更新了4次，显然是不太合理的，我们想要的是最终视图只更新一次，所以我们需要将之前的同步更新逻辑修改成异步的。我们首先将watcher放到一个数组中，首先用一个最简单的办法使用setTimeout在一轮任务…

但是目前我们去更新数据，视图不能正常去更新，如何知道视图是否需要更新，是不是任意一组data数据修改都需要重新渲染更新视图？其实并不是，只有那些在页面被引用的数据变更后才会需要视图的更新，所以需要记录哪些数据是否被引用，被谁引用，从而决定是否更新，更新谁，这也就是依赖收集的目的…

1. 如果有用户传入了el，去调用$mount方法 这里会生成一个渲染Watcher的实例。下面先简单实现一下这个Watcher类，在observe目录下新建watcher.js： 根据现在的Watcher实现，新生成这个渲染Watcher的实例，会默认去执行UpdateCom…

1. 数组原生方法的劫持 前面已经完成了对data数据里对象的劫持，但是针对数组的变化，Object.defineProperty 不能很好的支持，所以在Vue 中，采取了对数组原生方法进行劫持的操作，来保证数据可以被正常监测到。 通过使用data.__proto__将数组上的…

1. 工欲善其事，必先利其器，首先搭建我们的开发环境 新建 webpack.config.js 用来编写webpack配置, 新建src/index.js做为项目入口文件，然后新建public/index.html做为模板文件。webpack 基本配置内容如下： 然后执行npm…