webcomponents js库 哪个简单好用， cdn使用方式

Web Components是一组技术标准，包括自定义元素、影子DOM和HTML模板。因此，Web Components库不只一种，可以根据自己的具体需求选择相应的库。以下是几种常用的Web Components库：

1. Polymer：Polymer是Google的Web Components库，提供了一套基于Web Components标准的组件化开发模式，可以方便地创建自定义元素和组件。

2. LitElement：LitElement也是Google开发的Web Components库，主打轻量级和易用性。相比Polymer，它更加简单，但功能也更少。

3. Stencil：Stencil是一个基于Web Components的组件库，可以使用React、Angular、Vue等框架来编写组件，同时支持在任何地方使用Web Components。

4. SkateJS：SkateJS是一个轻量级的Web Components库，使用原生API和Javascript编写自定义元素和组件。与Polymer相比，SkateJS更为轻量，更容易定制和扩展。

5. LitHTML：LitHTML是一种模板库，它可以与LitElement一起使用来创建Web Components，提供了一种类似于React的声明式模板。

对于CDN使用方式，以上所有库都支持通过CDN引入，例如：

- Polymer：https://polyfill.io/v2/polyfill.min.js?features=CustomElements
- LitElement：https://cdn.jsdelivr.net/npm/@lion/lit-checkbox@2.0.17/lit-element.js
- Stencil：https://cdn.jsdelivr.net/npm/@stencil/core@2.9.0/dist/stencil.js
- SkateJS：https://unpkg.com/skatejs/dist/skate.min.js
- LitHTML：https://cdn.jsdelivr.net/npm/lit-html@1.1.2/lit-html.js

通过CDN引入库的好处是可以省去安装和编译的步骤，同时可以利用CDN服务器的缓存和加速功能，提高网页加载速度。