码字不宜，你的赞将是我持续更新创作的动力。

架构师，是一个神秘而又神圣的存在，每个刚入行的程序员提及于此，无不露出心驰神往而又望而生畏的复杂神情。

以往我们在基于 Vue 或者 react 做页面开发时，往往需要通过安装 vue-router 或者 react-router ，然后手动编写其路由组织文件来完成文件对路由结构系统的映射，页面少的时候配置起来还不繁琐，但是当开发一些大型的中后台B端项目的时候，整个配置文件就会很大。有时候如果目录文件的组织结果和路由层级对应不上的话，在日后的开发维护中找起对应路由的文件时就会很繁琐。

今天线上观看了 vueconf，对于很多嘉宾的分享一些底层原理的地方，思路明显跟不上；回想起来，我也从vue2.x开始，使用了两年多的vue了，但是对于很多底层的实现机制了解的并不是很深入。最近在一些项目中使用了vue3 + vite来开发，发现vue3和vite很多地方都是革命性的改动，对此很感兴趣，于是就给自己挖了这个大坑，从学习vue3源码开始，一步一步将这座大山翻过去。

以下是在公司内部做技术分享时的PPT，放在这里一份备份：

通常，在一个函数内部调用另一个函数的时候，会分配第二个栈帧来独立管理第二个函数调用的变量、状态。这个分配不但消耗处理时间也消耗了额外的内存。

如下为一段代码，请完善sum函数，使得 sum(1,2,3,4,5,6) 函数返回值为 21 ,需要在 sum 函数中调用 asyncAdd 函数进行数值运算，且不能修改asyncAdd函数

项目的实现过程是由一系列的项目阶段或项目工作过程构成的，任何项目都可以划分为多个不同的项目阶段或项目工作过程。

项目生命周期是指从项目开始到结束的全过程。项目组织的目的性很强，项目组织存在于生命周期中，组织在执行项目的过程中通常会将项目分为不同的阶段来更好的管理项目。