Chrome Web 组件:需要聚合物?
Posted
技术标签:
【中文标题】Chrome Web 组件:需要聚合物?【英文标题】:Chrome Web Components: Polymer needed? 【发布时间】:2014-09-16 17:20:44 【问题描述】:我了解 Chrome 在 Web 组件要求方面正在变得完善。
这是否意味着不再严格需要 Polymer?
【问题讨论】:
【参考方案1】:需要明确的是,platform.js 层(polyfills)随着浏览器的原生支持而消失,但 polymer.js(Web 组件之上的糖化层)和元素不会。糖化是 Polymer 对如何一起使用 Web Components++ 技术的看法,这些元素通常是有用/可重用的组件。
这篇文章描述了 Polymer 的各个部分: What is the difference between Polymer elements and AngularJS directives?
今天,您可以在不包括 platform.js 填充物的情况下使用聚合物,这并不完全正确。我们正在努力使这成为可能,因为现在有一个浏览器将支持本机 Web 组件。我们还没有到那里,例如您仍然需要在 chrome 36 中包含 platform.js。
【讨论】:
【参考方案2】:Web 组件是一组技术的统称,包括 html 导入、模板、自定义元素和 ShadowDOM。可以使用简单的 HTML、javascript 和 CSS 构建 Web 组件。 Polymer 是一个库,它使构建 Web 组件变得超级简单,并增加了一些额外的好处,例如双向数据绑定、对触摸事件的支持以及现成可用组件的良好集合。
对于跨浏览器的支持,您需要一个 polyfill,最流行的是 webcomponents.js(早期称为 platform.js)。 webcomponents polyfill 有多种风格。 webcomponents.js 填充了所有 4 种技术 webcomponents-lite.js 可以填充除 ShadowDOM 之外的所有内容。 还可以使用针对每种单独技术的 Polyfills。 更多关于 polyfill 的信息可以在这里找到http://webcomponents.org/polyfills/
【讨论】:
以上是关于Chrome Web 组件:需要聚合物?的主要内容,如果未能解决你的问题,请参考以下文章