@wcj/github-rank 22.7.17 → 22.7.18

package/web/data/sifou-daily.json

@@ -1,11 +1,29 @@
 [
   {
-    "title": "Go 每日一库之 bitset",
-    "description": "我们都知道计算机是基于二进制的，位运算是计算机的基础运算。位运算的优势很明显，CPU 指令原生支持、速度快。基于位运算的位集合在有限的场景中替换集合数据结构可以收到意想不到的效果。bitset库实现了位集合...",
-    "url": "https://segmentfault.com/a/1190000042181183",
-    "author": "darjun",
-    "home_url": "https://segmentfault.com/u/guyu_5d2e806c57ac8",
+    "title": "4、SpringBoot嵌入式Servlet容器",
+    "description": "1、切换嵌入式Servlet容器默认支持的web服务器webServer： {代码...} 切换服务器（可以切换四种） {代码...} 原理SpringBoot应用启动发现当前是Web应用。因为导了web场景包，它里面也导入tomcatweb应用会创建一个...",
+    "url": "https://segmentfault.com/a/1190000042182923",
+    "author": "無題",
+    "home_url": "https://segmentfault.com/u/zhi_hua",
     "votes": "1",
     "rank": 1
+  },
+  {
+    "title": "这些年我开源的几个小项目",
+    "description": "笔者是一个平平无奇的前端打工人，没有参与过啥热门开源项目的共建，所以每次说自己热爱开源都很心虚，充其量就是热爱使用开源项目，不过这两年来也陆续做了几个小项目，虽然只有时不时的来几个star，不过也给我...",
+    "url": "https://segmentfault.com/a/1190000042182672",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "1",
+    "rank": 2
+  },
+  {
+    "title": "@Transactional 四种不生效的 case 分析",
+    "description": "在我们工作中，经常会用到 @Transactional 声明事务，不正确的使用姿势会导致注解失效，下面就来分析四种最常见的@Transactional事务不生效的 Case：",
+    "url": "https://segmentfault.com/a/1190000042183343",
+    "author": "skyarthur",
+    "home_url": "https://segmentfault.com/u/skyarthur",
+    "votes": "1",
+    "rank": 3
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042006775",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "33",
+    "votes": "34",
     "rank": 1
   },
   {
@@ -80,21 +80,21 @@
     "votes": "17",
     "rank": 9
   },
-  {
-    "title": "高阶切图技巧！基于单张图片的任意颜色转换",
-    "description": "今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...",
-    "url": "https://segmentfault.com/a/1190000042093361",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
-    "rank": 10
-  },
   {
     "title": "使用CSS background实现炫酷悬停效果",
     "description": "日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...",
     "url": "https://segmentfault.com/a/1190000042069856",
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "13",
+    "rank": 10
+  },
+  {
+    "title": "高阶切图技巧！基于单张图片的任意颜色转换",
+    "description": "今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...",
+    "url": "https://segmentfault.com/a/1190000042093361",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
     "rank": 11
   },
@@ -107,15 +107,6 @@
     "votes": "14",
     "rank": 12
   },
-  {
-    "title": "React Suspense 尝鲜,处理前后端IO异步操作",
-    "description": "Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：",
-    "url": "https://segmentfault.com/a/1190000041992773",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "7",
-    "rank": 13
-  },
   {
     "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
     "description": "一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。",
@@ -123,7 +114,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
@@ -132,6 +123,15 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "9",
+    "rank": 14
+  },
+  {
+    "title": "利用噪声构建美妙的 CSS 图形",
+    "description": "在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...",
+    "url": "https://segmentfault.com/a/1190000042103702",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "9",
     "rank": 15
   },
   {
@@ -143,24 +143,6 @@
     "votes": "9",
     "rank": 16
   },
