问题标签 [x-tag]

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 回答
280 浏览

html - 使用 x-tag 进行黄瓜/水豚测试

我正在测试我用 Cucumber/Capybara 创建的应用程序。看起来它没有看到我正在使用的x-tag 。看起来 Cucumber 没有使用 x-tag 正确呈现页面。有没有办法解决这个问题?我认为这是问题所在,因为当我将输入字段放在 xlogin.js 之外并放入 id=login 的正文或 div 时,它确实有效。

身体:

特征:

脚步:

输出:

0 投票
4 回答
283 浏览

javascript - 处理多个 x-tag

注意: 此问题基于旧版本的 Mozilla x-tag。

在我的项目中,我使用的是Mozilla x-tag。我创建了这个名为 x-master 的标签。我的 index.html 中有两个这样的标签:

xtag 组件如下所示:

我的问题: 当我为 id x-one 调用 getContent 方法时,它会打印:source2. 我怎样才能防止这种行为?

0 投票
9 回答
3307 浏览

javascript - 在jQuery中选择以“x-”开头的标签

如何选择以"x-"标签名称开头的节点,这是一个层次结构 DOM 树示例:

jQuery 不允许我查询$('x-*'),有什么方法可以实现吗?

0 投票
1 回答
484 浏览

internet-explorer - x-tags 未在 IE 上触发 WebComponentsReady

这适用于 chrome,但它在 IE 中很糟糕。

我正在尝试使用 HTMLImports(通过 x-tag 库)导入标签,但 WebComponentsReady 事件永远不会触发,而且我看到我的元素以 HTMLUnknownElements 的形式出现。

我在控制台中得到了这个......

窗口加载
HTMLImportsLoaded
元素 [对象 HTMLUnknownElement]
模板 [对象 HTMLUnknownElement] 未定义
SCRIPT5022:HierarchyRequestError
014_xtag,第 17 行字符 13

HTMLImports 完全失败了。不知道为什么,但是如果我在主 html 文件中定义自定义元素,它就可以正常工作。

我也在 Safari 中进行测试。模板标签显示为空。

所以...模板标签在导入时失败,但实际导入本身正在工作。

0 投票
1 回答
459 浏览

javascript - 您将如何为 x-tag 组件定义 Typescript 接口签名

x-tag 规范在纯 JS 中具有以下签名 -

显然方法、访问器和事件可以有多个条目。

我正在尝试定义传递给 register 函数的对象文字的 Typescript 等效项。任何人有任何想法如何实现这一目标?

0 投票
1 回答
245 浏览

javascript - X-Tag 中是否不推荐使用 `extends` 属性?

extends 属性的用例似乎非常简单(http://www.x-tags.org/docs#custom-tag-registration-extends),但是使用以下标记定义进行测试:

和标记:

似乎没有任何效果(即文本不是粗体),更糟糕的是,它在 Chrome 上中断。

我已经测试过 IE11、FF28、Safari 5.1.17 和 Chrome 33/35。除 Chrome 外,每个浏览器都在其中运行代码lifecycle.created(即将文本更改为*FOO*)。如果我删除extends它也可以在 Chrome 上运行的属性。

除了上面的文档之外,我找不到更多的文档,也找不到任何extends使用它的标签(尽管我当然没有看过所有这些……)。

我可能只是extends错误地使用了该属性..?

0 投票
1 回答
13804 浏览

polymer - 自定义元素的名称中是否需要破折号?

是否可以在不使用破折号的情况下命名您自己的自定义元素<date>,<person>或其他元素?<city>可以在没有它们的情况下使用定义元素吗?

0 投票
1 回答
360 浏览

html - 使用 x-tag 创建自定义 _nested_ html 标签

我正在尝试使用 Mozilla 的http://www.x-tags.org/创建自定义 html 标签。我已经能够注册一个测试标签并正确使用它;但是,我找不到任何嵌套标签的好例子。

例如: <parent-tag parent-attribute="parent"> <child-tag child-attribute="child1"/> <child-tag>child2</child-tag> </parent-tag> 我可以使用“访问器”获取父属性,但是如何获取子属性或第二个子标签的值?

我已经看到了一些提示,即在子节点的生命周期内,我应该引用父节点。但是,当一组标签层次结构协同工作以创建结果时,它是如何工作的:

<chart-tag width="300", height="300"> <chart-x-axis isVisible="false"/> <chart-y-axis min="0" max="100"/> <chart-legend> this is the legend</chart-legend> </chart-tag>

为了将这个虚构的标签汤转换为图表,我需要从所有节点获取所有值。我必须自己开始遍历父/兄弟节点吗?

0 投票
2 回答
1689 浏览

javascript - 聚合物和 x-tag 和 vanilla js 之间的比较

谁能给我一些关于聚合物、x-tag 和 vanilla js 之间区别的想法?

我在我的项目中使用了聚合物,但我想比较聚合物、x-tag 和 vanilla js。

0 投票
1 回答
584 浏览

documentation - 如何使用 jsdoc3 记录 Web 组件

使用jsdoc3记录 Web 组件的方法是什么

这是一个使用 x-tag 注册的 Web 组件的示例。