@wcj/github-rank 22.8.15 → 22.8.16

package/web/data/sifou-weekly.json

@@ -1,22 +1,4 @@
 [
-  {
-    "title": "使用 CSS 构建强大且酷炫的粒子动画",
-    "description": "当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素，这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。",
-    "url": "https://segmentfault.com/a/1190000042283578",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
-    "rank": 1
-  },
-  {
-    "title": "可视化拖拽组件库一些技术要点原理分析（四）",
-    "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
-    "url": "https://segmentfault.com/a/1190000042282658",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "13",
-    "rank": 2
-  },
   {
     "title": "Wuzzle，进行基于 webpack 的 JS 转译",
     "description": "转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...",
@@ -24,7 +6,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 3
+    "rank": 1
   },
   {
     "title": "markdown 编辑器实现双屏同步滚动",
@@ -32,26 +14,26 @@
     "url": "https://segmentfault.com/a/1190000042290360",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "6",
-    "rank": 4
+    "votes": "7",
+    "rank": 2
   },
   {
-    "title": "面向推荐的汽车知识图谱构建",
-    "description": "知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...",
-    "url": "https://segmentfault.com/a/1190000042287137",
-    "author": "之家技术",
-    "home_url": "https://segmentfault.com/u/zhijiajishu",
-    "votes": "11",
-    "rank": 5
+    "title": "即日起，ONES 团队版50人以下免费",
+    "description": "ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...",
+    "url": "https://segmentfault.com/a/1190000042319176",
+    "author": "万事ONES",
+    "home_url": "https://segmentfault.com/u/wanshiones",
+    "votes": "8",
+    "rank": 3
   },
   {
-    "title": "electron 应用开发优秀实践",
-    "description": "在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...",
-    "url": "https://segmentfault.com/a/1190000042267983",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "8",
-    "rank": 6
+    "title": "Vue仿钉钉审批流程",
+    "description": "workflow钉钉审批流程设置workflow钉钉审批流程设置，基于vue开发。QQ交流群：639251756线上开源地址 https://github.com/StavinLi/Workflow github点个星吧！预览地址 https://stavinli.github.io/Workflow/dist...",
+    "url": "https://segmentfault.com/a/1190000042300972",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "6",
+    "rank": 4
   },
   {
     "title": "如何在BI中增加“路线地图”并进行数据分析？",
@@ -60,25 +42,25 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "2",
-    "rank": 7
+    "rank": 5
   },
   {
-    "title": "Vue仿钉钉审批流程",
-    "description": "workflow钉钉审批流程设置workflow钉钉审批流程设置，基于vue开发。QQ交流群：639251756线上开源地址 https://github.com/StavinLi/Workflow github点个星吧！预览地址 https://stavinli.github.io/Workflow/dist...",
-    "url": "https://segmentfault.com/a/1190000042300972",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "6",
-    "rank": 8
+    "title": "手写一个有点意思的电梯小程序",
+    "description": "通过本示例，你将学到什么?CSS 相关CSS定位CSS弹性盒子布局CSS动画CSS变量的用法js相关类的封装DOM的操作与事件的操作样式与类的操作延迟函数的使用示例效果废话少说，先看效果如图所示:分析小程序的构成电梯井（...",
+    "url": "https://segmentfault.com/a/1190000042298118",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "8",
+    "rank": 6
   },
   {
-    "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
-    "description": "大家好,我是webfansplz.继将 Vue 渲染到嵌入式液晶屏后,今天要跟大家分享的是如何将Vue渲染到命令行工具 :).关于命令行工具,大家应该都比较熟悉了,比如vue-cli、Vite等.我们在编写前端应用面向用户时,通常会非常...",
-    "url": "https://segmentfault.com/a/1190000042288656",
-    "author": "null仔",
-    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
-    "votes": "2",
-    "rank": 9
+    "title": "快速了解navigator API setAppBadge",
+    "description": "欢迎关注我的公众号：前端侦探在很多客户端应用程序中，一般会通过应用图标的角标来显示当前消息的数量，例如其实，web 中也有类似的设定，花两分钟了解一下吧一、navigator.setAppBadge现在的navigator早已不是...",
+    "url": "https://segmentfault.com/a/1190000042288003",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "5",
+    "rank": 7
   },
   {
     "title": "🔬 一文搞懂前端兼容问题",
@@ -87,16 +69,7 @@
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
     "votes": "4",
-    "rank": 10
-  },
-  {
-    "title": "终于新增了：查看所有测试历史的功能，我有点迫不及待了",
-    "description": "当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：",
-    "url": "https://segmentfault.com/a/1190000042301443",
-    "author": "猿计划",
-    "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
-    "votes": "3",
-    "rank": 11
+    "rank": 8
   },
   {
     "title": "从 Islands Architecture 看前端有多卷",
@@ -104,35 +77,17 @@
     "url": "https://segmentfault.com/a/1190000042307425",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "4",
-    "rank": 12
-  },
-  {
-    "title": "手写一个有点意思的电梯小程序",
-    "description": "通过本示例，你将学到什么?CSS 相关CSS定位CSS弹性盒子布局CSS动画CSS变量的用法js相关类的封装DOM的操作与事件的操作样式与类的操作延迟函数的使用示例效果废话少说，先看效果如图所示:分析小程序的构成电梯井（...",
-    "url": "https://segmentfault.com/a/1190000042298118",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "6",
-    "rank": 13
-  },
-  {
-    "title": "快速了解navigator API setAppBadge",
-    "description": "欢迎关注我的公众号：前端侦探在很多客户端应用程序中，一般会通过应用图标的角标来显示当前消息的数量，例如其实，web 中也有类似的设定，花两分钟了解一下吧一、navigator.setAppBadge现在的navigator早已不是...",
-    "url": "https://segmentfault.com/a/1190000042288003",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
-    "rank": 14
+    "rank": 9
   },
   {
-    "title": "又更新了！新版本 V 1.3.0 发布了，新增：前后置脚本、查看所有测试历史、国际化...",
-    "description": "Eoapi V 1.3.0 版本功能终于在这个夏天发布了，UI 进行了升级，更清爽、更简单。看出来哪里改动了吗？发布了几个大功能：系统、插件多语言支持测试支持前后置 Javascript 脚本，支持加解密、断言、全局变量等等功...",
-    "url": "https://segmentfault.com/a/1190000042301399",
+    "title": "终于新增了：查看所有测试历史的功能，我有点迫不及待了",
+    "description": "当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：",
+    "url": "https://segmentfault.com/a/1190000042301443",
     "author": "猿计划",
     "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
     "votes": "3",
-    "rank": 15
+    "rank": 10
   },
   {
     "title": "用 http-middleware-proxy 造了个代理工具",
@@ -141,34 +96,43 @@
     "author": "亖混子",
     "home_url": "https://segmentfault.com/u/1023",
     "votes": "5",
-    "rank": 16
+    "rank": 11
   },
   {
-    "title": "Vue递归组件：渲染嵌套评论",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042261970",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "又更新了！新版本 V 1.3.0 发布了，新增：前后置脚本、查看所有测试历史、国际化...",
+    "description": "Eoapi V 1.3.0 版本功能终于在这个夏天发布了，UI 进行了升级，更清爽、更简单。看出来哪里改动了吗？发布了几个大功能：系统、插件多语言支持测试支持前后置 Javascript 脚本，支持加解密、断言、全局变量等等功...",
+    "url": "https://segmentfault.com/a/1190000042301399",
+    "author": "猿计划",
+    "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
     "votes": "3",
-    "rank": 17
+    "rank": 12
   },
   {
-    "title": "精读《Unique, MapTypes, Construct Tuple...》",
-    "description": "去重需要不断递归产生去重后结果，因此需要一个辅助变量 R 配合，并把 T 用 infer 逐一拆解，判断第一个字符是否在结果数组里，如果不在就塞进去：",
-    "url": "https://segmentfault.com/a/1190000042282563",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "SegmentFault 思否技术周刊 -- 掌握这个概念，你就理解了 React",
+    "description": "公司前端工程还处于 React+Mobx 与 Spring MVC（freemarker+jQuery）技术栈共存的阶段，两种技术栈页面难免会存在一些相同的业务功能点，如果分别开发和维护，就需要双倍的人力成本，因此，我们尝试将 React 业务...",
+    "url": "https://segmentfault.com/a/1190000042296782",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "2",
-    "rank": 18
+    "rank": 13
   },
   {
-    "title": "一文搞懂│XSS攻击、SQL注入、CSRF攻击、DDOS攻击、DNS劫持",
-    "description": "XSS攻击者通过篡改网页，注入恶意的 HTML 脚本，一般是 javascript，在用户浏览网页时，控制用户浏览器进行恶意操作的一种攻击方式",
-    "url": "https://segmentfault.com/a/1190000042283694",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
-    "votes": "2",
-    "rank": 19
+    "title": "开阔眼界的好工具，一文教你使用Wappalzer来学习全栈技术",
+    "description": "大家都知道，一个完整的高可用、高性能的Web系统本身的构成是比较复杂的，除了我们熟知的前端部分，比如静态网页生成器、JS库、UI框架、监控工具等，还有Web Server、云服务、CDN内容分发、代理服务、HTTP缓存与...",
+    "url": "https://segmentfault.com/a/1190000042316720",
+    "author": "Gomi",
+    "home_url": "https://segmentfault.com/u/gomi",
+    "votes": "4",
+    "rank": 14
+  },
+  {
+    "title": "Vue递归组件：渲染嵌套评论",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042261970",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
+    "rank": 15
   },
   {
     "title": "请求体格式有哪些呢？我总结常见的这几种",
@@ -177,43 +141,16 @@
     "author": "气势凌人的柿子",
     "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
     "votes": "2",
-    "rank": 20
+    "rank": 16
   },
   {
-    "title": "教你如何开发一个导入/导出插件",
+    "title": "教你如何开发一个数据转换插件",
     "description": "在开发过程中，或多或少都会遇到数据格式转换的问题，如果只是简单的数据，那自然用什么方式都可以，如果遇到数据非常多、层级复杂、关联性强的数据，则需要摸索出一套合适的，本文会介绍两种比较可行的转换模型...",
     "url": "https://segmentfault.com/a/1190000042298935",
     "author": "eoapi",
     "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
     "votes": "3",
-    "rank": 21
-  },
-  {
-    "title": "记录遇到的mongoDb问题, 以及restTemplate请求重试",
-    "description": "最近使用mongDb的时候，出现了一些问题。mongoDb 实体id自增在保存实体的时候报了这个错Cannot aotogenerate id of type java.lang.Long for entity即 不能自动生成id之后就带着报错去谷歌了一下。 得到了如下结...",
-    "url": "https://segmentfault.com/a/1190000042287505",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
-    "rank": 22
-  },
-  {
-    "title": "mongoDb查询中遇到的问题",
-    "description": "返回的数据样式：可以看到这样查询后会将从表查询到的数据添加到主表数据中，也就是说在mongoDb中并不需要在实体中加入关联实体，只需加入关联实体的Id即可。如果还想要加入其他查询条件，只需像下面这样加入crit...",
-    "url": "https://segmentfault.com/a/1190000042283317",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
-    "votes": "3",
-    "rank": 23
-  },
-  {
-    "title": "试试使用 Vitest 进行组件测试，确实很香。",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042272328",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 24
+    "rank": 17
   },
   {
     "title": "那些年在Coding质量上走过的路",
@@ -222,7 +159,7 @@
     "author": "泊浮目",
     "home_url": "https://segmentfault.com/u/camile",
     "votes": "2",
-    "rank": 25
+    "rank": 18
   },
   {
     "title": "分享 6 个 Vue3 开发必备的 VSCode 插件",
@@ -231,16 +168,16 @@
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "2",
-    "rank": 26
+    "rank": 19
   },
   {
-    "title": "[开源项目]可观测、易使用的SpringBoot线程池",
-    "description": "在开发spring boot应用服务的时候，难免会使用到异步任务及线程池。spring boot的线程池是可以自定义的，所以我们经常会在项目里面看到类似于下面这样的代码",
-    "url": "https://segmentfault.com/a/1190000042284199",
-    "author": "字母哥博客",
-    "home_url": "https://segmentfault.com/u/zimug",
-    "votes": "2",
-    "rank": 27
+    "title": "终、《图解HTTP》读书笔记 - 汇总篇（总结）",
+    "description": "终、《图解HTTP》读书笔记 - 汇总篇（总结）引言又一本网络基础的书啃完了，这本书建议结合[[《网络是怎么样连接的》读书笔记 - 汇总篇]]([链接])这一篇读书笔记食用（当然也可以直接看原书）。把这两本书啃完对...",
+    "url": "https://segmentfault.com/a/1190000042311288",
+    "author": "Xander",
+    "home_url": "https://segmentfault.com/u/lazytimes",
+    "votes": "0",
+    "rank": 20
   },
   {
     "title": "vue3的管理端项目工程模板来了~~可直接快速开发项目，不用再考虑各种配置和优化~真香！",
@@ -249,7 +186,7 @@
     "author": "马赛克就是我",
     "home_url": "https://segmentfault.com/u/yisuan",
     "votes": "1",
-    "rank": 28
+    "rank": 21
   },
   {
     "title": "前端食堂技术周刊第 47 期：Docusaurus 2.0 、7 月登陆网络平台的新内容 、Nuxt.js 团队的轮子库",
@@ -258,15 +195,78 @@
     "author": "童欧巴",
     "home_url": "https://segmentfault.com/u/tongouba",
     "votes": "1",
-    "rank": 29
+    "rank": 22
+  },
+  {
+    "title": "使用CSS实现多种Noise噪点效果",
+    "description": "在插画中添加噪点肌理可以营造出一种自然的氛围。噪点肌理可以用于塑造阴影、高光、深度以及更多细节，并优化插画质感，应用噪点肌理的方式在扁平插画中广受欢迎。",
+    "url": "https://segmentfault.com/a/1190000042295231",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "1",
+    "rank": 23
+  },
+  {
+    "title": "富媒体在客服IM消息通信中的秒发实践",
+    "description": "客服一站式平台旨在为得物生态内的客服域服务人员提供一站式的服务办公平台。我们有多条业务线，客服在和用户聊天的过程中，有很多场景需要发送富媒体。跟普通的文本传输相比，富媒体可以直观的让用户了解到消息...",
+    "url": "https://segmentfault.com/a/1190000042289219",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "1",
+    "rank": 24
+  },
+  {
+    "title": "图扑数字孪生北京故宫，推进旅游业元宇宙进程",
+    "description": "文旅的数字化转型之路正如火如荼地开展，多家文旅景区和主题乐园开启了元宇宙的探索——张家界元宇宙研究中心挂牌，成为全国首个设立元宇宙研究中心的景区。现代化景区在吸纳了信息革命（5G/6G）、互联网革命（Web ...",
+    "url": "https://segmentfault.com/a/1190000042296125",
+    "author": "hightopo",
+    "home_url": "https://segmentfault.com/u/hightopo",
+    "votes": "2",
+    "rank": 25
   },
   {
-    "title": "JavaScript WebGL 绘制顺序",
-    "description": "引子在 JavaScript WebGL 三维相关概念中尝试一些效果的时候，又碰到了新问题，就去查了资料，自己尝试后总结下。OriginMy GitHub绘制顺序之前二维绘制顺序并没有产生明显的不好效果，现在绘制三维影响就比较大了...",
-    "url": "https://segmentfault.com/a/1190000042282536",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
+    "title": "🎉Vue3+Vite2.6+TypeScript+ant-design-vue+egg.js 一键构建管理前后台管理系统",
+    "description": "Bag快速开发管理系统、门户网站、博客系统框架，提供基础的框架，快速搭建企业产品，响应式开发，你可以将它应用在任何需要服务端管理的应用。如：开发管理系统的 API 接口、门户网站博客、企业内部的业务管理、E...",
+    "url": "https://segmentfault.com/a/1190000042307367",
+    "author": "vipbic",
+    "home_url": "https://segmentfault.com/u/yangxiansheng_5a1b9b93a3a44",
     "votes": "1",
+    "rank": 26
+  },
+  {
+    "title": "20个首页流行布局样式,你喜欢哪个?",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042300663",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
+    "rank": 27
+  },
+  {
+    "title": "在Vue 3中使用v-model来构建复杂的表单",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042261962",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
+    "rank": 28
+  },
+  {
+    "title": "屏幕截图工具哪个好？Snagit 屏幕捕捉工具分享",
+    "description": "Snagit是一款简单好用的屏幕捕捉工具，支持各种方式的屏幕截图，如全屏、滚动、部分、窗口、菜单等，可以从创建图像和视频中获取图片以及图像，捕捉您的屏幕，编辑图像并提供结果。拥有强大的视觉效果，支持屏幕...",
+    "url": "https://segmentfault.com/a/1190000042297259",
+    "author": "暖阳",
+    "home_url": "https://segmentfault.com/u/nuanyang_62ba77f74c207",
+    "votes": "1",
+    "rank": 29
+  },
+  {
+    "title": "JWT 实现登录认证 + Token 自动续期方案",
+    "description": "JWT 实现登录认证 + Token 自动续期方案，这才是正确的使用姿势！项目中基本都有用户管理模块，而用户管理模块会涉及到加密及认证流程。",
+    "url": "https://segmentfault.com/a/1190000042295563",
+    "author": "CRMEB",
+    "home_url": "https://segmentfault.com/u/crmeb",
+    "votes": "2",
     "rank": 30
   }
 ]

