共计 816 个字符,预计需要花费 3 分钟才能阅读完成。
前言
这段是总结,不显得那么水灵灵。
最近三个月 (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 地址