Status of Web Components support in Firefox

这篇翻译不完整。请帮忙从英语翻译这篇文章

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

Web Components 依旧是一项非常新的技术,它的规范正随着浏览器的实现而不断演变并且 Web 开发者正在测试和使用它。 它的实现状态是变化的并且演变的十分迅速; 这篇文章列出了在 Gecko 上的状态, 用于 Firefox 和Firefox OS.

原生支持

下面的特征已经被实现了并且默认在 Firefox and Firefox OS 中被激活:

即将到来的特征

  • 一个实现关于新的 Shadow DOM 共识有望在2016年第一季度达成; Anne's 和 Wilson's 的博客讲述了这些细节。 这依然有 大量的讨论和公开问题 关于这个规范.。并且所有的浏览器实现被有望在未来得到更新.
  • 自定义元素 是从头开始, 用一种方式来重建它们使用 ECMAScript 6 “class” 语法 (换而言之, 更少的使用基于原型的语法). 苹果公司的 Ryosuke Niwa 正在填补某些实验性功能使用新的途径.
  • 这将会有一个供应商 面对面交流的机会在2016年一月 来讨论问来会出现的问题 。

被摒弃的功能

这些功能已被考虑实现了, 并且有些是实验性实现。但他们将会永远不被实现, 或者被删除。

  • HTML imports, 因为我们想等着看看开发者如何使用ES6 模块 (虽然还没有实现; 查看 bug 568953). imports是一个早期未完成实现,并且将会被删除从Firefox中。

在Firefox中使用垫片

这有些注意事项在Firefox中使用垫片的时候:

  • 当你激活原生Web容器支持在Firefox中通过设置 dom.webcomponents.enabled 偏好 为 true 在  about:config 中, 这个未完成的原生实现开始运作并且垫片可能会出现混淆; 这会有很大的可能性出现崩溃.
  • 一个使用 webcomponents.js 垫片生成的Shadow DOM 并没有完全包裹样式, 所以这个 样式 可能会溢出。 要注意使用垫片构建的网址当运行在不支持原生Shadow DOM的环境之下时可能会出现差异.
  • 这个Shadow DOM 垫片运行时非常缓慢的以为他重写了DOM元素的原型来挂在它的功能 。
  • 如果你不需要使用 Shadow DOM, 使用 webcomponents-lite.js 版本的 webcomponents.js 垫片是一个名明智的选择; 这个版本不填补 Shadow DOM.

文档标签和贡献者

 此页面的贡献者: mx601595686
 最后编辑者: mx601595686,