问题标签 [x-tag]

大家好，我正在尝试创建一个自定义聚合物元素，该元素在其模板标签内使用 < x-flipbox > 元素。

但是，它似乎 < x-flipbox > 标签只在索引页面上工作，而不是在我的自定义元素内。

这是我的自定义元素，我做错了什么？

上面的元素只是显示了两个 div。

粘贴在 index.html 中的这个仅显示一个 div（应该如此）。

另外，我该如何调试这类问题？（我是聚合物新手，控制台没有给我任何错误/警告）

我正在使用 x-tags。这是我正在处理的代码。我需要使用自定义元素属性值的值设置这些 div 框的内容。是否有可能做到这一点？我尝试设置它，但出现错误“未定义不是函数”。

我有一个奇怪的问题，不太确定如何缩小错误的来源（不是 Web 开发人员）。

一个可视化大约 8 兆数据的网页 [1] 在 chrome 和 safari 上正确呈现，但在 firefox（也可能是 IE）上崩溃。我正在使用基于 D3 的 dimplejs 可视化库。我将酒窝库包装在我自定义创建的标签（使用 x-tag/webcomponents 创建）中，以删除命令式 JavaScript 块。

Firefox 只显示了 35 个图表中的一个，即使这样也非常乱码。此外，Firefox 控制台在酒窝库中显示“NS_ERROR_FAILURE：”错误，但我找不到关于该错误的太多信息（似乎是一个包罗万象的错误）。

我不清楚 firefox、dimple、我的 x-tag 实现或这三者的某种组合中的错误。Dimple 还不太流行，x-tag 非常晦涩难懂，很难找到关于它们的信息。忘记解决方案，我如何找出导致问题的组件/库？

[1] http://rule605.targetcompid.com/report.htm?mc=ALL&symbol=ALL&month=201409

我需要将“点击”事件委托给自定义元素中的关闭按钮，然后调用close()根元素上的方法。这是一个例子：

我知道，要注册我们自己的 elementTypes，我们使用

现在只要我不附加 onchange 侦听器，它就可以很好地用于 value 属性，但如果我这样做了，这个 setter 永远不会被调用，我能想到的一个原因是这个 onchange 在内部覆盖了我的 setter 并放置了它自己的，这导致我的二传手永远不会被召唤。这样做

不会触发我的设置器功能。所以

首先我的结论正确吗？

第二什么是解决方法？

编辑：-假设 ElementType 是我自己的元素副本，我不想修改现有的标签元素，

最近，我们发布了一项更改，该更改破坏了整个网站。我厌倦了没有我们的 javascript 测试工具。我们自己做xtag组件，我们有一堆js函数。我在使用 Jasmine 等测试工具时遇到的问题之一是我想测试聚焦、点击和标签。

例子：

（在我得到任何评论之前，我们不能拥有我所知道的单例 xtag 组件。）

我要测试的是正确地从 1->2->3->4 制表符。我手动测试了我的两个组件。一个成功，另一个失败。

我见过一些我喜欢的测试工具，但我找不到测试这个功能的工具。我知道 js 本身不能像那样测试标签，我要求太多了吗？如果可以，那我可以用什么js测试库自动测试呢？我不想每次更改 js 时都手动测试它。

最近，微软开始使用新的X-Tag库来创建自定义元素。该网站说，

X-Tag 是 Microsoft 支持的开源 JavaScript 库，它封装了 W3C 标准 Web 组件系列 API，为快速组件开发提供了一个紧凑、功能丰富的接口。虽然 X-Tag 为所有 Web 组件 API（自定义元素、Shadow DOM、模板和 HTML 导入）提供了功能挂钩，但它只需要自定义元素支持即可运行。在没有原生自定义元素支持的情况下，X-Tag 使用一组与 Google 的 Polymer 框架共享的 polyfill。您可以在 Builds 部分查看我们的包选项

据我记得，就在不久前，甚至Mozilla也有一个类似的项目，名称完全相同X-Tag。

这些项目彼此有何不同？或者他们是同一个项目并更新了品牌？

使用 x-tag 我试图找到一种方法来扩展我放置is:"ajax-pop"属性的每个 html 元素。

我想要做的是，当我单击具有 is:"ajax-pop" 属性的元素时，我将执行一些动态 ajax 加载。对我来说，开发一个可管理的系统将是一个很好的起点。

我知道我可以用一些不同的方式来做到这一点，但我想知道有没有办法像这样扩展：'每一个原生 html 元素'

我正在尝试使用 x-tag 访问器，但我没有找到关于它们的好文档。我想通过访问器传递一个函数并编写如下内容：

我想保存该功能并在以后使用它。有没有办法做到这一点？

当我们使用聚合物或 x-tag 时，我们必须注册一个新元素。但是为什么，如果我们可以使用普通的 es6 javascript 来构建一个不带 registerElement 的隐藏组件。这在最新版本的 Chrome、Firefox 和 Edge 中运行良好，无需 polyfill 或转译为 es5。

我使用这个函数来初始化（挂载）组件类实例：

组件类：

参见：ES6 Web Components – 一个没有框架的人

和元素注册：

在使用自定义元素之前，需要对其进行注册。否则，浏览器会将其视为 HTMLElement。意义 ？

更新- W3C 规范于 2016 年 3 月 18 日更新：

来自2.1的介绍：

自定义元素为作者提供了一种构建自己的功能齐全的 DOM 元素的方法。尽管作者总是可以在他们的文档中使用非标准的标签名称，并在事后通过脚本或类似的方式添加特定于应用程序的行为，但这些元素在历史上一直是不合规的并且不是很实用。通过定义自定义元素，作者可以告知解析器如何正确构造元素以及该类的元素应如何对更改做出反应。