前言
这段是总结，不显得那么水灵灵。
最近三个月 (7 ~ 9) 所有的闲暇工夫全副用在了 Vue3、TypeScript、Vite 这套体系上。明天也刚好是 9 月的最初一天，因为加班的起因，预计的打算也算是刚刚好实现。
这三个月是这样的：
小我的项目
先把 Vue3、TypeScript、Vite 的文档过了一遍，而后写了一个简略的网易云。
学完 Vue3、TypeScript 干什么，先来一个 ” 网抑云 ”
大我的项目
也刚好外部有一个新零碎要做，通过比照应用了 Vben Admin 这个开源我的项目，也总结了一些内容。
- Vben Admin 深刻了解之插件、环境变量的设计
- Vben Admin 深刻了解之路由、菜单、权限的设计
- Vben Admin 深刻了解之动静主题切换的设计
看源码
一边写我的项目一边看源码，差不多两个月的工夫吧。以下都是总结的局部内容，内容较多导出的图也比拟含糊，所有的原始文件都在 GitHub 上。
- GitHub 地址
流程标记
我始终想把流程调试过程中的次要断点保留下来，以便后续再次看的时候能轻松的找到不过没找到计划。当初应用了 VsCode 的 Todo Tree 合乎心中的预期，能高亮、能过滤、能搜寻，如果须要调试就在浏览器对应的地位打上断点。
为什么给每个次要流程打上标记，因为在这么大的源码库里办法和文件来回跳转很失常不过了。如果这样就能够依据打的标记走，在钻研分支细节的时候也能轻松回到主流程。
测试例子
如果调试测试例子是必不可少，所有都写了简略的用例。因为编译原理我没有深入研究只是了解了编译过程，所以我大部分都是先写 template 的形式测试，而后通过 template-explorer 编译，再依据编译后果手写 render 的形式实现。
思维导图
在了解完一个性能实现后，都会从新梳理流程，把重要的点和调用关系图用思维导图的形式出现进去用于增强了解。
Mini 版本
了解外围性能，实现繁难的版本实现，目前实现了两个 响应式原理 和 _DIFF 算法原理_。
我的项目地址
- GitHub 地址