-  {
-    "title": "利用噪声构建美妙的 CSS 图形",
-    "description": "在平时，我非常喜欢利用 CSS 去构建一些有意思的图形。我们首先来看一个简单的例子。首先，假设我们实现一个 10x10 的格子：此时，我们可以利用一些随机效果，优化这个图案。譬如，我们给它随机添加不同的颜色：...",
-    "url": "https://segmentfault.com/a/1190000042103702",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
-    "rank": 17
-  },
-  {
-    "title": "前端性能监测，Runtime Performance Debug 技巧",
-    "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
-    "url": "https://segmentfault.com/a/1190000041990709",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "11",
-    "rank": 18
-  },
   {
     "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
     "description": "【寄语有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参...",
@@ -168,7 +150,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
-    "rank": 19
+    "rank": 17
   },
   {
     "title": "熬夜爆肝整理的一份elasticsearch中文文档手册",
@@ -176,8 +158,8 @@
     "url": "https://segmentfault.com/a/1190000042059652",
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
-    "votes": "9",
-    "rank": 20
+    "votes": "10",
+    "rank": 18
   },
   {
     "title": "Sass应用之实现主题切换",
@@ -186,7 +168,7 @@
     "author": "玛尔斯通",
     "home_url": "https://segmentfault.com/u/zhouqichao",
     "votes": "7",
-    "rank": 21
+    "rank": 19
   },
   {
     "title": "玩转 AbortController 控制器",
@@ -195,7 +177,7 @@
     "author": "jump__jump",
     "home_url": "https://segmentfault.com/u/jump_and_jump",
     "votes": "6",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "esbuild 构建油猴脚本",
@@ -204,7 +186,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "6",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范",
@@ -213,7 +195,7 @@
     "author": "玛尔斯通",
     "home_url": "https://segmentfault.com/u/zhouqichao",
     "votes": "11",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "又拍云 Redis 的改进之路",
@@ -222,7 +204,16 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "7",
-    "rank": 25
+    "rank": 23
+  },
+  {
+    "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
+    "description": "最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。",
+    "url": "https://segmentfault.com/a/1190000042094334",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "5",
+    "rank": 24
   },
   {
     "title": "几百行代码实现一个 JSON 解析器",
@@ -231,7 +222,7 @@
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
     "votes": "5",
-    "rank": 26
+    "rank": 25
   },
   {
     "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
@@ -240,16 +231,16 @@
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
     "votes": "7",
-    "rank": 27
+    "rank": 26
   },
   {
-    "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
-    "description": "最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备（Oculus 、cardboard）中来观看。",
-    "url": "https://segmentfault.com/a/1190000042094334",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
+    "description": "先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...",
+    "url": "https://segmentfault.com/a/1190000042093955",
+    "author": "deepfunc",
+    "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "5",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "热乎乎的前端\"数字\" 转换 \"货币字符串\", 如此有趣的知识来啦 (Intl.NumberFormat)",
@@ -257,16 +248,25 @@
     "url": "https://segmentfault.com/a/1190000042037852",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "11",
+    "votes": "12",
+    "rank": 28
+  },
+  {
+    "title": "SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~",
+    "description": "【问答有奖】的中奖小伙伴们，我们会在7月1日以后奖礼品陆续发出PS：疫情地区若无法接收快递，发货时间会适当延后~哈喽，各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是...",
+    "url": "https://segmentfault.com/a/1190000042020576",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
     "rank": 29
   },
   {
-    "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
-    "description": "先来举个简单的栗子，wepack 设置中有 3 个入口文件：a.js、b.js 和 c.js，每个入口文件都同步 import 了 m1.js，不设置 splitChunks，配置下 webpack-bundle-analyzer 插件用来查看输出文件的内容，打包输出是这...",
-    "url": "https://segmentfault.com/a/1190000042093955",
-    "author": "deepfunc",
-    "home_url": "https://segmentfault.com/u/deepfunc",
-    "votes": "3",
+    "title": "CentOS中实现基于Docker部署BI数据分析",
+    "description": "但是我还想要完成领导下达的任务：在linux中安装docker后部署数据可视化工具。作为一名敬业 的打工人摆烂不可以，躺平不可以，弱小，无助，可怜中。。这能力，这要去，要不直接散伙算了。但是，没想到，我们还是...",
+    "url": "https://segmentfault.com/a/1190000042030725",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "4",
     "rank": 30
   }
 ]

package/web/data/sifou-weekly.json

