是否可以将聚合物和砖一起使用?

时间:2014-03-05 10:06:48

标签: html polymer mozilla-brick

Brick提供了一些很棒的组件,Polymer提供了其他组件。技术上可以一起使用它们吗?

4 个答案:

答案 0 :(得分:9)

x-tags(Brick的基础)和Polymer使用完全相同的polyfills,但x-tags使用简化集。

Brick本身作为单个缩小的JS文件发布,因此分发不适用于Polymer(如果加载brick.min.jsplatform.js,则存在polyfill冲突)。

但是,x-tag本身可以与Polymer一起使用。如果你加载platform.js(polyfill),然后加载x-tag-core(x-tag的糖层),那么你可以导入Polymer元素并加载x-tags而没有任何问题。

使用导入可以简化此过程,但x-tags / brick不附带支持导入文件(但是,我们正在努力解决这个问题)。 http://www.polymer-project.org/articles/polymer-xtag-vanilla.html上有一篇文章,其中包含更多信息和一些示例。

答案 1 :(得分:1)

是的,可以100%使用Brick&聚合物,见此代码 - http://www.polymer-project.org/articles/polymer-xtag-vanilla.html 和代码 - https://github.com/x-tag/interop-examples

没有导入,这是流程

你走了, 请参阅jsfiddle! http://jsfiddle.net/nsisodiya/266tt/

<head>
<script src="http://rawgit.com/Polymer/platform/0.2.4/platform.js" type="text/javascript"></script>
<link href="http://rawgit.com/mozilla/brick/1.0.1/dist/x-tag-flipbox.css" type="text/css" rel="stylesheet">
<script src="http://rawgit.com/x-tag/core/1.0.0-beta-4/src/core.js" type="text/javascript"></script>
<script src="http://rawgit.com/mozilla/brick/1.0.1/dist/x-tag-flipbox.js" type="text/javascript"></script>
</head>

答案 2 :(得分:0)

绝对!这就是Web组件的优点:组件的内部实现在该组件之外没有任何意义。对于世界其他地方来说,它只是另一个具有属性和属性并触发事件的DOM元素。

更新:当Web Components规范在浏览器中本机实现时就是的情况。在此之前,Brick和Polymer都为这些功能共享相同的底层polyfill,但是,我似乎无法让它们一起工作(参见here)。这可能意味着他们使用的是不同版本的polyfills。

答案 3 :(得分:0)

不幸的是不再。

根据MDN itself,砖块自2014年以来被抛弃。