如何将动图展示的指定部分的值设置为变量？

核心逻辑是把硬编码的静态值和页面展示区块做解耦，通过统一变量做中间映射，实现一处修改变量值、所有关联区块同步更新的效果

• 定位页面上你需要动态调整值的目标展示区块，把原本直接写在代码里的硬编码内容抽离出来，单独定义为全局可调用的赋值变量
• 修改目标区块的内容渲染逻辑，让它直接读取对应变量的取值，不再直接加载写死的静态内容
• 后续你只需要调整对应变量的赋值，所有绑定了该变量的区块就会自动同步更新展示内容，整个交互的实际表现和配套演示动图展示的效果完全匹配，无需逐处修改每个区块的硬编码内容，能大幅降低后期维护成本

内容的提问来源于stack exchange，提问作者Mr.Uomo