component-hub

个人电子元器件管理系统

一个纯前端实现的个人元器件库存管理工具，数据保存在浏览器本地，无需后端即可运行。

在线体验：https://4jwmqzpmb7.coze.site/index.html

⚠️ 当前状态

本项目处于持续开发中，可能存在已知或未知 bug。
如果你发现问题，欢迎在 Issues 页面反馈，我会尽快修复。

功能特性

• 多关键词实时搜索（名称、型号、参数、分类）
• 分类 / 子类别 / 参数范围筛选
• BOM 智能匹配（支持 Excel/CSV 导入）
• 出入库清单 + 历史记录
• 分化参数模板（电阻、电容、电感等自动显示对应字段）
• 统计分析图表
• 数据导出 JSON 备份

演示视频

B站：我做了一个让找电阻不再翻抽屉的管理库！

视频展示了搜索、分类、BOM匹配、出入库等核心功能。

技术栈

• HTML5
• CSS3
• JavaScript（Vanilla JS，无框架）

本地使用

1. 克隆仓库到本地
2. 直接用浏览器打开 index.html 即可
3. 所有数据自动保存在浏览器 localStorage 中

数据备份

• 点击侧边栏「导出数据」可下载 JSON 备份
• 更换设备或浏览器时，通过「导入数据」恢复

开源协议

MIT