Firefox 开始支持 Web 组件技术

（点击上方公众号，可快速关注）

来源：cnBeta

www.cnbeta.com/articles/soft/731547.htm

周一的时候，Mozilla 在新版 Firefox 中启用了“Web 组件”技术，旨在让网站的构建变得更加轻松。对于普通用户来说，这一技术层面的变化不会给我们造成任何影响。但是对于复杂网站的构建者，这项技术会让他们欣喜不已，因为它可以带来更少的问题、减少加载时间、以及更迅速的改进。需要指出的是，Google Chrome 团队早在五年前就开始推动“Web 组件”技术了。

一张火狐贴纸（Stephen Shankland/CNET）

在谷歌之后，苹果 Safari 在 2016 / 2017 年作出了跟进。至于微软，暂不清楚该公司给 Edge 浏览器定下了什么计划。

在此之前，浏览器制造商们只是惯例地接受了‘影式文档对象模型’（Shadow DOM）和‘自定义元素’（Custom Elememts）两种。

前者允许隔离代码块，从而不对程序的其它部分造成干扰；后者则允许程序员自定义创建其网站的基础。

Firefox 支持自定义元素，但周一的时候，影式文档对象模型支持也悄然落户测试通道的‘每夜构建版’（Nightly Build）。

对于简单的网站来说，动用 Web 组件显然属于‘杀鸡用牛刀’。但是那些先进而复杂的网站将最为受益，比如 YouTube 站点早就启用了对 Web Components 的支持。

如果你访问一个不支持 Web 组件特性的网站，那体验可能变慢或受限。

Mozilla 首席产品官 Mark Mayo 表示：“Web 变得超级困难，是时候让它变得更加简单，所以我们应该看到更好、更迅捷的网页”。

借助 Web 组件，开发人员可以创建网站的构建模块，然后广泛而重复地使用它们、且无需担心会导致阻止使用该网站的问题。

举例来说，网站通常配备了表示不同部分的选项卡，而 Web 组件让开发人员可以更轻松地创建这些页面、在另一个项目上重复使用它、甚至可以从其它已经搞清爽的网站上复制过来。

多年来一直致力于 Web 现代化的 Chrome 资深程序员 Alex Russell 表示：“对于拥有众多团队和复杂产品的大公司来说，这会是一项特别巨大的优势”。

Web 组件技术特别有助于大型预编写的‘框架软件库’，这些软件在当今的 Web 编程中被广泛使用，比如来自 Facebook 的 React、以及来自 Google 的 Angular 框架。

它们可以让网站的构建变得更加容易，但是一个框架的某些部分、不能与另一个框架的某些部分一起使用，导致 Web 编程遇到了‘孤岛’问题。

Mozilla 的 Mayo 也认为，Web 组件技术是一项重大的进步：“你无法一下子把这三方面都提升得很好，但它让 Web 有了更加安全、迅捷、高效的基础开发模式”。

觉得本文对你有帮助？请分享给更多人

关注「前端大全」，提升前端技能