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

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

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

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

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

ESM（ECMAScript Modules）是 JavaScript 的官方模块系统，
允许开发者以模块化的方式组织和加载代码。
在 Vue.js 中使用 ESM 可以帮助你更好地管理代码结构，
并且与现代 JavaScript 工具链（如 Webpack、Vite、Rollup 等）无缝集成。

命令式和声明式
命令式框架关注过程
声明式框架更加关注结果
声明式的更新性能消耗 = 找出差异的性能消耗 + 直接修改的性能消耗
虚拟 DOM 的意义就在于使找出差异的性能消耗最小化。
Vue.js 3 是一个编译时 + 运行时的框架，
它在保持灵活性的基础上，还能够通过编译手段分析用户提供的内容，
从而进一步提升更新性能。

你永远赚不到自己认知之外的钱。
凭运气赚到的钱，往往会凭实力输光。

财富认知力=信息力×模型力×心智力
信息力：快速学习，处理庞杂的信息
模型力：让经验系统化、可迁移化
心智力：对抗外界各种噪声、干扰

Vue两个核心功能：
声明式渲染：基于标准 HTML 拓展了一套模板语法，可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系
响应性：Vue自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM

通过 CDN 使用 Vue 时，不涉及“构建步骤”。
这使得设置更加简单，并且可以用于增强静态的 HTML 或与后端框架集成。
但是无法使用单文件组件 (SFC) 语法。
单文件组件（Single File Component，简称 SFC）是 Vue.js 中用于组织组件代码的一种方式。
它将组件的模板（HTML）、逻辑（JavaScript）和样式（CSS）封装在一个单独的文件中，
通常以 .vue 为扩展名。SFC 语法使得组件的开发、维护和复用更加方便。
一个典型的 .vue 文件包含三个部分：
template：定义组件的 HTML 模板
script：定义组件的 JavaScript 逻辑
style：定义组件的样式

vue3 46个经典案例
https://gitee.com/dyyx/vue3.x-example

想要投资成功，一要智商，二要情商。
智商不是聪明，而是正确的思考框架；
情商不是战胜别人，而是战胜自己。
——«聪明的投资者»

价值投资的精髓：看多祖国，做多祖国，这种成功带来的快乐无与伦比 !!!

前端技术非常多，但最核心的还是HTML、CSS和JavaScript。

禁用Nacos配置加载
spring.cloud.nacos.config.enabled: false

使我有洛阳二顷田，安能佩六国相印 
假使我苏秦刚开始就有二亩良田，日子温饱，哪能有今天佩六国相印衣锦还乡