@wcj/github-rank 22.8.18 → 22.8.19

package/dist/sifou-weekly.json

@@ -8,23 +8,14 @@
     "votes": "11",
     "rank": 1
   },
-  {
-    "title": "Wuzzle，进行基于 webpack 的 JS 转译",
-    "description": "转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...",
-    "url": "https://segmentfault.com/a/1190000042306044",
-    "author": "乌柏木",
-    "home_url": "https://segmentfault.com/u/wubomu",
-    "votes": "14",
-    "rank": 2
-  },
   {
     "title": "多行文本下的文字渐隐消失术",
     "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
     "url": "https://segmentfault.com/a/1190000042325723",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
-    "rank": 3
+    "votes": "13",
+    "rank": 2
   },
   {
     "title": "Windows滚动条如何美化成 macOS 那样？",
@@ -32,8 +23,8 @@
     "url": "https://segmentfault.com/a/1190000042323523",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
-    "rank": 4
+    "votes": "15",
+    "rank": 3
   },
   {
     "title": "从 Islands Architecture 看前端有多卷",
@@ -42,52 +33,34 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "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": "7",
-    "rank": 6
+    "rank": 4
   },
   {
-    "title": "如何在BI中增加“路线地图”并进行数据分析？",
-    "description": "随着客户的需求越来越“百变”，最近在做大屏设计的葡萄陷入了困境。近期客户提出的需求是想在BI工具中增加 “路线地图”展示功能并进行数据分析。不仅如此，这个“路线地图”还要兼具实用的功能与美观的动效，典型的“...",
-    "url": "https://segmentfault.com/a/1190000042304159",
+    "title": "如何开发一款基于 vite+vue3 的在线表格系统（下）",
+    "description": "在上篇内容中我们为大家分享了详细介绍Vue3和Vite的相关内容。在本篇中我们将从项目实战出发带大家了解Vite+Vue3 的在线表格系统的构建。使用Vite初始化Vue3项目在这里需要注意：根据官网文档说明，使用Vite需要n...",
+    "url": "https://segmentfault.com/a/1190000042334814",
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
-    "rank": 7
-  },
-  {
-    "title": "🔬 一文搞懂前端兼容问题",
-    "description": "对于大部分开发者来说，版本兼容是一件存在感很低的事情，因为它在绝大部分情况下都是一行配置，在一些前端工具链（例如 Babel、CoreJS，Autoprefixer 等工具）的帮助下适配到目标浏览器，只会在一些大的 break c...",
-    "url": "https://segmentfault.com/a/1190000042301384",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
     "votes": "4",
-    "rank": 8
+    "rank": 5
   },
   {
-    "title": "下一代响应式Web设计：组件驱动式Web设计",
-    "description": "自从著名设计师 Ethan Marcotte（@beep）在 A List Apart上发表了一篇名为《 Responsive Web Design》的文章之后，响应式网页设计（RWD，即 Responsive Web Design）的身影就出现在了公众面前。自此就有了响应式 ...",
-    "url": "https://segmentfault.com/a/1190000042304532",
-    "author": "大淘宝技术",
-    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
+    "title": "手写一个有点意思的电梯小程序（React版本）",
+    "description": "查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...",
+    "url": "https://segmentfault.com/a/1190000042322957",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "3",
-    "rank": 9
+    "rank": 6
   },
   {
-    "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": 10
+    "title": "精读《pnpm》",
+    "description": "pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。",
+    "url": "https://segmentfault.com/a/1190000042318738",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "6",
+    "rank": 7
   },
   {
     "title": "开阔眼界的好工具，一文教你使用Wappalzer来学习全栈技术",
@@ -96,7 +69,7 @@
     "author": "Gomi",
     "home_url": "https://segmentfault.com/u/gomi",
     "votes": "5",
-    "rank": 11
+    "rank": 8
   },
   {
     "title": "谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到",
@@ -105,7 +78,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 12
+    "rank": 9
+  },
+  {
+    "title": "将废弃的安卓手机重新用作Web服务器 一",
+    "description": "将废弃的安卓手机重新用作Web服务器环境准备首先，我们需要给手机安装一个Linux环境。这里选择Termux，Termux是Android的终端模拟器下载地址你可能需要根据你的手机型号选择适合的版本下载后想办法将安装包发送到...",
+    "url": "https://segmentfault.com/a/1190000042317550",
+    "author": "Riki一二三",
+    "home_url": "https://segmentfault.com/u/riki_wang",
+    "votes": "2",
+    "rank": 10
   },
   {
     "title": "用 http-middleware-proxy 造了个代理工具",
@@ -114,16 +96,7 @@
     "author": "亖混子",
     "home_url": "https://segmentfault.com/u/1023",
     "votes": "5",
-    "rank": 13
-  },
-  {
-    "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": 14
+    "rank": 11
   },
   {
     "title": "数据透视表上线！如何在纯前端实现这个强大的数据分析功能？",
@@ -132,25 +105,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "精读《pnpm》",
-    "description": "pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。",
-    "url": "https://segmentfault.com/a/1190000042318738",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "5",
-    "rank": 16
-  },
-  {
-    "title": "请求体格式有哪些呢？我总结常见的这几种",
-    "description": "Form-data有两种格式的 Form-data（表单数据），multipart/form-data 和 application/x-www-form-urlencoded;",
-    "url": "https://segmentfault.com/a/1190000042301806",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
-    "votes": "2",
-    "rank": 17
+    "rank": 12
   },
   {
     "title": "在 api 接口测试中，我会关注这三个指标",
@@ -159,16 +114,7 @@
     "author": "气势凌人的柿子",
     "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
     "votes": "3",
-    "rank": 18
-  },
-  {
-    "title": "手写一个有点意思的电梯小程序（React版本）",
-    "description": "查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...",
-    "url": "https://segmentfault.com/a/1190000042322957",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "2",
-    "rank": 19
+    "rank": 13
   },
   {
     "title": "前端必备的 HTTP 知识",
@@ -176,8 +122,8 @@
     "url": "https://segmentfault.com/a/1190000042326660",
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "6",
-    "rank": 20
+    "votes": "7",
+    "rank": 14
   },
   {
     "title": "有两套数据源，那开源 api 管理工具如何部署？",
@@ -186,7 +132,7 @@
     "author": "猿计划",
     "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
     "votes": "3",
-    "rank": 21
+    "rank": 15
   },
   {
     "title": "终、《图解HTTP》读书笔记 - 汇总篇（总结）",
@@ -195,7 +141,16 @@
     "author": "Xander",
     "home_url": "https://segmentfault.com/u/lazytimes",
     "votes": "0",
-    "rank": 22
+    "rank": 16
+  },
+  {
+    "title": "如何让 useEffect 支持 async...await？",
+    "description": "本文是深入浅出 ahooks 源码系列文章的第六篇，该系列已整理成文档-地址。觉得还不错，给个 关注 支持一下哈，Thanks。本文已收录到个人博客中，欢迎关注~背景大家在使用 useEffect 的时候，假如回调函数中使用 a...",
+    "url": "https://segmentfault.com/a/1190000042320560",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "1",
+    "rank": 17
   },
   {
     "title": "写接口文档之前，我会问自己 3 个问题",
@@ -204,16 +159,16 @@
     "author": "气势凌人的柿子",
     "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
     "votes": "3",
-    "rank": 23
+    "rank": 18
   },
   {
-    "title": "将废弃的安卓手机重新用作Web服务器 一",
-    "description": "将废弃的安卓手机重新用作Web服务器环境准备首先，我们需要给手机安装一个Linux环境。这里选择Termux，Termux是Android的终端模拟器下载地址你可能需要根据你的手机型号选择适合的版本下载后想办法将安装包发送到...",
-    "url": "https://segmentfault.com/a/1190000042317550",
-    "author": "Riki一二三",
-    "home_url": "https://segmentfault.com/u/riki_wang",
-    "votes": "1",
-    "rank": 24
+    "title": "11 个需要避免的 React 错误用法",
+    "description": "随着 React 越来越受欢迎，React 开发者也越来越多，在开发过程中也遇到各种各样的问题。本文我将结合自己实际工作经验，总结 11 个 React 开发中常见的一些错误，帮助您避免一些错误的发生。如果您刚开始使用 Re...",
+    "url": "https://segmentfault.com/a/1190000042318606",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
+    "votes": "2",
+    "rank": 19
   },
   {
     "title": "低代码时代已来，还是又一轮技术炒作？",
@@ -222,7 +177,7 @@
     "author": "腾讯云开发者",
     "home_url": "https://segmentfault.com/u/qcloudcommunity",
     "votes": "1",
-    "rank": 25
+    "rank": 20
   },
   {
     "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
@@ -231,7 +186,7 @@
     "author": "Awbeci",
     "home_url": "https://segmentfault.com/u/awbeci",
     "votes": "4",
-    "rank": 26
+    "rank": 21
   },
   {
     "title": "🎉Vue3+Vite2.6+TypeScript+ant-design-vue+egg.js 一键构建管理前后台管理系统",
@@ -240,7 +195,16 @@
     "author": "vipbic",
     "home_url": "https://segmentfault.com/u/yangxiansheng_5a1b9b93a3a44",
     "votes": "2",
-    "rank": 27
+    "rank": 22
+  },
+  {
+    "title": "如何快速理解复杂业务，系统思考问题？",
+    "description": "对于复杂问题的思考其实是有层次的，从最表面的事件，到事件背后的规律，再到这个问题的结构模式，再到价值观，层层递进。在画完自己的业务系统因果回路图之后，再结合这个心智模型，思考自己的思考在哪个层次，...",
+    "url": "https://segmentfault.com/a/1190000042311795",
+    "author": "大淘宝技术",
+    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
+    "votes": "3",
+    "rank": 23
   },
   {
     "title": "一文讲透Java核心技术之高可扩展利器SPI",
@@ -249,23 +213,59 @@
     "author": "冰河",
     "home_url": "https://segmentfault.com/u/binghe001",
     "votes": "0",
+    "rank": 24
+  },
+  {
+    "title": "如何正确的中断线程？你的姿势是否正确",
+    "description": "在Java程序中，我们想要停止一个线程可以通过interrupt方法进行停止。但是当我们调用interrupt方法之后，它可能并不会立刻就会停止线程，而是通知线程需要停止。线程接收到通知之后会根据自身的情况判断是否需要...",
+    "url": "https://segmentfault.com/a/1190000042320179",
+    "author": "一个程序员的成长",
+    "home_url": "https://segmentfault.com/u/bingfengdada",
+    "votes": "1",
+    "rank": 25
+  },
+  {
+    "title": "如何开发一个跨框架组件？",
+    "description": "你有这种感觉吗？几个大的前端框架把世界割裂了。我们会为你用Vue，我用React而争吵，甚至有鄙视链情况发生。争吵的原因有很多，我这篇文章主要是从组件的角度阐述。",
+    "url": "https://segmentfault.com/a/1190000042323852",
+    "author": "飞叶_前端",
+    "home_url": "https://segmentfault.com/u/yunhuangbeiqing",
+    "votes": "1",
+    "rank": 26
+  },
+  {
+    "title": "如果让我设计一套，TPS百万级API网关！",
+    "description": "是滴，小傅哥又要准备搞事情了！这次准备下手API网关项目，因为这是所有互联网大厂都有的一个核心服务，承接着来自用户的滴滴打车、美团外卖、京东购物、微信支付，更是大促期间千万级访问量的核心系统。",
+    "url": "https://segmentfault.com/a/1190000042324803",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "2",
+    "rank": 27
+  },
+  {
+    "title": "MYSQL最朴素的监控方式",
+    "description": "对于当前数据库的监控方式有很多，分为数据库自带、商用、开源三大类，每一种都有各自的特色；而对于mysql数据库由于其有很高的社区活跃度，监控方式更是多种多样，不管哪种监控方式最核心的就是监控数据，获取得...",
+    "url": "https://segmentfault.com/a/1190000042307769",
+    "author": "京东云开发者",
+    "home_url": "https://segmentfault.com/u/jdcdevloper",
+    "votes": "2",
     "rank": 28
   },
   {
-    "title": "如何让 useEffect 支持 async...await？",
-    "description": "本文是深入浅出 ahooks 源码系列文章的第六篇，该系列已整理成文档-地址。觉得还不错，给个 关注 支持一下哈，Thanks。本文已收录到个人博客中，欢迎关注~背景大家在使用 useEffect 的时候，假如回调函数中使用 a...",
-    "url": "https://segmentfault.com/a/1190000042320560",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "0",
+    "title": "HttpClient 在vivo内销浏览器的高并发实践优化",
+    "description": "HttpClient作为Java程序员最常用的Http工具，其对Http连接的管理能简化开发，并且提升连接重用效率；在正常情况下，HttpClient能帮助我们高效管理连接，但在一些并发高，报文体较大的情况下，如果再遇到网络波动...",
+    "url": "https://segmentfault.com/a/1190000042318840",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "1",
     "rank": 29
   },
   {
-    "title": "在Vue 3中使用v-model来构建复杂的表单",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042261962",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "揭秘，Vue3 性能优化之 Non-reactive Object",
+    "description": "在 Vue2 中，有一个老生常谈的话题，如何避免 data 中一个复杂对象（自身或属性对象）被默认被创建为响应式（Non-reactive Object）的过程？ 举个例子，有一个 Vue2 的组件的 data：",
+    "url": "https://segmentfault.com/a/1190000042309305",
+    "author": "五柳",
+    "home_url": "https://segmentfault.com/u/wjchumble",
     "votes": "2",
     "rank": 30
   }