package/web/data/toutiao-30.json

@@ -2,17 +2,27 @@
   {
     "title": "阿里云官方 Redis 开发规范！",
     "description": "",
-    "votes": "107",
+    "votes": "108",
     "url": "/k/2fqcbfi",
     "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
     "avatarAlt": "进击的程序猿 - 独家号",
     "subjectName": "进击的程序猿",
     "homeUrl": "/subjects/24912"
   },
+  {
+    "title": "全网最全的权限系统设计方案（图解）",
+    "description": "",
+    "votes": "96",
+    "url": "/k/lozkmee",
+    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
+    "avatarAlt": "服务架构及中台 - 独家号",
+    "subjectName": "服务架构及中台",
+    "homeUrl": "/subjects/26578"
+  },
   {
     "title": "聊聊Java中代码优化的30个小技巧",
     "description": "大家好，我是苏三，又跟大家见面了。前言我之前写过两篇关于优化相关的问题：《聊聊sql优化的15个小技巧》和《聊聊接口性能优化的11个小技巧》，发表之后，在全网受到广大网友的好评。阅...",
-    "votes": "94",
+    "votes": "96",
     "url": "/k/jv8g1r6",
     "avatar": "https://img.toutiao.io/subject/0a66350d491141748ab4dd49be144252/thumb",
     "avatarAlt": "苏三说技术 - 独家号",
@@ -22,7 +32,7 @@
   {
     "title": "Java 大后端各种架构图汇总（建议收藏！！）",
     "description": "",
-    "votes": "85",
+    "votes": "86",
     "url": "/k/dvo6z1w",
     "avatar": "https://img.toutiao.io/subject/d9b0b833d7e44d38b958e8a6003d36b4/thumb",
     "avatarAlt": "浪客用react,java全栈 - 独家号",
@@ -52,13 +62,23 @@
   {
     "title": "京东面试：MQ 消息丢失、重复、积压问题，如何解决？",
     "description": "",
-    "votes": "76",
+    "votes": "80",
     "url": "/k/1unx53z",
     "avatar": "https://img.toutiao.io/subject/d9b0b833d7e44d38b958e8a6003d36b4/thumb",
     "avatarAlt": "浪客用react,java全栈 - 独家号",
     "subjectName": "浪客用react,java全栈",
     "homeUrl": "/subjects/132403"
   },
+  {
+    "title": "掌握这些 SpringBoot 启动扩展点，已经超过 90% 的人了",
+    "description": "",
+    "votes": "77",
+    "url": "/k/3m8iq2m",
+    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
+    "avatarAlt": "服务架构及中台 - 独家号",
+    "subjectName": "服务架构及中台",
+    "homeUrl": "/subjects/26578"
+  },
   {
     "title": "研发过程中的文档管理与工具",
     "description": "写文档也是技术活01：实践对于多数开发同学来说，很多时候即讨厌没有研发文档，但是自己又不愿意常写文档，痛且倔强着；程序员该不该写文档，与争论哪种编程语言最好一样，想撕的嘴不留情，该...",
@@ -80,14 +100,14 @@
     "homeUrl": "/subjects/205186"
   },
   {
-    "title": "掌握这些 SpringBoot 启动扩展点，已经超过 90% 的人了",
-    "description": "",
-    "votes": "72",
-    "url": "/k/3m8iq2m",
-    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
-    "avatarAlt": "服务架构及中台 - 独家号",
-    "subjectName": "服务架构及中台",
-    "homeUrl": "/subjects/26578"
+    "title": "微服务接口设计原则",
+    "description": "本文结合自身后台开发经验，从高可用、高性能、易维护和低风险（安全）角度出发，尝试总结业界常见微服务接口设计原则，帮助大家设计出优秀的微服务。1.前言微服务是一种系统架构风格，是 S...",
+    "votes": "71",
+    "url": "/k/4hjv10p",
+    "avatar": "https://img.toutiao.io/subject/cc2d501408fd455d9b841cb6c8d95a6c/thumb",
+    "avatarAlt": "ASCE1885 - 独家号",
+    "subjectName": "ASCE1885",
+    "homeUrl": "/subjects/4829"
   },
   {
     "title": "老板：公司系统太多，能不能实现账号互通？",
@@ -100,29 +120,19 @@
     "homeUrl": "/subjects/98777"
   },
   {
-    "title": "一文搞懂 Redis 架构演化之路",
-    "description": " 作者：ryetan，腾讯 CSIG 后台开发工程师现如今 Redis 变得越来越流行，几乎在很多项目中都要被用到，不知道你在使用 Redis 时，有没有思考过，Redis 到底是...",
-    "votes": "65",
-    "url": "/k/cwwpjem",
-    "avatar": "https://img.toutiao.io/subject/6ee3bb205b3248c2b746c1506548181a/thumb",
-    "avatarAlt": "大数据生态 - 独家号",
-    "subjectName": "大数据生态",
-    "homeUrl": "/subjects/136176"
-  },
-  {
-    "title": "微服务接口设计原则",
-    "description": "本文结合自身后台开发经验，从高可用、高性能、易维护和低风险（安全）角度出发，尝试总结业界常见微服务接口设计原则，帮助大家设计出优秀的微服务。1.前言微服务是一种系统架构风格，是 S...",
-    "votes": "67",
-    "url": "/k/4hjv10p",
-    "avatar": "https://img.toutiao.io/subject/cc2d501408fd455d9b841cb6c8d95a6c/thumb",
-    "avatarAlt": "ASCE1885 - 独家号",
-    "subjectName": "ASCE1885",
-    "homeUrl": "/subjects/4829"
+    "title": "连流量染色都没有，你说要搞微服务？",
+    "description": "",
+    "votes": "63",
+    "url": "/k/9k1wfc7",
+    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
+    "avatarAlt": "服务架构及中台 - 独家号",
+    "subjectName": "服务架构及中台",
+    "homeUrl": "/subjects/26578"
   },
   {
     "title": "【大厂面试真题解析】虾皮 Shopee 后端一面十四问",
     "description": "",
-    "votes": "65",
+    "votes": "67",
     "url": "/k/pol71im",
     "avatar": "https://img.toutiao.io/subject/cc2d501408fd455d9b841cb6c8d95a6c/thumb",
     "avatarAlt": "ASCE1885 - 独家号",
@@ -130,14 +140,14 @@
     "homeUrl": "/subjects/4829"
   },
   {
-    "title": "连流量染色都没有，你说要搞微服务？",
-    "description": "",
-    "votes": "58",
-    "url": "/k/9k1wfc7",
-    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
-    "avatarAlt": "服务架构及中台 - 独家号",
-    "subjectName": "服务架构及中台",
-    "homeUrl": "/subjects/26578"
+    "title": "一文搞懂 Redis 架构演化之路",
+    "description": " 作者：ryetan，腾讯 CSIG 后台开发工程师现如今 Redis 变得越来越流行，几乎在很多项目中都要被用到，不知道你在使用 Redis 时，有没有思考过，Redis 到底是...",
+    "votes": "65",
+    "url": "/k/cwwpjem",
+    "avatar": "https://img.toutiao.io/subject/6ee3bb205b3248c2b746c1506548181a/thumb",
+    "avatarAlt": "大数据生态 - 独家号",
+    "subjectName": "大数据生态",
+    "homeUrl": "/subjects/136176"
   },
   {
     "title": "【设计模式】10分钟学懂UML类图",
@@ -199,20 +209,10 @@
     "subjectName": "进击的程序猿",
     "homeUrl": "/subjects/24912"
   },
-  {
-    "title": "日志中台不重不丢实现浅谈",
-    "description": "导读：日志数据的生命周期包含日志采集、接入、传输、应用等各个环节。数据的稳定性对于公司报表建设、决策分析、转化策略效果都有至关重要的影响。全文旨在介绍百度日志中台当前的现状，公司内...",
-    "votes": "50",
-    "url": "/k/cnc323n",
-    "avatar": "https://img.toutiao.io/subject/6ee3bb205b3248c2b746c1506548181a/thumb",
-    "avatarAlt": "大数据生态 - 独家号",
-    "subjectName": "大数据生态",
-    "homeUrl": "/subjects/136176"
-  },
   {
     "title": "Kafka在美团数据平台的实践",
     "description": " 总第526篇 2022年 第043篇  Kafka在美团数据平台承担着统一的数据缓存和分发的角色，随着数据量的增长，集群规模的扩大，Kafka面临的挑战也愈发严峻。本文分享了美团...",
-    "votes": "52",
+    "votes": "53",
     "url": "/k/92uh7d6",
     "avatar": "https://img.toutiao.io/subject/50e9b8208bfd488897fed22d15d9aa0e/thumb",
     "avatarAlt": "美团技术团队 - 独家号",
@@ -242,7 +242,7 @@
   {
     "title": "基于SPI的增强式插件框架设计",
     "description": "",
-    "votes": "57",
+    "votes": "58",
     "url": "/k/yqckco9",
     "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
     "avatarAlt": "服务架构及中台 - 独家号",