问题标签 [hyperscript]

我正在尝试更深入地了解 Vue，并阅读了一些有关 Vue 2 的虚拟 DOM 实现的内容，并遇到了 snabdom 和 hyperscript 的提及。

我的理解是 Vue 2 使用 snabdom 的一个分支来实现它的虚拟 DOM。然后还有调用h创建虚拟节点的渲染函数。

那么虚拟节点（上标）与 snabdom 有什么关系呢？好像他们做同样的事情。

Vue2 的h渲染功能：

我对_hyperscript js 很感兴趣，我觉得它很有前途和有趣。

现在我试图理解变量在简单命令中的使用。假设我有以下由 PHP 脚本生成的代码，该脚本查询了一个 dB，并且从哪里获得了该 dB（一个非常常见的情况）：

要将类添加到特定的id我通常会这样做：

但是如果我不知道，id因为它是 dB 查询的结果怎么办？如何使用_hyperscript放置变量并使用 javascript 设置它？像这样的东西：

使用'符号'it读取最后call返回错误的结果：

返回

我有一个带有 class 的元素列表.node-display，当单击它时它变成一个输入。我想捕获向下或向上箭头键以单击.node-display列表中的下一个（相对于当前元素）。

在下面的示例中，按下应该单击项目 5，按下将单击项目 3。

• 1
• 2
• 3
• 4（当前选择）
• 5
• 6

我最好的猜测是这样的。

有谁知道我实际上是如何写这个表达式的？

我想使用超脚本助手创建导航，但是当我单击导航项并从另一个项中删除活动时，我无法弄清楚如何实现活动类。请帮忙。

我在用：

我一直对 Sanity 的序列化程序和 11TY 做噩梦。

我通过以下方式使用 BlocksToHTML 配置了 11ty + Sanity：

在 .eleventy.js 上

在 serializers.js 上

“infoText”代码由@person_v1.32 在我之前的问题（Eleventy (11ty) 中的 Sanity Serializers）中提供。

现在，使用的语法直接来自https://github.com/hyperhype/hyperscript。

因此，“prosAndCons”仅输出前两个值（pro1、pro2 和 con1、con2）。

如果我从 Hyperscript 中提取示例代码，如“productTable”上所示，它也会在“two”之后转义。

似乎是这里的一种模式，我一生都不明白它是什么。

有小费吗？太感谢了。

我正在使用 htmx 和超脚本，我希望在提交时清除以下表单中的所有输入字段：

我试过用<what should I write here??>egon submit put '' into <input/>和on submit put '' into <input[value]/>许多其他组合替换，但我没能完成这项工作。

问：提交表单时如何清除所有输入字段？

我正在使用 htmx 和超脚本，我希望在所有必需的输入字段在表单中都有效时启用“提交按钮”（添加用户）。在这种情况下，必须定义一个非空名称和一个有效的电子邮件地址。

我应该写什么而不是<what should I write here??>让这发生？

如何在 _hyperscript 中克隆 html 元素？

例如，我想在单击按钮后查看按钮的副本。就像是：