1.vue runtime源码分析学习——day4：createApp
2.求一个简单的源码易语言源码，取系统运行时间的分析
3.体系结构 - SPEC2017 benchmark调研
4.vue/compiler-dom源码分析学习--day4: 字符串化hoist节点
vue runtime源码分析学习——day4：createApp
在深入研究vue runtime源码时，我们首先确定了分析的源码路径和方法。
createApp这个关键入口点位于@vue/runtime-dom包中，分析它是源码开发者项目启动的起点。
在开始代码分析前，分析r包源码安装我们选择在packages\vue\__tests__\index.spec.ts中的源码测试用例进行，通常选择第一个即可，分析因为这里模拟的源码是客户端环境，但需确保testEvironment配置正确并配合jsdom库使用。分析
createApp方法内部包含一些开发环境特有的源码检查，如injectCompilerOptionsCheck和injectNativeTagCheck，分析它们在生产环境不会执行。源码在线短信经典源码通过Object.defineProperty绑定，分析可以防止这些检查被意外修改。源码
createApp的主要任务包括调用ensureRenderer、createAppApi和mount等。其中，ensureRenderer涉及到typescript的重载，而createAppApi则是通过缓存render和hydrate方法，优化性能。
在render部分，我们首次遇到reload，这是与vue-loader中热更新功能的联系点。尽管loader中的在线游戏源码开发reload方法不接受参数，但它们本质上是处理相同逻辑的。
mount方法的核心内容是将js代码转化为DOM，它会处理createVNode和vnode的生成，以及与container._vnode的更新和比对，即旧vnode与新vnode的差异处理。
虽然今天的内容可能略显琐碎，但createApp的总体流程已经清晰了。后续将继续深入解析其他关键部分。
求一个简单的易语言源码，取系统运行时间的
月数不好定，因为每个月天数不一样。算到天就行了。攻击角度指标源码
代码如下：
.版本 2
.支持库 spec
.子程序 _按钮1_被单击
.局部变量 运行时间, 整数型, , , 毫秒
运行时间 ＝ 取启动时间 ()
调试输出 (取毫秒到天 (运行时间))
.子程序 取毫秒到天, 文本型
.参数 参_秒, 整数型
.局部变量 参_秒, 整数型
.局部变量 天, 整数型
.局部变量 小时, 整数型
.局部变量 分钟, 整数型
.局部变量 秒, 整数型
参_秒 ＝ 取启动时间 () ÷
天 ＝ 参_秒 ÷ ÷ ÷
小时 ＝ (参_秒 － 天 × × ) ÷
分钟 ＝ (参_秒 － 天 × × － 小时 × ) ÷
秒 ＝ 参_秒 ％
返回 (到文本 (天) ＋ “天” ＋ 到文本 (小时) ＋ “小时” ＋ 到文本 (分钟) ＋ “分钟” ＋ 到文本 (秒) ＋ “秒”)
体系结构 - SPEC benchmark调研
SPEC基准测试的简要概述
SPEC基准测试是一种衡量计算机性能的标准，其中KLOC（千行代码）用于表示源代码长度。这些基准测试主要关注于数据处理和计算密集型应用。例如，SPEC CPU benchmark测试了系统的运算能力，而非I/O性能。
iostat是Linux中常用的I/O性能分析工具。初次运行iostat会显示系统启动以来的统计信息，后续运行则追踪自上次运行以来的变化。安装iostat的命令适用于Ubuntu系统。该工具的统计信息包括CPU在用户模式、系统模式、如何建立源码网站等待I/O、管理虚拟处理器和空闲时间的百分比。观察%iowait（等待I/O的CPU时间）和%user（用户模式CPU时间）的比值，有助于判断性能瓶颈。
在特定测试中，以int_speed为例，结果显示%user时间远高于%iowait，表明处理器性能是主要瓶颈，而非I/O。
进一步对比，fio是一个用于测试I/O性能的基准程序，可以通过Ubuntu命令行安装。为了模拟I/O瓶颈情况，测试时将io设置为同步模式，这会导致更高的I/O开销。当I/O成为性能瓶颈时，观察%iowait和%user的比例会显著增加，显示出两者之间的关联。
vue/compiler-dom源码分析学习--day4: 字符串化hoist节点
vue/compiler-dom源码解析继续：深入理解字符串化hoist节点
前言：在处理内置指令后，我们今日关注的是@vue/compiler-dom包中的字符串化hoist节点操作。这部分代码在baseCompile方法中找到调用入口，且hoistStatic选项默认为true，尽管没有直接传入参数。
在vue/compiler-sfc/__tests__/compileTemplate.spec.ts的测试用例中，我们发现参数来源。接着，我们追踪到hoistStatic.ts和`walk`函数，这是实现静态提升（static hoisting）的关键，用于优化性能，避免在render function中重复生成和比较不会变化的静态节点。
静态提升允许将不变的元素和文本节点抽离到render函数外，提高渲染效率。例如，一个只包含动态部分的，其静态部分会被提升，渲染时会直接使用字符串拼接，而不是每次都重新创建。
现在，我们来看下stringifyStatic方法。该方法在确定节点会被提升到哪个阶段后执行，确保只处理适合的普通元素和文本节点。在transforms/stringifyStatic.ts中，代码负责识别可stringify的子节点，比如v-slot组件是不支持的，但可以hoist。
在`analyzeNode`方法中，逐层递归检查节点，确保所有子节点满足stringify条件。文本节点则有特殊的处理方式，其他情况下，如遇到table元素，可能存在浏览器兼容性问题，导致不能使用innerHTML。
总结`stringifyCurrentChunk`方法，它将识别到的静态块转换为字符串调用节点，替换原始hoist元素。整个过程旨在优化性能，通过字符串化hoist节点，减少不必要的DOM创建和比较。
尽管代码逻辑相对直观，但众多小方法间的跳转可能影响阅读。核心是找到可stringify的最大静态块，并进行替换。关于内置指令和style的处理，也有相应的优化策略，如transformStyle处理静态style为bind类型。
