现代 Web API 已发展到不再需要框架就能创建可复用前端组件的程度。只需要自定义元素和 Shadow DOM 就足够创建可在任何地方重复使用的自治组件了。

于 2011 年面世的 Web Components 是一套功能组件，让开发者可以使用 HTML、CSS 和 JavaScript 创建可复用的组件。这意味着你无需 React 或 Angular 等框架也能创建组件。不仅如此，这些组件还都可以无缝集成到这些框架中。

有史以来头一次，我们只要使用 HTML、CSS 和 JavaScript 就能创建可在任何现代浏览器中运行的可复用组件了。现在，桌面平台的 Chrome、Safari、Firefox 和 Opera，iOS 上的 Safari 和 Android 上的 Chrome 最新版本都支持 Web Components。

Edge 浏览器将在即将发布的 19 版中提供支持。 

这意味着你现在可以在任何浏览器，包括移动设备中使用 Web Components。

你可以创建自定义的 HTML 标签，这些标签继承了它们扩展的 HTML 元素的所有属性，只需导入脚本即可在任何支持的浏览器中使用。组件内定义的所有 HTML、CSS 和 JavaScript 都完全限定在组件内部。

该组件将在浏览器的开发工具中显示为单个 HTML 标签，其样式和行为完全封装妥当，无需额外的处理、框架或转换。

哈尔滨悦创网络科技有限公司是一家从事行业商城开发、网站建设以及移动端软件开发的高薪技术企业。 业务范围包括：商城开发、网站建设、微商城、微网站、APP开发、网站推广、企业OA、行业门户、域名注册等。凭借自身的技术力量和完善的运营模式，致力于为众多的企业提供整体信息化解决方案和全方位网络研发。为中、小型企业发展保驾护航！