@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000042103702",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
+    "votes": "9",
     "rank": 3
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000042093955",
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
-    "votes": "3",
+    "votes": "5",
     "rank": 5
   },
   {
@@ -50,18 +50,9 @@
     "url": "https://segmentfault.com/a/1190000042092852",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "6",
+    "votes": "7",
     "rank": 6
   },
-  {
-    "title": "CSS Houdini：用浏览器引擎实现高级CSS效果",
-    "description": "Houdini被称之为Magic of styling and layout on the web，看起来十分神秘，但实际上，Houdini并非什么神秘组织或者神奇魔法，它是一系列与CSS引擎相关的浏览器API的总称。",
-    "url": "https://segmentfault.com/a/1190000042078359",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "2",
-    "rank": 7
-  },
   {
     "title": "Redis 内存优化神技，小内存保存大数据",
     "description": "大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...",
@@ -69,7 +60,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "4",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "无需CORS，用nginx解决跨域问题，轻松实现低代码开发的前后端分离",
@@ -78,7 +69,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "主流移动端组件库的对比和分析",
@@ -87,8 +78,26 @@
     "author": "京东设计中心JDC",
     "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
     "votes": "2",
+    "rank": 9
+  },
+  {
+    "title": "利用vue-3d-loader同时加载多个3D模型",
+    "description": "众所周知ThreeJS是web端用于加载3D模型的JS库，广泛应用于物联网及部分游戏行业中，其强大就强大在可以加载大多数类型的3D模型，如：.dae/.fbx/.gltf(.glb)/.obj/.ply/.stl/.json的模型。",
+    "url": "https://segmentfault.com/a/1190000042112206",
+    "author": "深夜徘徊",
+    "home_url": "https://segmentfault.com/u/king2088",
+    "votes": "2",
     "rank": 10
   },
+  {
+    "title": "冴羽答读者问：如何学习更有计划性、提升更稳更快？",
+    "description": "算是一个前端的时间也有五年了，今年也刚好满 30 岁了，感觉自己一直忙着完成业务，为了保持竞争力、不落伍等原因而学习新的框架、工具；回想起来年少轻狂浪费了不少时间，有了老婆孩子之后学习的时间也越来越少...",
+    "url": "https://segmentfault.com/a/1190000042178486",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "7",
+    "rank": 11
+  },
   {
     "title": "go-zero微服务实战系列（九、极致优化秒杀性能）",
     "description": "上一篇文章中引入了消息队列对秒杀流量做削峰的处理，我们使用的是Kafka，看起来似乎工作的不错，但其实还是有很多隐患存在，如果这些隐患不优化处理掉，那么秒杀抢购活动开始后可能会出现消息堆积、消费延迟、数...",
@@ -96,15 +105,6 @@
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "2",
-    "rank": 11
-  },
-  {
-    "title": "Go学习笔记-Zap日志",
-    "description": "mu属性主要是为了确保原子操作，prefix设置每一行的前缀，flag设置输出的各种属性，比如时间、行号、文件路径等。out输出的方向，用于把日志存储文件。",
-    "url": "https://segmentfault.com/a/1190000042094912",
-    "author": "IT小马",
-    "home_url": "https://segmentfault.com/u/itxiaoma",
-    "votes": "2",
     "rank": 12
   },
   {
@@ -117,12 +117,12 @@
     "rank": 13
   },
   {
-    "title": "用前端构建工具打包后端服务，我到底经历什么",
-    "description": "看到这个 标题，是的，我本是个后端，最近要写点 node.js， 之前写前端，知道 npm build 一下，那么用 javascript 写的后端程序也要 npm build 吧，好的，作为个 gopher ， 带着对 javascript 的刻板印象就开干了。",
-    "url": "https://segmentfault.com/a/1190000042092435",
-    "author": "小白要生发",
-    "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
-    "votes": "1",
+    "title": "Go学习笔记-Zap日志",
+    "description": "mu属性主要是为了确保原子操作，prefix设置每一行的前缀，flag设置输出的各种属性，比如时间、行号、文件路径等。out输出的方向，用于把日志存储文件。",
+    "url": "https://segmentfault.com/a/1190000042094912",
+    "author": "IT小马",
+    "home_url": "https://segmentfault.com/u/itxiaoma",
+    "votes": "2",
     "rank": 14
   },
   {
@@ -143,15 +143,6 @@
     "votes": "3",
     "rank": 16
   },
-  {
-    "title": "Vue 部署后强制客户端刷新获取最新的代码资源【纯前端】",
-    "description": "背景：自己的项目修复了bug；但是客户端没有刷新浏览器；导致还是有bug的资源代码；出现了问题思路：结合Vue 部署后怎么强制客户端刷新获取最新的代码资源？里面的方案；分3步曲实现生产环境部署后资源刷新",
-    "url": "https://segmentfault.com/a/1190000042105627",
-    "author": "songxianling1992",
-    "home_url": "https://segmentfault.com/u/songxianling1992",
-    "votes": "5",
-    "rank": 17
-  },
   {
     "title": "html2canvas将指定区域导出为图片（js将div导出为图片）",
     "description": "如何使用JS截取HTML页面为图片呢，html2canvas.js这个插件可以轻松实现。这个原理很简单，就是html2canvas.js可以将当页面渲染成一个Canvas图片，然后保存下来即可。它不需要来自服务器任何渲染，整张图片都是在...",
@@ -159,15 +150,24 @@
     "author": "TANKING",
     "home_url": "https://segmentfault.com/u/tanking",
     "votes": "2",
+    "rank": 17
+  },
+  {
+    "title": "Vue 部署后强制客户端刷新获取最新的代码资源【纯前端】",
+    "description": "背景：自己的项目修复了bug；但是客户端没有刷新浏览器；导致还是有bug的资源代码；出现了问题思路：结合Vue 部署后怎么强制客户端刷新获取最新的代码资源？里面的方案；分3步曲实现生产环境部署后资源刷新",
+    "url": "https://segmentfault.com/a/1190000042105627",
+    "author": "songxianling1992",
+    "home_url": "https://segmentfault.com/u/songxianling1992",
+    "votes": "5",
     "rank": 18
   },
   {
-    "title": "利用vue-3d-loader同时加载多个3D模型",
-    "description": "众所周知ThreeJS是web端用于加载3D模型的JS库，广泛应用于物联网及部分游戏行业中，其强大就强大在可以加载大多数类型的3D模型，如：.dae/.fbx/.gltf(.glb)/.obj/.ply/.stl/.json的模型。",
-    "url": "https://segmentfault.com/a/1190000042112206",
-    "author": "深夜徘徊",
-    "home_url": "https://segmentfault.com/u/king2088",
-    "votes": "1",
+    "title": "『你写的Promise, 是完美的吗?』",
+    "description": "《手写 Promise》是一个经典的问题，基本上大家上手都可以按照自己的理解，写出来一个 promise, 有一天个朋友问我，\"手写 Promise 要写到什么程度才是合格的 ?\", 这也引起了我的兴趣和思考, \"怎么样的 Promise ，...",
+    "url": "https://segmentfault.com/a/1190000042111165",
+    "author": "斑驳光影",
+    "home_url": "https://segmentfault.com/u/zqbright",
+    "votes": "4",
     "rank": 19
   },
   {
@@ -179,15 +179,6 @@
     "votes": "1",
     "rank": 20
   },
