获得徽章 0
- #每天一个知识点#
问题描述：![[发呆]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_4.28b310a.png)
项目中有一个功能模块，包含 待办、待阅、已办、已阅 四种状态，使用 Tab标签页 展示，每个 Tab 的标题需要显示对应状态的具体条数（例如：待办(10)）。目前的实现方式如下：
初始化时：调用 4次接口，分别获取 待办、待阅、已办、已阅 的总条数，并赋值到对应的 Tab 标题中。
切换 Tab 时：为了保持数据的实时性，每次切换 Tab 都会再次调用4次接口 更新数据。
还有很多相似的模块功能(贺卡发放-已发放,待发放)
问题痛点：![[流泪]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
初始化时调用4次接口，已经感觉有些冗余。
每次切换 Tab 还的调用4次接口，性能开销太大，用户体验也不好。
我的疑问：![[疑问]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
接口设计优化：有没有更好的接口设计方式，可以减少接口调用次数？![[思考]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_15.f58c082.png)
jym有没有遇到类似问题，是如何解决的？![[灵光一现]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_25.51e6984.png)
展开赞过
131 - #效率工具箱#
Uiverse - 是一个提供丰富的样式交互的用户界面元素评论点赞 - #效率工具箱#
Yesicon - 精选全球高品质、开源、免费的矢量图标库评论点赞 - #效率工具箱#
Tesseract.js - 适用于 JavaScript 的 OCR赞过 评论1 - #效率工具箱#
Volta-JavaScript 工具管理器(Nodejs,Yarn,pnpm等版本管理)评论点赞 - #效率工具箱#
Console Importer 是一个Chrome浏览器插件，允许直接从Chrome开发者工具控制台导入JavaScript和CSS资源。评论点赞
![[发呆]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_4.28b310a.png)
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
![[疑问]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_31.606e7a5.png)
![[思考]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_15.f58c082.png)
jym有没有遇到类似问题，是如何解决的？![[灵光一现]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_25.51e6984.png)