Hi-element NPM

一个简单的基类，用于创建快速，轻便的 Web 组件

hi-element

hi-element库是一种轻量级的方法，可以轻松构建高性能、内存高效、符合标准的 Web 组件。hi-element 适用于所有主流浏览器，可以与任何前端框架结合使用，甚至可以不使用框架。

安装

From NPM

要安装hi-element库，请使用npm或yarn，如下所示：

npm install --save hi-element

yarn add hi-element

在 JavaScript 或 TypeScript 代码中，您可以像这样导入库 API：

import { HIElement } from "hi-element";

From CDN

CDN 上提供了一个预绑定脚本，其中包含使用 FAST 元素构建 web 组件所需的所有 API。可以通过添加type=“module”到 script 元素，然后从 CDN 导入。

<!DOCTYPE html>
<html lang="en">
  <head>
    <script type="module">
      import { HIElement } from "hi-element";

      // your code here
    </script>
  </head>
  <!-- ... -->
</html>

上面的标记始终引用最新版本。在部署到生产环境时，您将希望附带特定版本。下面是一个标记示例：

<script type="module" src="*/hi-element.min.js"></script>

:::note 整个文档中的示例都假设库是从 NPM 安装的，但您始终可以用 CDN URL 替换导入位置。 :::

web components hi-element

6 months ago

7 months ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago