1、用于Vibe Coding练手，打通设计-开发-上线全流程
2、热搜数据分散在各平台，需频繁切换 App 才能掌握全网热点。借助 DailyHotApi 开源数据源，构建统一聚合视图，一屏看全网
3、聚合微博、知乎、B 站等 21 个平台的实时热搜数据，一屏看全网热点
4、支持网页和手机端
点击空白处退出提示
今日热搜产品系统Vibe Coding
我要开发同款技术信息
作品详情
行业场景
功能介绍
1、接入 DailyHotApi（以 git submodule 管理），适配 21 个平台的接口响应结构，统一转换为内部数据格式
2、实现平台选择器：按分类勾选，选择结果持久化；新增平台时只补拉缺失数据，不重置已有缓存
3、实现每 10 分钟自动刷新 + 手动刷新，用 watchEffect 驱动每秒 tick，实时展示"X 秒前 / X 分钟前"
4、API 不可用时自动静默降级到 mock 数据（微博、知乎、B 站内置兜底），页面不报错、不白屏
项目实现
1、以 git submodule 集成 DailyHotApi，适配并统一 21 个平台的接口响应格式
2、设计平台选择器：分类勾选、LocalStorage 持久化、新增平台仅增量拉取
3、实现自动（10 min）+ 手动双刷新，watchEffect 驱动每秒 tick 展示相对时间
4、编写三平台内置 mock 数据，静默降级确保 API 不可用时页面正常显示
2、按需加载与缓存一致性：useHotList 内部维护 hotListMap，watch(selectedIds) 只对新增平台触发 fetchMissing，避免切换平台时重复请求已有数据
示例图片
声明：本文仅代表作者观点，不代表本站立场。如果侵犯到您的合法权益，请联系我们删除侵权资源！如果遇到资源链接失效，请您通过评论或工单的方式通知管理员。未经允许，不得转载，本站所有资源文章禁止商业使用运营!
评论