问题标签 [hiccup]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
334 浏览

clojure - Clojure:拉链-> html

经过几天尝试将我的大脑包裹在拉链上,我想我终于明白了如何从顺序数据中创建它们。

但是,在搜索了几天之后,我似乎找不到任何关于如何将拉链转换为其他东西的资源。基本上,我想将一些数据转换为可以传递给 Hiccup 以生成一些 HTML 的格式。

关于将拉链树转换为不同的数据结构应该做些什么,有什么好的资源吗?

0 投票
1 回答
726 浏览

react-native - 数据源属性不会从试剂传播到 React Native ListView 组件的渲染方法

我正在尝试在试剂中呈现 React Native ListView。

我有以下片段:

以上导致“道具类型失败:dataSource未指定所需道具ListView。检查渲染方法app.ios.ui.main_scene。” 随后是“无法读取未定义的属性'rowIdentities'”,因为数据源在ListView的渲染方法中未定义。

我的第一个猜测是在试剂/打嗝或其他任何内部的某处对“数据”属性进行了一些特殊处理,但我找不到任何线索来解释为什么该属性没有正确传播。

而且,是的,(.cloneWithRows data-source rows)实际上返回了一个有效的 ListViewDataSource 对象实例。

然后,如果我通过了:data-source:dataSource我得到的只是一个令人费解的“StaticRenderer.render():必须返回一个有效的 ReactComponent。您可能返回了未定义的数组或其他一些无效对象。”

我正在使用react-native 0.18.1和。我已经检查过这个并得到了同样的错误。reagent 0.5.1re-frame 0.6.0reagent 0.6.0-alphare-frame 0.7.0-alpha

我已经挖掘了几个小时,我想我需要一些帮助。尝试解决此问题的任何提示/想法,要查看的代码中的任何引用?提前致谢。

0 投票
1 回答
3174 浏览

html - CSS 在不增加文本大小的情况下增加复选框大小

我有以下 HTML 代码(它是 Hiccup HTML,由 weavejester 创建的库,它允许用 Clojure 编写 HTML,包含在向量中):

这是相应的CSS:

我想增加复选框的宽度和高度而不增加它旁边的文本的大小。

这可以使用简单的CSS吗?

谢谢你。

0 投票
1 回答
174 浏览

recursion - 使用clojure在类似html的数据结构中递归

我一直在考虑这个问题,但我无法弄清楚构建我的功能的步骤:

我有一个像 html 数据作为输入的小问题,这个结构由 html 和自定义元素组成,例如:

格式:[标签名称选项和正文]

每次结构有一个自定义元素时,我都应该用 html 表示来渲染(替换)它database,自定义元素可能出现在tag-namebody中:

问题是:如何创建一个获取此数据的函数,查找组件的标签和主体,如果有自定义元素将其替换为database元素,替换后再次查看,如果有新组件执行此操作又迈出一步……

我已经有一个函数(custom-component?),它接受一个标签名称并返回一个布尔值,如果是一个自定义元素:

感谢您的帮助,我真的坚持这一点。

0 投票
3 回答
2267 浏览

clojure - Reagent's Hiccup 中花园生成的内联样式

在试剂中,可以像这样指定内联 CSS 样式:

Garden 可以使包含列表中多个值的此类 CSS 属性更通用。逗号分隔列表的向量和空格分隔列表的嵌套向量(在此处使用):

这些东西怎么可能结合在一起?Reagent 似乎固执地只接受样式属性的哈希映射。接受一个字符串也是一个解决方案。

一般来说,从长远来看,内联样式并不是一个好的选择。因此,可以通过将一个类附加到 thediv并通过 gardenscss函数全局指定其样式来解决这个问题。

类示例:

但是,有时最好从内联样式开始,所以:有没有办法按照上面描述的方式来做?

0 投票
1 回答
284 浏览

clojure - 如何在 Clojure 中有条件地展开 Hiccup 数据结构

如何在 Clojure 的类似 Hiccup 的数据结构中优雅地呈现菜单项的条件列表?我的模板函数最终被调用into和不自然地读取。

期望的结果:

如果我将私有项目放在一个 中if,我仍然需要展开返回的向量,或者处理nil,所以这不起作用:

我发现我可以使用(into [:div.menu] ...)并传入一个项目列表,但它很笨重,而且不自然地阅读。我最终得到了这个表达式:

有没有更好的办法?

0 投票
3 回答
1755 浏览

clojure - 如何获取试剂中项目的索引

当我在 Reagent 中迭代向量时,如下所示:

我想获取特定项目的索引 - 像这样:

我不是在问一般的 clojure 'for',因为另一种迭代向量的方法也会让我满意。

0 投票
1 回答
1353 浏览

clojure - 如何防止 Clojure Reagent 中的 HTML 转义(类似 Hiccup)

我正在使用 ClojureScript 试剂。它提供了类似打嗝的 HTML 生成。

我有一个带有 HTML 的字符串:

当传递给 Hiccup 时,它将被转义,并且我的页面上没有粗体文​​本:

如何传递code给我的 HTML 输出,以便将其集成到那里而不会被转义?

0 投票
1 回答
349 浏览

clojure - 用打嗝渲染异步脚本标签

如何在打嗝中呈现异步脚本标签?

0 投票
3 回答
345 浏览

clojure - Clojure 列表理解和试剂的唯一值

假设我们有这个网格,其值可以是 0 或 1:

现在我想grid使用列表理解转换为类似 html Hiccup 的格式:

该表已正确生成,但我对如何unique index为我的td. how-i-can-generate-a-index?应该是什么?