自学资源查找器 — 输入主题即搜，一键发现优质学习资源

分享海报

@user_afdbcfc9/self-learning-finder

详细功能介绍 自学资源查找器是一个交互式学习资源搜索组件，让你在 WorkBuddy 中直接搜索和发现学习资料，无需跳转到外部网站。 核心功能 主题搜索：输入任意技术主题（如"Python爬虫""React""机器学习"），按回车即可搜索，内置 24 条示例数据覆盖 5 个热门技术方向 双列表格展示：左列展示资源简介（含内容特点和来源说明），右列提供"打开"按钮一键在新窗口跳转到资源链接 资源类型标签：每条资源标注类型，四种颜色一目了然 —— 视频（红）、文档（蓝）、博客（绿）、项目（紫），支持自定义扩展 多维筛选：点击类型标签快速过滤某一类型资源；在筛选框输入关键词实时过滤表格内容 排序功能：一键切换简介 A-Z / Z-A 排序，快速定位目标资源 Loading 状态：搜索时显示旋转加载动画，避免空白等待 空结果提示：未找到资源时显示友好提示和换词建议，不会让用户面对空白页面 数据可扩展性 内置模拟数据仅用于演示，代码结构设计了清晰的数据替换区域，提供三种接入真实数据的方案： API 直连：修改 fetchResources() 函数调用你的搜索 API 爬虫脚本：使用附带的 Python 脚本从 B站、GitHub 等来源抓取 混合降级：API 优先，失败时自动降级使用模拟数据 设计特点 遵循 WorkBuddy Visualizer 设计系统，扁平风格，视觉与宿主界面融为一体 全内联 CSS/JS，无外部依赖，加载速度快 适配 680px 面板宽度，表格布局紧凑清晰 包含无障碍标题和键盘回车搜索支持