webComponent初体验

109 阅读2分钟

大势所趋,现在的大势是什么:webcomponent,云函数,serverless,ai,这些。 我们先看看什么事webc,以及怎么简单实用一下。这里先提起下,svelet这个webc框架,使用量已经顶上来了。 Web Components 是一套不同的技术,允许你创建可重用的定制元素(它们的功能封装在你的代码之外)并且在你的 web 应用中使用它们。 它由三项主要技术组成: 1、Custom element(自定义元素):一组 JavaScript API,允许您定义 custom elements 及其行为,然后可以在您的用户界面中按照需要使用它们。 2、Shadow DOM(影子 DOM):一组 JavaScript API,用于将封装的“影子”DOM 树附加到元素(与主文档 DOM 分开呈现)并控制其关联的功能。通过这种方式,您可以保持元素的功能私有,这样它们就可以被脚本化和样式化,而不用担心与文档的其他部分发生冲突。 3、HTML template(HTML 模板):