沽汣

作为一个前端开发，在日常开发工作中，当我们完成了一个功能的开发，需要发版到测试环境时，或多或少都会接触到一些发版工作的，在一些相对规范点的公司可能会配有CI/CD，那么我们直接推了代码，点立即构建即可

作为一个兢兢业业的前端er，虽然每天都被各种CRUD的需求包围着，但总归还是有一颗爱玩的心。这篇文章也是之前想要做的一个小玩具，最近终于挤出时间把这个玩具给实现了，感觉有点意思，整理出来给掘友们玩一下

hi~好久不见，距离上次发文隔了有段时间了，这段时间，我是裸辞去感受了一下前端市场的水深火热，那么这次咱们不聊技术，就说一说最近这段时间的经历和一些感触吧~

前言 前段时间老板心血来潮，要我们前端组对整个的项目都做一下接口防止重复请求的处理（似乎是有用户通过一些快速点击薅到了一些优惠券啥的）。。。行吧，搞就搞吧，you happy jiu ok！

身为一个Vue技术栈的前端人，想必在面试的时候多多少少都会被问到一些框架的底层原理，而在众多的问题中，diff算法就是其中的一个比较高频的考点。 这一节，我们就从源码出发，看一看Vue3的diff算法

前面我们探讨了组件的挂载逻辑，挂载逻辑主要就是通过执行render函数生成vnode，然后将vnode通过patch函数处理，最终生成真实DOM，并挂载到父容器，页面也就呈现出内容。

说起堆这种数据结构，可能很多前端er并不清楚，堆到底是个什么东西，这种数据结构又有什么用呢？ 其实，我也一样，虽然刷了不少的算法，但是每次遇到需要用 堆的时候，都是大概有那么点意思，可意思又不是很多~

前面我们一起探讨了 Vue3 的 响应式原理 和 编译过程，render函数我们已经拿到了，那具体到底要怎么用呢？这一节，我们就开启一个新篇章——组件的挂载。

从模板字符串template到最终呈现页面，Vue对于这部分的处理过程是：template=>AST=>JS AST=>render函数，这一节，我们来学习Vue源码中render函数的生成逻辑~