小编cod*_*ter的帖子

hyperHTML wire vs string

我开始使用hyperHTML有一个问题

从...开始

const data = [1,2,3]
Run Code Online (Sandbox Code Playgroud)

用铁丝

hyperHTML.bind(document.getElementById('root'))`
  <h1>Hello, world!</h1>
  ${ data.map( num => hyperHTML.wire()`<li>${num}</li>`  ) }
`;
Run Code Online (Sandbox Code Playgroud)

使用字符串

hyperHTML.bind(document.getElementById('root'))`
  <h1>Hello, world!</h1>
  ${ data.map( num => `<li>${num}</li>`) }
`;
Run Code Online (Sandbox Code Playgroud)

为什么电线更好?

wire没有"id"(obj,string)时,它将返回一个没有引用的元素

这是文档,但他们不说为什么应该使用wire over string.

谢谢你的帮助


编辑:

只是想...定义更好用吗?就像是:

hyperHTML.define(numberListItem, num => `<li>${num}</li>`)

hyperHTML.bind(document.getElementById('root'))`
  <h1>Hello, world!</h1>
  ${ data.map( num => ${{numberListItem: num}}) }
`;
Run Code Online (Sandbox Code Playgroud)

但现在你要填写每个小元素的名称空间:(

html javascript dom frameworks hyperhtml

2
推荐指数
1
解决办法
703
查看次数

标签 统计

dom ×1

frameworks ×1

html ×1

hyperhtml ×1

javascript ×1