-  {
-    "title": "死锁问题排查过程-间隙锁的复现以及解决",
-    "description": "我们在开启多线程对数据库进行操作的时候，先批量对数据进行删除，然后再新增，本来想着是考虑到不走更新，性能会提升，但是执行的时候发现报错，执行的sql等待超时，阻塞了进程，dbcp连接池被打满，数据库表访问...",
-    "url": "https://segmentfault.com/a/1190000042091156",
-    "author": "skyarthur",
-    "home_url": "https://segmentfault.com/u/skyarthur",
-    "votes": "2",
-    "rank": 21
-  },
   {
     "title": "DNS 系列（三）：如何免受 DNS 欺骗的侵害",
     "description": "互联网上每一台设备都会有一个 IP 地址，我们在访问网站或发送信息时，其实都是通过 IP 地址达成准确请求的。但是这个 IP 地址由很长一串数字组成，记忆起来相当困难，所以我们创造了更实用的域名来代替 IP 地址...",
@@ -195,16 +186,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "1",
-    "rank": 22
-  },
-  {
-    "title": "『你写的Promise, 是完美的吗?』",
-    "description": "《手写 Promise》是一个经典的问题，基本上大家上手都可以按照自己的理解，写出来一个 promise, 有一天个朋友问我，\"手写 Promise 要写到什么程度才是合格的 ?\", 这也引起了我的兴趣和思考, \"怎么样的 Promise ，...",
-    "url": "https://segmentfault.com/a/1190000042111165",
-    "author": "斑驳光影",
-    "home_url": "https://segmentfault.com/u/zqbright",
-    "votes": "4",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "围绕Vue 3 Composition API构建一个应用程序，包含一些最佳实践！",
@@ -213,7 +195,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "网页长按保存及识别二维码",
@@ -222,16 +204,7 @@
     "author": "山头人汉波",
     "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "1",
-    "rank": 25
-  },
-  {
-    "title": "冴羽答读者问：如何学习更有计划性、提升更稳更快？",
-    "description": "算是一个前端的时间也有五年了，今年也刚好满 30 岁了，感觉自己一直忙着完成业务，为了保持竞争力、不落伍等原因而学习新的框架、工具；回想起来年少轻狂浪费了不少时间，有了老婆孩子之后学习的时间也越来越少...",
-    "url": "https://segmentfault.com/a/1190000042178486",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "6",
-    "rank": 26
+    "rank": 23
   },
   {
     "title": "精读《MinusOne, PickByType, StartsWith...》",
@@ -240,7 +213,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "1",
-    "rank": 27
+    "rank": 24
   },
   {
     "title": "React Table 表格组件使用教程 排序、分页、搜索过滤筛选功能实战开发",
@@ -249,7 +222,7 @@
     "author": "蒋川",
     "home_url": "https://segmentfault.com/u/jiangchuan_5ecf6be720834",
     "votes": "1",
-    "rank": 28
+    "rank": 25
   },
   {
     "title": "分库分表真的适合你的系统吗？聊聊分库分表和NewSQL如何选择",
@@ -258,7 +231,16 @@
     "author": "CoderW",
     "home_url": "https://segmentfault.com/u/coderw_5fd9998278d42",
     "votes": "2",
-    "rank": 29
+    "rank": 26
+  },
+  {
+    "title": "图扑 Web 可视化引擎在仿真分析领域的应用",
+    "description": "在数字孪生和仿真研究过程中，会产生大量和三维空间相关的数值信息，比如设备外观的扫描数据、地形扫描数据、生产设备温度场/压力场、流体的速度场、流体扩散，以及各种仿真数据：速度，压力，应力，温度等。",
+    "url": "https://segmentfault.com/a/1190000042114034",
+    "author": "hightopo",
+    "home_url": "https://segmentfault.com/u/hightopo",
+    "votes": "1",
+    "rank": 27
   },
   {
     "title": "Go 原生插件使用问题全解析",
@@ -267,6 +249,24 @@
     "author": "SOFAStack",
     "home_url": "https://segmentfault.com/u/sofastack",
     "votes": "1",
+    "rank": 28
+  },
+  {
+    "title": "go-zero微服务实战系列（十一、大结局）",
+    "description": "本篇是整个系列的最后一篇了，本来打算在系列的最后一两篇写一下关于k8s部署相关的内容，在构思的过程中觉得自己对k8s知识的掌握还很不足，在自己没有理解掌握的前提下我觉得也很难写出自己满意的文章，大家看了...",
+    "url": "https://segmentfault.com/a/1190000042112503",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "1",
+    "rank": 29
+  },
+  {
+    "title": "vscode 解析——如何维护海量模块依赖关系(二)",
+    "description": "前言上次我们解释了 vscode 这种大型项目设计依赖注入管理海量的模块有什么好处。也提到了 DI 必须有这样一种机制：1、模块与模块之间的无源码依赖（这里的模块主要指类）2、只依赖接口/抽象，不依赖具体实现3、...",
+    "url": "https://segmentfault.com/a/1190000042178445",
+    "author": "混沌福王",
+    "home_url": "https://segmentfault.com/u/flywang",
+    "votes": "1",
     "rank": 30
   }
 ]