@wcj/github-rank 22.10.1 → 22.10.2

package/web/data/sifou-daily.json

@@ -1,38 +1,20 @@
 [
   {
-    "title": "一个终端工具竟然有AI功能？使用了1天我立马把其他终端全卸载了！太香了！",
-    "description": "我重度使用了2天，无论从颜值，性能，效率和创新上，都碾压同类的终端工具。我完全找不到任何理由来放弃这么优秀的一款工具。整个使用的体验非常舒服，甚至于觉得，这，就是我心中现代化终端工具该有的样子！",
-    "url": "https://segmentfault.com/a/1190000042565433",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "2",
-    "rank": 1
-  },
-  {
-    "title": "2022年 SegmentFault 思否程序员大调查",
-    "description": "国庆长假来啦！进到这个页面的朋友，相信都是非常热爱学习的友友们👍来 SegmentFault 思否社区，不仅可以吸收技术知识充电，填写这份关于「程序员」的调查问卷，还有机会领取思否定制周边礼品！立即填写问卷👉戳链...",
-    "url": "https://segmentfault.com/a/1190000042566696",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "2",
-    "rank": 2
-  },
-  {
-    "title": "Golang 单例模式与sync.Once",
-    "description": "在 Golang 中变量或说明实例只初始化一次的效果通过init函数是可以实现的，包在被引入时就会执行一次init函数且无论同一包被引入多少次也都只执行一次。",
-    "url": "https://segmentfault.com/a/1190000042567477",
-    "author": "Jeffid",
-    "home_url": "https://segmentfault.com/u/jeffid",
+    "title": "ShardingSphere高CPU消耗的问题",
+    "description": "ShardingSphere官方文档[链接]一、老版本TreeMap问题在5.0.0之前的ShardingResultSet中使用的TreeMap设置的不分大小写导致的，这个源码中写死的。1.1 标志性热点二、5.0.0版本之后去掉了TreeMap在5.0.0版本之后，...",
+    "url": "https://segmentfault.com/a/1190000042567934",
+    "author": "开翻挖掘机",
+    "home_url": "https://segmentfault.com/u/wajueji9527",
     "votes": "1",
-    "rank": 3
+    "rank": 1
   },
   {
-    "title": "使用gorm写入time.Time的类型时的问题",
-    "description": "很大一部分gopher都是用过gorm，而time.Time类型也是大家常用的类型，今天我就主要介绍一个在使用过程中遇到的一个比较奇怪的问题。",
-    "url": "https://segmentfault.com/a/1190000042567349",
-    "author": "润雨冰雪",
-    "home_url": "https://segmentfault.com/u/runyubingxue",
+    "title": "React面试：谈谈虚拟DOM，Diff算法与Key机制",
+    "description": "原生的JS DOM操作非常消耗性能，而React把真实原生JS DOM转换成了JavaScript对象。这就是虚拟Dom（Virtual Dom）",
+    "url": "https://segmentfault.com/a/1190000042567864",
+    "author": "紧张的大葱",
+    "home_url": "https://segmentfault.com/u/jinzhangdedacong",
     "votes": "1",
-    "rank": 4
+    "rank": 2
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,4 +1,13 @@
 [
+  {
+    "title": "「多图预警」完美实现一个@功能",
+    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
+    "url": "https://segmentfault.com/a/1190000042481321",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "23",
+    "rank": 1
+  },
   {
     "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
     "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
@@ -6,7 +15,7 @@
     "author": "dreamapplehappy",
     "home_url": "https://segmentfault.com/u/dreamapplehappy",
     "votes": "21",
-    "rank": 1
+    "rank": 2
   },
   {
     "title": "还在用定时器吗？借助 CSS 来监听事件",
@@ -15,15 +24,6 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "24",
-    "rank": 2
-  },
-  {
-    "title": "「多图预警」完美实现一个@功能",
-    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
-    "url": "https://segmentfault.com/a/1190000042481321",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "22",
     "rank": 3
   },
   {
@@ -62,6 +62,15 @@
     "votes": "17",
     "rank": 7
   },
+  {
+    "title": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 8
+  },
   {
     "title": "实现《羊了个羊》的小游戏",
     "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
@@ -69,7 +78,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "13",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
@@ -78,7 +87,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "CSS transform、transition、animation 指南",
@@ -87,7 +96,7 @@
     "author": "散一群逗逼",
     "home_url": "https://segmentfault.com/u/sanyiqundoubi",
     "votes": "12",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "漫画 | Serverless + Data，让后端告别搬砖！",
@@ -96,15 +105,6 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 11
-  },
-  {
-    "title": "单标签实现复杂的棋盘布局",
-    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
-    "url": "https://segmentfault.com/a/1190000042513947",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "10",
     "rank": 12
   },
   {
@@ -179,6 +179,15 @@
     "votes": "6",
     "rank": 20
   },
+  {
+    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
+    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
+    "url": "https://segmentfault.com/a/1190000042550192",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
+    "rank": 21
+  },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
     "description": "黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...",
@@ -186,7 +195,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "图解JS中的事件循环",
@@ -195,15 +204,6 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "6",
-    "rank": 22
-  },
-  {
-    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
-    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
-    "url": "https://segmentfault.com/a/1190000042550192",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
     "rank": 23
   },
   {
@@ -224,6 +224,15 @@
     "votes": "4",
     "rank": 25
   },
+  {
+    "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
+    "description": "哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...",
+    "url": "https://segmentfault.com/a/1190000042531829",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
+    "rank": 26
+  },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
     "description": "偶然一次发现，他们两个的引入模块的方式不一样，在好奇心的驱使下，便开始一探究竟。1、vue.config方式打开项目的package.json，找到 scripts位置。找到 vue-cli-service 命令，通常命令都位于当前项目的node_mo...",
@@ -231,16 +240,16 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 26
+    "rank": 27
   },
   {
-    "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
-    "description": "哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...",
-    "url": "https://segmentfault.com/a/1190000042531829",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
-    "rank": 27
+    "title": "借助 :has 实现3d轮播图",
+    "description": "前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...",
+    "url": "https://segmentfault.com/a/1190000042512102",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "7",
+    "rank": 28
   },
   {
     "title": "新时代布局新特性 -- 容器查询",
@@ -249,7 +258,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "8",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
@@ -258,15 +267,6 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "6",
-    "rank": 29
-  },
-  {
-    "title": "近期对前端性能优化的总结",
-    "description": "前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...",
-    "url": "https://segmentfault.com/a/1190000042461022",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "4",
     "rank": 30
   }
 ]

package/web/data/sifou-weekly.json

@@ -44,15 +44,6 @@
     "votes": "5",
     "rank": 5
   },
-  {
-    "title": "面试说：聊聊JavaScript中的数据类型",
-    "description": "答：Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。",
-    "url": "https://segmentfault.com/a/1190000042539876",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "5",
-    "rank": 6
-  },
   {
     "title": "一个新视角：前端框架们都卷错方向了？",
     "description": "大家好，我卡颂。近几年，前端领域出现了很多新框架，比如Svelte、 Solid.js、Astro、Qwik等。伴随他们出现的，还有很多高大上的新概念 —— 运行时/编译时框架、Islands架构、Selective Hydration......这些概念的...",
@@ -60,7 +51,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "3",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "SegmentFault 2022 年社区周报 Vol.9",
@@ -69,7 +60,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "3",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "现代 JavaScript 库打包指南",
@@ -78,6 +69,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "3",
+    "rank": 8
+  },
+  {
+    "title": "5 种瀑布流场景的实现原理解析",
+    "description": "一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...",
+    "url": "https://segmentfault.com/a/1190000042562451",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "4",
     "rank": 9
   },
   {
@@ -89,6 +89,15 @@
     "votes": "3",
     "rank": 10
   },
+  {
+    "title": "前端web实现（@、At、艾特）选人或引用数据",
+    "description": "1、在输入框中输入 @ ，弹出浮窗，然后可以选择浮窗中相关的数据；2、在输入框中输入 # ，弹出浮窗，然后可以选择浮窗中相关的数据；3、@ 和 # 引用的数据要包含名称和id等，最终要传给后端；4、删除 @ 和 # 引用...",
+    "url": "https://segmentfault.com/a/1190000042563289",
+    "author": "xmanlin",
+    "home_url": "https://segmentfault.com/u/dxpang",
+    "votes": "2",
+    "rank": 11
+  },
   {
     "title": "在 Vue 中，使用 $attrs 构建高级组件",
     "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
@@ -96,16 +105,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "3",
-    "rank": 11
+    "rank": 12
   },
   {
-    "title": "PHP实现单用户登录",
-    "description": "2、在验证用户是否登录的模块中，若用户已登录，将用户数据库中的token取出，并且制作一个最新的token，两者判断是否相等，若不相等，用户下线；",
-    "url": "https://segmentfault.com/a/1190000042540322",
-    "author": "阿山",
-    "home_url": "https://segmentfault.com/u/a_shan",
-    "votes": "2",
-    "rank": 12
+    "title": "Go 为什么能火？归功于这 5 个方面",
+    "description": "在国外的播客节目 Go Time #100 中，Rob Pike 和 Robert Griesemer（Go 的两位创始人）和主持人 Jerod Santo 讨论了 Go 语言的成功缘由和一些思考。",
+    "url": "https://segmentfault.com/a/1190000042555900",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "1",
+    "rank": 13
   },
   {
     "title": "angular 附件上传  以及深拷贝",
@@ -114,15 +123,6 @@
     "author": "weiewiyi",
     "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "3",
-    "rank": 13
-  },
-  {
-    "title": "Go 为什么能火？归功于这 5 个方面",
-    "description": "在国外的播客节目 Go Time #100 中，Rob Pike 和 Robert Griesemer（Go 的两位创始人）和主持人 Jerod Santo 讨论了 Go 语言的成功缘由和一些思考。",
-    "url": "https://segmentfault.com/a/1190000042555900",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "1",
     "rank": 14
   },
   {
@@ -135,23 +135,14 @@
     "rank": 15
   },
   {
-    "title": "Python项目管理： Poetry",
-    "description": "Poetry 是Python 中用于依赖管理和打包的工具。它允许您声明项目所依赖的库，并将为您管理（安装/更新）它们。Poetry 提供了一个锁定文件以确保可重复安装，并且可以构建您的项目以进行分发。",
-    "url": "https://segmentfault.com/a/1190000042542063",
-    "author": "冷冻工厂",
-    "home_url": "https://segmentfault.com/u/gone_63231de16383b",
+    "title": "撸了一款 Vue 生态缺失的 CMD+K 类库",
+    "description": "9月底，新轮子又来了，Vue Command Palette 是一个为 Vue 而生的快速、无样式、可组合的 Command Palette（CMDK）组件库。",
+    "url": "https://segmentfault.com/a/1190000042559544",
+    "author": "xiaoluoboding",
+    "home_url": "https://segmentfault.com/u/xlbd",
     "votes": "1",
     "rank": 16
   },
-  {
-    "title": "前端web实现（@、At、艾特）选人或引用数据",
-    "description": "1、在输入框中输入 @ ，弹出浮窗，然后可以选择浮窗中相关的数据；2、在输入框中输入 # ，弹出浮窗，然后可以选择浮窗中相关的数据；3、@ 和 # 引用的数据要包含名称和id等，最终要传给后端；4、删除 @ 和 # 引用...",
-    "url": "https://segmentfault.com/a/1190000042563289",
-    "author": "xmanlin",
-    "home_url": "https://segmentfault.com/u/dxpang",
-    "votes": "2",
-    "rank": 17
-  },
   {
     "title": "Vue.js设计与实现(电子版)源码学习",
     "description": "KeepAlive 的本质是缓存管理，再加上特殊的挂载/卸载逻辑。　　首先，KeepAlive 组件的实现需要渲染器层面的支持。这是因为被 KeepAlive 的组件在卸载时，我们不能真的将其卸载，否则就无法维持组件的当前状态了...",
@@ -159,34 +150,34 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "1",
-    "rank": 18
+    "rank": 17
   },
   {
-    "title": "5 种瀑布流场景的实现原理解析",
-    "description": "一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...",
-    "url": "https://segmentfault.com/a/1190000042562451",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
+    "title": "Monaco Editor 中的 Keybinding 机制",
+    "description": "前段时间碰到了一个 Keybinding 相关的问题，于是探究了一番，首先大家可能会有两个问题：Monaco Editor 是啥？Keybinding 又是啥？",
+    "url": "https://segmentfault.com/a/1190000042562942",
+    "author": "袋鼠云数栈UED",
+    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
     "votes": "2",
-    "rank": 19
+    "rank": 18
   },
   {
-    "title": "彻底掌握Makeifle（三）",
-    "description": "彻底掌握Makeifle（三）前言在前面的文章彻底掌握Makefile（一）和彻底掌握Makefile（二）当中，我们简要的介绍了一些常见的makefile使用方法，在本篇文章当中我们将继续介绍一些makefile当中的常见用法。Makefil...",
-    "url": "https://segmentfault.com/a/1190000042542159",
-    "author": "一无是处的研究僧",
-    "home_url": "https://segmentfault.com/u/chang_lehung",
+    "title": "手写编程语言-递归函数是如何实现的？",
+    "description": "前言本篇文章主要是记录一下在 GScript 中实现递归调用时所遇到的坑，类似的问题在中文互联网上我几乎没有找到相关的内容，所以还是很有必要记录一下。在开始之前还是简单介绍下本次更新的 GScript v0.0.9 所包含...",
+    "url": "https://segmentfault.com/a/1190000042548565",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
     "votes": "1",
-    "rank": 20
+    "rank": 19
   },
   {
-    "title": "撸了一款 Vue 生态缺失的 CMD+K 类库",
-    "description": "9月底，新轮子又来了，Vue Command Palette 是一个为 Vue 而生的快速、无样式、可组合的 Command Palette（CMDK）组件库。",
-    "url": "https://segmentfault.com/a/1190000042559544",
-    "author": "xiaoluoboding",
-    "home_url": "https://segmentfault.com/u/xlbd",
+    "title": "SegmentFault 思否技术周刊 — 学 Java 能做什么？",
+    "description": "今天我们继续来聊聊流程实例。部署之后的流程，这个还不能直接运行，例如我们部署了一个请假流程，现在 zhangsan 想要请假，他就需要开启一个请假流程，lisi 想请假，他也需要开启一个请假流程，这一个一个开启的...",
+    "url": "https://segmentfault.com/a/1190000042549802",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "1",
-    "rank": 21
+    "rank": 20
   },
   {
     "title": "深入理解JavaScript-this关键字",
@@ -195,25 +186,7 @@
     "author": "山头人汉波",
     "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "2",
-    "rank": 22
-  },
-  {
-    "title": "手写编程语言-递归函数是如何实现的？",
-    "description": "前言本篇文章主要是记录一下在 GScript 中实现递归调用时所遇到的坑，类似的问题在中文互联网上我几乎没有找到相关的内容，所以还是很有必要记录一下。在开始之前还是简单介绍下本次更新的 GScript v0.0.9 所包含...",
-    "url": "https://segmentfault.com/a/1190000042548565",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "1",
-    "rank": 23
-  },
-  {
-    "title": "项目篇：高并发内存池",
-    "description": "所谓池化技术，就是程序先向系统申请过量的资源，然后自己管理，当程序中需要申请内存时，不是直接向操作系统申请，而是直接从内存池中获取，释放内存时也不是将内存返回给操作系统，而是返回内存池中。",
-    "url": "https://segmentfault.com/a/1190000042558168",
-    "author": "夜枫微凉",
-    "home_url": "https://segmentfault.com/u/yefengweiliang",
-    "votes": "1",
-    "rank": 24
+    "rank": 21
   },
   {
     "title": "HTTP - TLS1.3 初次解读",
@@ -222,16 +195,16 @@
     "author": "Xander",
     "home_url": "https://segmentfault.com/u/lazytimes",
     "votes": "2",
-    "rank": 25
+    "rank": 22
   },
   {
-    "title": "SegmentFault 思否技术周刊 — 学 Java 能做什么？",
-    "description": "今天我们继续来聊聊流程实例。部署之后的流程，这个还不能直接运行，例如我们部署了一个请假流程，现在 zhangsan 想要请假，他就需要开启一个请假流程，lisi 想请假，他也需要开启一个请假流程，这一个一个开启的...",
-    "url": "https://segmentfault.com/a/1190000042549802",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
+    "title": "项目篇：高并发内存池",
+    "description": "所谓池化技术，就是程序先向系统申请过量的资源，然后自己管理，当程序中需要申请内存时，不是直接向操作系统申请，而是直接从内存池中获取，释放内存时也不是将内存返回给操作系统，而是返回内存池中。",
+    "url": "https://segmentfault.com/a/1190000042558168",
+    "author": "夜枫微凉",
+    "home_url": "https://segmentfault.com/u/yefengweiliang",
     "votes": "1",
-    "rank": 26
+    "rank": 23
   },
   {
     "title": "前端动效讲解与实战",
@@ -240,16 +213,7 @@
     "author": "vivo互联网技术",
     "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "3",
-    "rank": 27
-  },
-  {
-    "title": "Monaco Editor 中的 Keybinding 机制",
-    "description": "前段时间碰到了一个 Keybinding 相关的问题，于是探究了一番，首先大家可能会有两个问题：Monaco Editor 是啥？Keybinding 又是啥？",
-    "url": "https://segmentfault.com/a/1190000042562942",
-    "author": "袋鼠云数栈UED",
-    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
-    "votes": "2",
-    "rank": 28
+    "rank": 24
   },
   {
     "title": "一万小时真的能成为专家吗？",
@@ -258,7 +222,16 @@
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
     "votes": "2",
-    "rank": 29
+    "rank": 25
+  },
+  {
+    "title": "一个终端工具竟然有AI功能？使用了1天我立马把其他终端全卸载了！太香了！",
+    "description": "我重度使用了2天，无论从颜值，性能，效率和创新上，都碾压同类的终端工具。我完全找不到任何理由来放弃这么优秀的一款工具。整个使用的体验非常舒服，甚至于觉得，这，就是我心中现代化终端工具该有的样子！",
+    "url": "https://segmentfault.com/a/1190000042565433",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "2",
+    "rank": 26
   },
   {
     "title": "用这招监听 Vue 的插槽变化",
@@ -267,6 +240,33 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
+    "rank": 27
+  },
+  {
+    "title": "前端设计走查平台实践（前端篇）",
+    "description": "随着前端业务的不断发展，前端对设计稿的还原程度也成为了影响用户对产品体验的一个关键指标，作为最靠近用户侧的研发，前端工程师通常需要和设计师同学通力配合来提升用户体验。其中，设计走查是设计同学最常见...",
+    "url": "https://segmentfault.com/a/1190000042548605",
+    "author": "野林",
+    "home_url": "https://segmentfault.com/u/vleedesigntheory",
+    "votes": "1",
+    "rank": 28
+  },
+  {
+    "title": "[极致用户体验] 为什么建议2022年不用\"等比设计稿\"+rem，而用\"灵活设计稿\"+px",
+    "description": "我是HullQin，公众号线下聚会游戏的作者（欢迎关注公众号，发送加微信，交个朋友），转发本文前需获得作者HullQin授权。我独立开发了《联机桌游合集》，是个网页，可以很方便的跟朋友联机玩斗地主、五子棋等游戏...",
+    "url": "https://segmentfault.com/a/1190000042563735",
+    "author": "HullQin",
+    "home_url": "https://segmentfault.com/u/hullqin",
+    "votes": "1",
+    "rank": 29
+  },
+  {
+    "title": "2022年 SegmentFault 思否程序员大调查",
+    "description": "国庆长假来啦！进到这个页面的朋友，相信都是非常热爱学习的友友们👍来 SegmentFault 思否社区，不仅可以吸收技术知识充电，填写这份关于「程序员」的调查问卷，还有机会领取思否定制周边礼品！立即填写问卷👉戳链...",
+    "url": "https://segmentfault.com/a/1190000042566696",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "2",
     "rank": 30
   }
 ]