Tree-Shaking 是一种排除 dead code 的机制，
利用 Tree-Shaking 机制使最终打包的代码体积最小化

虚拟 DOM，用 JavaScript对象来描述真实的 DOM 结构，
渲染器把虚拟 DOM 渲染为真实 DOM

尚未佩妥剑，转眼便江湖。
愿历尽千帆，归来仍少年。

《Vue.js设计与实现》
https://github.com/GrayMind/vue3-learning
https://github.com/GrayMind/vue3-learning/tree/master/book/Vue.js设计与实现.pdf

Vue.js设计与实现 - 霍春阳
基于Vue.js 3，从规范出发，以源码为基础，并结合大量直观的配图，循序渐进地讲解Vue.js中各个功能模块的实现，细致剖析框架设计原理。
全书共18章，分为六篇，主要内容包括：框架设计概览、响应系统、渲染器、组件化、编译器和服务端渲染等。
通过阅读本书，对Vue.js 2/3具有上手经验的开发人员能够进一步理解Vue.js框架的实现细节，
没有Vue.js使用经验但对框架设计感兴趣的前端开发人员，能够快速掌握Vue.js的设计原理。

const dialogVisible = ref(false)    
ref是 Vue3 中的一个函数，用于创建响应式数据。
在 Vue3 中，ref 通常用于定义基本类型的响应式数据。
import { ref } from 'vue';
const dialogVisible = ref(false);
在这个例子中，dialogVisible 是一个响应式引用，初始值为 false。
可以通过 dialogVisible.value 来访问或修改它的值。
Vue2 类似的功能可以通过 Vue.observable 或 data 选项来实现，
但 Vue3 的 ref 和 reactive 提供了更强大和灵活的响应式系统。

PWA (Progressive Web App): 渐进式网页应用
SPA (Single Page Application): 单页应用
SSR (Server-Side Rendering): 服务器端渲染
CSR (Client-Side Rendering): 客户端渲染

《西湖梦寻》
对杭州一带重要的山水景色、佛教寺院、先贤祭祠等进行了全方位的描述，
按照总记、北路、西路、中路、南路、外景的空间顺序依次写来，把杭州的古与今展现在读者面前。
尤为重要的是，作者在每则记事之后选录先贤时人的诗文若干首（篇），更使山水增辉。
这些诗文集中起来，就是一部西湖诗文选。
在七十二则记事中，有不少有关寺院兴废之事，可以给研究佛教者提供丰富的资料。

涌金门：古代杭州西城门之一。
五代时，吴越王引西湖水入城，称涌金池，在此筑涌金门，门濒临西湖。
传说西湖中“金牛涌现”即在此处，因而得名。

《大国钥匙》是一本由曾航撰写的书籍，
主要探讨了中国如何通过发展关键技术来替代国外“卡脖子”技术，
并涵盖多个领域，包括大飞机、盾构机、半导体设备等，同时也涉及游戏、奶粉、化妆品、抖音等互联网应用