hi-element
v0.0.36
Published
a simple, fast, web components
Downloads
273
Readme
一个简单的基类,用于创建快速,轻便的 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 上提供了一个预绑定脚本,其中包含使用元素构建 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 替换导入位置。 :::