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 🙏

© 2026 – Pkg Stats / Ryan Hefner

advanced-toolkit

v1.0.3

Published

一套模組化、高性能的前端高階函式庫集合 (HTTP, Router, StateStore, Toast等)。

Downloads

6

Readme

⚡ Micro-Toolkit: 現代前端高階函式庫集合

一套專為單頁應用程式(SPA)設計的模組化、高性能、無框架核心工具。

模組總覽與功能地圖

| 模組名稱 | 資料夾名稱 | 解決核心問題 | 關鍵高階特性 | | :--- | :--- | :--- | :--- | | 數據核心 | StateStore | 全域響應式狀態管理 | 基於 Proxy 的響應式更新、模組化 Store | | 網路中心 | HTTP Client | 統一管理非同步請求 | 內建攔截器、自動快取、防止重複提交 | | 渲染引擎 | MicroRenderer | 高效能的 UI 組件渲染 | 狀態驅動、最小化 DOM Diff/Patch | | 頁面導航 | SimpleRouter | 宣告式的前端路由 | History API 無刷新切換、動態路徑匹配 | | 輸入控制 | FormState | 複雜表單的驗證與提交 | 簡潔的欄位綁定、統一的驗證規則 | | 優化工具 | ViewObserver | 滾動性能與懶加載 | 基於 Intersection Observer 的優化 | | 用戶反饋 | Toast | 訊息通知與排隊管理 | 自動化佇列、與 HTTP 錯誤自動整合 |

開發與貢獻

我們歡迎所有貢獻!如果您想在本機運行或修改程式碼,請遵循以下步驟:

  1. 克隆專案:git clone https://github.com/yourusername/micro-toolkit.git
  2. 安裝依賴:npm install
  3. 打包所有模組: npm run build
  4. 運行測試: npm test

授權 (License)

您的專案是根據 MIT 授權 發佈的。

聯絡作者

DCID:billxiaobai