javascript – Polymer是一个框架而不是一个库.如何模块化地使用Web组件？

无论您使用什么框架,Web组件的概念都是模块化Web.

Polymer项目承诺创建Web组件的可能性,而不是框架,因此应该可以将它与任何框架一起使用.更重要的是,我应该能够从element catalog下载元素,并在没有聚合物库的情况下使用它,只需使用webcomponents.js.

我认识到这是一个正在进行的项目,大多数浏览器的供应商仍在开发Web组件要求,但到目前为止我得出的结论是,Polymer正在成为一个新的框架,因为我不能使用他们的元素而没有Polymer库和与框架一起使用,因为Angular 2尚未运行良好.

这是一种以真正的模块化方式使用Web组件的方法,而没有Polymer建议的所有样板吗？

解决方法:

TL; DR;

Polymer不会因为需要使用使用它构建的Web组件而破坏模块性.它只是一个图书馆,尽管是自以为是,用于实现自定义元素.

然而,这些元素仍然是独立的模块.所有聚合物材料都应该隐藏在组件内部而不会干扰外部.

长读

The idea of web components is to modularize the web regardless of what framework you use

从某种意义上说,是的.虽然Web Components的目标是真正模块化DOM.对于一般模块化,有ES6模块IMO.

The Polymer project promise the possibility to create web components, not to be a framework, so it should be possible to use it with any framework.

我不确定您对聚合物和Web组件的期望. Web组件的模块化来自这样一个事实,即在使用时,它们只是DOM树的普通部分.任何现有的库都可以使用它.任何Web组件都只是一个HTML元素,并公开一个统一的接口：属性和事件. Polymer所做的就是添加一些细节,以便您可以享受data-binding,simpler custom element declarations,simpler events API,styling polyfill,shady DOM等等.

它是一种依赖性,不应该阻止您将Polymer(或Bosonic,或x-tag或basic-web-components)与任何其他Web框架一起使用.

More than that, I should be able to just download the elements from the element catalog and use it without the polymer library, just with the webcomponents.js.

你在哪里读到的？此外,组件工作还需要Polymer.html吗？您可以使用其他Web Components库.

I recognize that this is an ongoing project and most of browser’s vendors are still developing the web components requirements.

我认为需要澄清.供应商实现了Web组件规范,并且没有准备好,webcomponents.js填补了空白.就像我上面写的那样,Polymer更多一点,因为它给你的不仅仅是纯粹的规格.

Is that a way to use web components in a real modular way without all the boilerplate that the Polymer suggest?

不确定你所指的是什么样的bolierplate,但是,你可以在plain javascript(或minimal dependencies fashion)中编写Web组件,但是你会丢失一些Web组件给你的糖.这就像争辩说不应该使用jQuery,因为它所做的一切都可以在没有它的情况下完成.

标签：html,javascript,polymer,web-component
来源： https://codeday.me/bug/20190829/1758352.html