npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

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库,请使用npmyarn,如下所示:

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 替换导入位置。 :::