javascript - Web 组件是创建与框架无关的组件的唯一技术。或者有什么替代方案吗?

标签 javascript web-component

我在 Angular 中构建了一个 JavaScript 工具包,其中包含许多“基本”组件,例如按钮和字段。对于一个新项目,我正在研究一种与框架无关的方式来实现此类组件,这样我也可以在其他 JavaScript 框架中重用我的组件。

在我的研究过程中,我发现只有一种替代方案:使用自定义元素的 Web 组件。根据如此多的资源和博客,Web 组件是创建与框架无关的组件的最佳且唯一的方法。如果只有一项新技术,我如何考虑一项新技术?或者我错过了什么?

最佳答案

据我所知,Web Component API 是唯一内置的 Web 组件框架。

还有很多其他框架可以用来制作组件,但这些框架通常带有很多与组件无关的额外功能。

我几年前编写了一个系统,它只是用于创建组件,仅此而已。但它非常有限,从那以后我就转向使用 Web 组件来处理所有事情。

编写真正的 native Web 组件允许您在任何和所有框架中重用该代码。我有一些已经使用过的组件,在 Vanilla JS、AngularJS、Angular、VUE 和 React 中没有进行任何更改。

项目之间的 ShadowDOM 元素和样式存在问题,但与当您的公司坚持更改框架时能够重用所有组件相比,这些问题很小。

关于javascript - Web 组件是创建与框架无关的组件的唯一技术。或者有什么替代方案吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56376785/

相关文章:

javascript - 如何使用Javascript计算删除的气泡数量?

javascript - 找出 Protractor 元素 CSS 链

php - 如何检查站点是否有 rss 提要

javascript - `is` 初始化 polymer 组件的属性

javascript - Lit-elements,编写受控组件的惯用方式

javascript - 如何在每次点击按钮时调用该函数?

javascript - ES6 与 React,无法 setState - 'Cannot read property ' setState' of undefined'?

javascript - 如何在 polymer WebComponentsReady 加载后删除预加载器

javascript - 为什么它不循环遍历循环(JavaScript、Class、ShadowDOM、HTML Template 标签)

javascript - 自定义 HTMLElement 的 connectedCallback() 中的 textContent 为空