package/dist/toutiao-30.json

@@ -1,4 +1,14 @@
 [
+  {
+    "title": "全网最全的权限系统设计方案（图解）",
+    "description": "",
+    "votes": "119",
+    "url": "/k/lozkmee",
+    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
+    "avatarAlt": "服务架构及中台 - 独家号",
+    "subjectName": "服务架构及中台",
+    "homeUrl": "/subjects/26578"
+  },
   {
     "title": "阿里云官方 Redis 开发规范！",
     "description": "",
@@ -9,20 +19,10 @@
     "subjectName": "进击的程序猿",
     "homeUrl": "/subjects/24912"
   },
-  {
-    "title": "全网最全的权限系统设计方案（图解）",
-    "description": "",
-    "votes": "114",
-    "url": "/k/lozkmee",
-    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
-    "avatarAlt": "服务架构及中台 - 独家号",
-    "subjectName": "服务架构及中台",
-    "homeUrl": "/subjects/26578"
-  },
   {
     "title": "聊聊Java中代码优化的30个小技巧",
     "description": "大家好，我是苏三，又跟大家见面了。前言我之前写过两篇关于优化相关的问题：《聊聊sql优化的15个小技巧》和《聊聊接口性能优化的11个小技巧》，发表之后，在全网受到广大网友的好评。阅...",
-    "votes": "96",
+    "votes": "97",
     "url": "/k/jv8g1r6",
     "avatar": "https://img.toutiao.io/subject/0a66350d491141748ab4dd49be144252/thumb",
     "avatarAlt": "苏三说技术 - 独家号",
@@ -32,7 +32,7 @@
   {
     "title": "Java 大后端各种架构图汇总（建议收藏！！）",
     "description": "",
-    "votes": "87",
+    "votes": "88",
     "url": "/k/dvo6z1w",
     "avatar": "https://img.toutiao.io/subject/d9b0b833d7e44d38b958e8a6003d36b4/thumb",
     "avatarAlt": "浪客用react,java全栈 - 独家号",
@@ -40,39 +40,29 @@
     "homeUrl": "/subjects/132403"
   },
   {
-    "title": "花了一周，我总结了120个数据分析指标与术语。",
+    "title": "掌握这些 SpringBoot 启动扩展点，已经超过 90% 的人了",
     "description": "",
-    "votes": "89",
-    "url": "/k/9pzybmk",
-    "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
-    "avatarAlt": "进击的程序猿 - 独家号",
-    "subjectName": "进击的程序猿",
-    "homeUrl": "/subjects/24912"
+    "votes": "90",
+    "url": "/k/3m8iq2m",
+    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
+    "avatarAlt": "服务架构及中台 - 独家号",
+    "subjectName": "服务架构及中台",
+    "homeUrl": "/subjects/26578"
   },
   {
     "title": "京东面试：MQ 消息丢失、重复、积压问题，如何解决？",
     "description": "",
-    "votes": "85",
+    "votes": "89",
     "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": "83",
-    "url": "/k/3m8iq2m",
-    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
-    "avatarAlt": "服务架构及中台 - 独家号",
-    "subjectName": "服务架构及中台",
-    "homeUrl": "/subjects/26578"
-  },
   {
     "title": "研发过程中的文档管理与工具",
     "description": "写文档也是技术活01：实践对于多数开发同学来说，很多时候即讨厌没有研发文档，但是自己又不愿意常写文档，痛且倔强着；程序员该不该写文档，与争论哪种编程语言最好一样，想撕的嘴不留情，该...",
-    "votes": "80",
+    "votes": "81",
     "url": "/k/mdiqwn5",
     "avatar": "https://img.toutiao.io/subject/b82e66f0d4464d78b30e0db3cfad0dd8/thumb",
     "avatarAlt": "知了一笑 - 独家号",
@@ -82,17 +72,27 @@
   {
     "title": "微服务接口设计原则",
     "description": "本文结合自身后台开发经验，从高可用、高性能、易维护和低风险（安全）角度出发，尝试总结业界常见微服务接口设计原则，帮助大家设计出优秀的微服务。1.前言微服务是一种系统架构风格，是 S...",
-    "votes": "74",
+    "votes": "75",
     "url": "/k/4hjv10p",
     "avatar": "https://img.toutiao.io/subject/cc2d501408fd455d9b841cb6c8d95a6c/thumb",
     "avatarAlt": "ASCE1885 - 独家号",
     "subjectName": "ASCE1885",
     "homeUrl": "/subjects/4829"
   },
+  {
+    "title": "聊聊 13 种锁的实现方式",
+    "description": "大家好，我是Tom哥。最近有很多小伙伴给我留言，分布式系统时代，线程并发，资源抢占，\"锁\" 慢慢变得很重要。那么常见的锁都有哪些？今天Tom哥就和大家简单聊聊这个话题1、悲观锁正如...",
+    "votes": "75",
+    "url": "/k/wcwg3fn",
+    "avatar": "https://img.toutiao.io/subject/e62c1664abed48848efc89141ae64112/thumb",
+    "avatarAlt": "微观技术 - 独家号",
+    "subjectName": "微观技术",
+    "homeUrl": "/subjects/348507"
+  },
   {
     "title": "腾讯低代码平台正式开源！可拖拽、生成手机项目、PC 项目！接私活福利啊！",
     "description": "点击关注公众号，Java干货及时送达来源：腾讯开源项目简介腾讯tmagic-editor是一个所见即所得的页面可视化编辑器，基于tmagic-editor可以快速搭建可视化页面生产...",
-    "votes": "68",
+    "votes": "69",
     "url": "/k/8oqx21m",
     "avatar": "https://img.toutiao.io/subject/1be92f5a50224852895d647097a6d521/thumb",
     "avatarAlt": "测试之路 - 独家号",
@@ -102,7 +102,7 @@
   {
     "title": "连流量染色都没有，你说要搞微服务？",
     "description": "",
-    "votes": "67",
+    "votes": "68",
     "url": "/k/9k1wfc7",
     "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
     "avatarAlt": "服务架构及中台 - 独家号",
@@ -112,7 +112,7 @@
   {
     "title": "【大厂面试真题解析】虾皮 Shopee 后端一面十四问",
     "description": "",
-    "votes": "71",
+    "votes": "72",
     "url": "/k/pol71im",
     "avatar": "https://img.toutiao.io/subject/cc2d501408fd455d9b841cb6c8d95a6c/thumb",
     "avatarAlt": "ASCE1885 - 独家号",
@@ -122,7 +122,7 @@
   {
     "title": "老板：公司系统太多，能不能实现账号互通？",
     "description": "文章来源：https://c1n.cn/lGL6r‍‍‍目录简介传统 Session 机制及身份认证方案集群环境下的 Session 困境及解决方案多服务下的登陆困境及 SSO 方...",
-    "votes": "73",
+    "votes": "74",
     "url": "/k/g7sb904",
     "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
     "avatarAlt": "Bloomingroses - 独家号",
@@ -139,6 +139,16 @@
     "subjectName": "大数据生态",
     "homeUrl": "/subjects/136176"
   },
+  {
+    "title": "1.8w 字的 SQL 优化大全",
+    "description": "",
+    "votes": "58",
+    "url": "/k/9bmtrfk",
+    "avatar": "https://img.toutiao.io/user/2790fa85cfbd4b8ebdf47022ec2b6400/thumb",
+    "avatarAlt": "yoyobill的独家号 - 独家号",
+    "subjectName": "yoyobill的独家号",
+    "homeUrl": "/subjects/970"
+  },
   {
     "title": "【设计模式】10分钟学懂UML类图",
     "description": "",
@@ -149,20 +159,10 @@
     "subjectName": "进击的程序猿",
     "homeUrl": "/subjects/24912"
   },
-  {
-    "title": "1.8w 字的 SQL 优化大全",
-    "description": "",
-    "votes": "57",
-    "url": "/k/9bmtrfk",
-    "avatar": "https://img.toutiao.io/user/2790fa85cfbd4b8ebdf47022ec2b6400/thumb",
-    "avatarAlt": "yoyobill的独家号 - 独家号",
-    "subjectName": "yoyobill的独家号",
-    "homeUrl": "/subjects/970"
-  },
   {
     "title": "如何写好日志记录？",
     "description": "1 简介在程序中写日志是一件非常重要，但是很容易被开发人员忽视的地方。写好程序的日志可以帮助我们大大减轻后期维护压力。在实际的工作中，开发人员往往迫于巨大时间压力，而写日志又是一个...",
-    "votes": "59",
+    "votes": "60",
     "url": "/k/882beu7",
     "avatar": "https://img.toutiao.io/subject/ae2b74c589814b769c1bebad92c2fb9a/thumb",
     "avatarAlt": "架构之美 - 独家号",
@@ -192,7 +192,7 @@
   {
     "title": "保证接口数据安全的10种方案",
     "description": "",
-    "votes": "56",
+    "votes": "57",
     "url": "/k/iau6qc3",
     "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
     "avatarAlt": "进击的程序猿 - 独家号",
@@ -210,14 +210,14 @@
     "homeUrl": "/subjects/117027"
   },
   {
-    "title": "聊聊 13 种锁的实现方式",
-    "description": "大家好，我是Tom哥。最近有很多小伙伴给我留言，分布式系统时代，线程并发，资源抢占，\"锁\" 慢慢变得很重要。那么常见的锁都有哪些？今天Tom哥就和大家简单聊聊这个话题1、悲观锁正如...",
-    "votes": "56",
-    "url": "/k/wcwg3fn",
-    "avatar": "https://img.toutiao.io/subject/e62c1664abed48848efc89141ae64112/thumb",
-    "avatarAlt": "微观技术 - 独家号",
-    "subjectName": "微观技术",
-    "homeUrl": "/subjects/348507"
+    "title": "「架构选型」5 种 API 网关技术选型",
+    "description": "官网：www.passjava.cn你好，我是悟空。这一次我们来看下 API 网关如何设计、五种 API 网关的技术选型对比。关于什么是网关，以及为什么需要网关，可以看上一篇：60...",
+    "votes": "53",
+    "url": "/k/a4v7vsf",
+    "avatar": "https://img.toutiao.io/subject/0a536810212f4f7c9c1f451fc9f55540/thumb",
+    "avatarAlt": "乱点技能树 - 独家号",
+    "subjectName": "乱点技能树",
+    "homeUrl": "/subjects/194141"
   },
   {
     "title": "十种实现延迟任务的方案",
@@ -240,13 +240,13 @@
     "homeUrl": "/subjects/26578"
   },
   {
-    "title": "「架构选型」5 种 API 网关技术选型",
-    "description": "官网：www.passjava.cn你好，我是悟空。这一次我们来看下 API 网关如何设计、五种 API 网关的技术选型对比。关于什么是网关，以及为什么需要网关，可以看上一篇：60...",
-    "votes": "52",
-    "url": "/k/a4v7vsf",
-    "avatar": "https://img.toutiao.io/subject/0a536810212f4f7c9c1f451fc9f55540/thumb",
-    "avatarAlt": "乱点技能树 - 独家号",
-    "subjectName": "乱点技能树",
-    "homeUrl": "/subjects/194141"
+    "title": "从业务开发中学习和理解架构设计",
+    "description": "",
+    "votes": "54",
+    "url": "/k/c14dhs9",
+    "avatar": "https://img.toutiao.io/subject/cc2d501408fd455d9b841cb6c8d95a6c/thumb",
+    "avatarAlt": "ASCE1885 - 独家号",
+    "subjectName": "ASCE1885",
+    "homeUrl": "/subjects/4829"
   }
 ]