Brick和Polymer提供了一些很棒的組件。在技術上可以一起使用它們嗎?聚合物和磚可以一起使用嗎?
回答
x-tags(Brick的基礎)和Polymer使用完全相同的polyfills,但x-tags使用簡化集合。
磚本身作爲一個單一的縮小JS文件,使分佈不適用於聚合物(如果您加載brick.min.js
和platform.js
,有填充衝突)。
但是,x標籤本身可以與聚合物一起使用。如果你加載platform.js
(polyfills),然後x-tag-core
(x-tag的糖層),那麼你可以導入Polymer元素並加載x-tags,沒有問題。
此過程可以使用導入進行簡化,但x-tags/brick不支持導入文件(但我們正在努力解決這個問題)。有一篇文章在http://www.polymer-project.org/articles/polymer-xtag-vanilla.html有更多信息和一些例子。
絕對!這就是Web組件的美妙之處:組件的內部實現在該組件之外沒有任何意義。對於世界其他地方而言,它只是另一個具有屬性和屬性並觸發事件的DOM元素。
更新:這將是當Web組件規格在瀏覽器本身實現的情況下。在此之前,磚和聚合物共享這些功能的底層polyfills,但是,我似乎無法讓它們一起工作(請參閱here)。這可能意味着他們正在使用稍微不同的polyfills版本。
是的,它是100%可以使用磚&聚合物,看到這個代碼 - http://www.polymer-project.org/articles/polymer-xtag-vanilla.html 和代碼 - https://github.com/x-tag/interop-examples
沒有進口,這裏是流動
- 負載https://github.com/Polymer/platform/blob/master/platform.js
- 加載https://github.com/x-tag/core/blob/master/src/core.js
- 加載自定義元素 - https://github.com/mozilla/brick/blob/master/dist/x-tag-flipbox.js
你在這裏, 查看jsfiddle for this! 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>
遺憾的是沒有任何更多。
根據MDN itself,自2014年起,磚被遺棄。
- 1. 聚合物元素與非聚合物網站一起使用?
- 2. 聚合物可以與嵌入式網絡應用程序一起使用嗎?
- 3. 聚合物:我可以使用聚合物的
- 4. 聚合物可以在javascript
- 5. 與聚合物[2]的雙向結合僅與聚合物元素一起使用嗎?
- 6. 使用聚合物和requirejs
- 7. each()和prev()可以一起使用嗎?
- 8. sigqueue可以和pthreads一起使用嗎?
- 9. recvmsg()和sendto()可以一起使用嗎?
- 10. JCIFS可以和Jersey一起使用嗎?
- 11. 可以和數組一起使用嗎?
- 12. Dotfuscator和ILMerge可以一起使用嗎?
- 13. Doctrine_RawSql可以和sfDoctrinePager一起使用嗎?
- 14. DomainDataSource和ViewModel,可以一起使用嗎?
- 15. Xamarin和PhoneGap可以一起使用嗎?
- 16. valgrind可以和Cygwin一起使用嗎?
- 17. Jquery可以和v8cgi一起使用嗎?
- 18. UILongPressGestureRecognizer和UISwipeGestureRecognizer可以一起使用嗎?
- 19. 聚合物路線不起作用聚合物起始劑套件
- 20. 聚合函數可以與字段名稱中的變量一起使用嗎?
- 21. 聚合物聚合物微引起的錯誤
- 22. 繼續使用聚合物1.x或等待聚合物2.x可用?
- 23. 聚合物。可以在{{}}中渲染元素嗎?
- 24. 聚合物0.5和生產使用
- 25. 聚合物2.0 $$()不起作用
- 26. 聚合物ondblclick不起作用
- 27. 聚合物+ Dart2js不起作用
- 28. 可以使用ngControl綁定聚合物紙張下拉菜單嗎?
- 29. 我可以在我的自定義聚合物元素中使用jQuery嗎?
- 30. 如何使用聚合物構建聚合物還原?