@wcj/github-rank 22.6.20 → 22.6.21

package/web/data/sifou-daily.json

@@ -1,38 +1,74 @@
 [
   {
-    "title": "前端项目中如何保证请求时序",
-    "description": "前端项目中经常遇到请求输入查找场景，防抖与截流很好处理了频繁输入问题，但是不能解决最先发起请求结果后返回，覆盖了最后一次的搜索结果，导致搜索结果不正确。我总结一下自己常用的两种方法。",
-    "url": "https://segmentfault.com/a/1190000042005959",
-    "author": "Ming_Up",
-    "home_url": "https://segmentfault.com/u/mray",
-    "votes": "1",
+    "title": "CSS实现可拉伸调整尺寸的分栏布局",
+    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
+    "url": "https://segmentfault.com/a/1190000042006775",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
     "rank": 1
   },
   {
-    "title": "抖音二面：为什么模块循环依赖不会导致死循环？CommonJS和ES Module的解决办法有什么不同？",
-    "description": "大家好，我是年年。如果被问到“CommonJS和ES Module的差异”，大概每个前端都都背出几条：一个是导出值的拷贝，一个是导出值的引用；一个是运行时加载，一个是静态编译...",
-    "url": "https://segmentfault.com/a/1190000042003845",
-    "author": "前端私教年年",
-    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
+    "title": "Go 内联优化能让程序快多少？",
+    "description": "最近周末在家学习时看到 @Dave Cheney 的《Inlining optimisations in Go》还是有不少养分的，翻译分享给大家，有所修整、删减。",
+    "url": "https://segmentfault.com/a/1190000042007938",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "SAP Marketing Cloud 功能概述(一)",
-    "description": "本系列文章分享笔者所在的团队，在从事 SAP Marketing Cloud 系统集成项目中积累的一些经验以及对这个 SaaS 软件的理解，希望广大同行不吝赐教。",
-    "url": "https://segmentfault.com/a/1190000042005579",
+    "title": "开源工具 SAP UI5 Tools 介绍",
+    "description": "大多数 UI5 工具模块提供了 JavaScript api，供其他 Node.js项目直接使用。这允许开发人员通过编程的方式，依赖于UI5工具来实现特定于UI5的构建功能和项目处理，同时创建属于自己的工具来完美匹配项目的需求。",
+    "url": "https://segmentfault.com/a/1190000042008391",
     "author": "JerryWang_汪子熙",
     "home_url": "https://segmentfault.com/u/jerrywangsap",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "Sass应用之实现主题切换",
-    "description": "实现主题切换有几种不同的方案，比如使用CSS变量，使用JavaScript动态加载对应的主题样式文件等。本文主要讲的是如何使用Sass实现主题切换。",
-    "url": "https://segmentfault.com/a/1190000042003368",
-    "author": "玛尔斯通",
-    "home_url": "https://segmentfault.com/u/zhouqichao",
-    "votes": "2",
+    "title": "react入门练习2",
+    "description": "主要内容：游戏难度分成三个等级，改变变量level的具体数值，传给gameA和gameB两个页面。重点：1.在src文件夹中创建一个新的文件夹models，使用useModel，创建一个全局变量level，所有页面均可以使用。2.按钮点击...",
+    "url": "https://segmentfault.com/a/1190000042007692",
+    "author": "Guanine",
+    "home_url": "https://segmentfault.com/u/guanine_625792bcb3373",
+    "votes": "1",
     "rank": 4
+  },
+  {
+    "title": "Vue3 Teleport，这个是真的好用！",
+    "description": "点赞再看，微信搜索【大迁世界】,B站关注【前端小智】这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub [链接] 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。",
+    "url": "https://segmentfault.com/a/1190000042006317",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
+    "rank": 5
+  },
+  {
+    "title": "Vue3如何通过ref获取真实DOM元素",
+    "description": "在Vue2中我们可以在<template>中的元素标签使用ref属性（类似于原生HTML标签的id属性）在<script>标签通过this.$refs拿到真实DOM标签的元素。",
+    "url": "https://segmentfault.com/a/1190000042007970",
+    "author": "韩xiao方MY",
+    "home_url": "https://segmentfault.com/u/jiaolvdekaixinguo",
+    "votes": "1",
+    "rank": 6
+  },
+  {
+    "title": "走过路过不要错过薅羊毛的好机会！想冲HarmonyOS周边的看过来！规则简单机会大！",
+    "description": "想冲HarmonyOS周边的看过来！规则简单机会大！ 刚发现了一个新活动，重点是礼品多门槛低机会大！先看看奖品有没有你想要的： 足足有50份奖品！冲个四等奖还能白piao一个实用的T恤啊！！！而且这个是按点赞进行排...",
+    "url": "https://segmentfault.com/a/1190000042009625",
+    "author": "不会写代码的小白",
+    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
+    "votes": "3",
+    "rank": 7
+  },
+  {
+    "title": "微软更新 Microsoft Store 策略：重点“打击”欺诈付费版的非官方开源程序",
+    "description": "近日，微软更新了其针对 Microsoft Store（微软应用商店）的策略 7.16 版。该版本策略的一个关键亮点就是 —— 打击了那些重新包装免费开源软件并为其贴上价格标签的非官方开发人员。",
+    "url": "https://segmentfault.com/a/1190000042007751",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
+    "rank": 8
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041925065",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "48",
+    "votes": "49",
     "rank": 1
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000041925107",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "29",
+    "votes": "30",
     "rank": 5
   },
   {
@@ -68,7 +68,7 @@
     "url": "https://segmentfault.com/a/1190000041885333",
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "21",
+    "votes": "22",
     "rank": 8
   },
   {
@@ -143,6 +143,15 @@
     "votes": "7",
     "rank": 16
   },
+  {
+    "title": "JS实现将文本或JSON内容下载到文件中",
+    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
+    "url": "https://segmentfault.com/a/1190000041965165",
+    "author": "十方",
+    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "votes": "10",
+    "rank": 17
+  },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
     "description": "React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...",
@@ -150,7 +159,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "11",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "干货合集│最好用的 python 库都在这",
@@ -159,7 +168,7 @@
     "author": "极客飞兔",
     "home_url": "https://segmentfault.com/u/autofelix",
     "votes": "8",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "云原生时代 PHP/Golang 项目如何实现微服务",
@@ -168,7 +177,7 @@
     "author": "韩天峰",
     "home_url": "https://segmentfault.com/u/hantianfeng",
     "votes": "9",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
@@ -177,7 +186,7 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "10",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "Base64 编码知识，一文打尽！",
@@ -186,15 +195,6 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "12",
-    "rank": 21
-  },
-  {
-    "title": "JS实现将文本或JSON内容下载到文件中",
-    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
-    "url": "https://segmentfault.com/a/1190000041965165",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
-    "votes": "9",
     "rank": 22
   },
   {
@@ -215,6 +215,15 @@
     "votes": "12",
     "rank": 24
   },
+  {
+    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
+    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
+    "url": "https://segmentfault.com/a/1190000041998615",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "12",
+    "rank": 25
+  },
   {
     "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
     "description": "深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...",
@@ -222,7 +231,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
@@ -231,7 +240,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "8",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "全球顶级交易所前端二面",
@@ -240,7 +249,7 @@
     "author": "Peter谭老师",
     "home_url": "https://segmentfault.com/u/jerrytanjinjie",
     "votes": "7",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "CSS 变量自动变色技术",
@@ -249,7 +258,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "JavaScript精度丢失原因以及解决方案",
@@ -258,15 +267,6 @@
     "author": "沉静地闪光",
     "home_url": "https://segmentfault.com/u/007008",
     "votes": "9",
-    "rank": 29
-  },
-  {
-    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
-    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
-    "url": "https://segmentfault.com/a/1190000041926694",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
     "rank": 30
   }
 ]

package/web/data/sifou-weekly.json

@@ -1,22 +1,4 @@
 [
-  {
-    "title": "巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）",
-    "description": "看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态...",
-    "url": "https://segmentfault.com/a/1190000041974425",
-    "author": "水冗水孚",
-    "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "23",
-    "rank": 1
-  },
-  {
-    "title": "让拖拽更加人性化？如何自定义dragover样式",
-    "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
-    "url": "https://segmentfault.com/a/1190000041974546",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
-    "rank": 2
-  },
   {
     "title": "React Suspense 尝鲜,处理前后端IO异步操作",
     "description": "Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：",
@@ -24,7 +6,16 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "7",
-    "rank": 3
+    "rank": 1
+  },
+  {
+    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
+    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
+    "url": "https://segmentfault.com/a/1190000041998615",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "12",
+    "rank": 2
   },
   {
     "title": "前端性能监测，Runtime Performance Debug 技巧",
@@ -33,16 +24,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "7",
-    "rank": 4
-  },
-  {
-    "title": "为什么Hook没有ErrorBoundary？",
-    "description": "在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。",
-    "url": "https://segmentfault.com/a/1190000041974765",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "4",
-    "rank": 5
+    "rank": 3
   },
   {
     "title": "Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队",
@@ -51,7 +33,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "6",
-    "rank": 6
+    "rank": 4
   },
   {
     "title": "使用 content-visibility 优化渲染性能",
@@ -60,25 +42,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "10",
-    "rank": 7
-  },
-  {
-    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
-    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
-    "url": "https://segmentfault.com/a/1190000041998615",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "7",
-    "rank": 8
-  },
-  {
-    "title": "【实操干货】做好这 16 项优化，你的 Linux 操作系统焕然一新",
-    "description": "大家好，这次跟大家谈谈又拍云的操作系统优化方案。往简单地说，我们使用的 Linux 操作系统主要都是基于 CentOS6/7 的精简和优化。往复杂地说，则是我们有两套系统，业务上使用的定制 Linux 系统和数据中心使用的...",
-    "url": "https://segmentfault.com/a/1190000041974556",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
-    "rank": 9
+    "rank": 5
   },
   {
     "title": "Redis都有哪些使用场景",
@@ -87,7 +51,7 @@
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
     "votes": "4",
-    "rank": 10
+    "rank": 6
   },
   {
     "title": "什么是走索引？",
@@ -96,7 +60,16 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "4",
-    "rank": 11
+    "rank": 7
+  },
+  {
+    "title": "React新文档：不要滥用Ref哦～",
+    "description": "React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。",
+    "url": "https://segmentfault.com/a/1190000041991074",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "7",
+    "rank": 8
   },
   {
     "title": "SegmentFault 思否技术周刊 — 想玩转 Python？简直 So Easy！",
@@ -105,7 +78,16 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 12
+    "rank": 9
+  },
+  {
+    "title": "玩转 AbortController 控制器",
+    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
+    "url": "https://segmentfault.com/a/1190000042001788",
+    "author": "jump__jump",
+    "home_url": "https://segmentfault.com/u/jump_and_jump",
+    "votes": "3",
+    "rank": 10
   },
   {
     "title": "HTML DOM querySelectorAll() 代替 jquery的 $('') CSS选择器",
@@ -114,7 +96,7 @@
     "author": "TANKING",
     "home_url": "https://segmentfault.com/u/tanking",
     "votes": "2",
-    "rank": 13
+    "rank": 11
   },
   {
     "title": "2022中国信通院安全运营发展论坛成功召开",
@@ -123,61 +105,16 @@
     "author": "snakesss",
     "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "如何使用 GitHub 讨论作为您博客的聊天系统",
-    "description": "在GitHub Discussions(讨论区)的帮助下，你可以把你的博客的评论提升到一个新的水平。在这篇文章中，我将解释如何将GitHub讨论整合到你的博客中并充分利用它。",
-    "url": "https://segmentfault.com/a/1190000041976390",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "2",
-    "rank": 15
-  },
-  {
-    "title": "React新文档：不要滥用Ref哦～",
-    "description": "React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。",
-    "url": "https://segmentfault.com/a/1190000041991074",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "6",
-    "rank": 16
-  },
-  {
-    "title": "玩转 AbortController 控制器",
-    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
-    "url": "https://segmentfault.com/a/1190000042001788",
-    "author": "jump__jump",
-    "home_url": "https://segmentfault.com/u/jump_and_jump",
-    "votes": "3",
-    "rank": 17
-  },
-  {
-    "title": "喜提JDK的BUG一枚！多线程的情况下请谨慎使用这个类的stream遍历。",
-    "description": "前段时间在 RocketMQ 的 ISSUE 里面冲浪的时候，看到一个 pr，虽说是在 RocketMQ 的地盘上发现的，但是这个玩意吧，其实和 RocketMQ 没有任何关系。",
-    "url": "https://segmentfault.com/a/1190000041975524",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "2",
-    "rank": 18
-  },
-  {
-    "title": "项目中关于解构的常用用法",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041973838",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
-    "rank": 19
+    "rank": 12
   },
   {
-    "title": "Java 基础常见知识点&面试题总结(中)，2022 最新版！| JavaGuide",
-    "description": "你好，我是 Guide。秋招即将到来，我对 JavaGuide 的内容进行了重构完善，公众号同步一下最新更新，希望能够帮助你。上篇：Java 基础常见知识点&面试题总结(上)，2022 最新版！原文地址： [链接]面向对象基础面向...",
-    "url": "https://segmentfault.com/a/1190000041978372",
-    "author": "JavaGuide",
-    "home_url": "https://segmentfault.com/u/javaguide",
-    "votes": "2",
-    "rank": 20
+    "title": "CSS实现可拉伸调整尺寸的分栏布局",
+    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
+    "url": "https://segmentfault.com/a/1190000042006775",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
+    "rank": 13
   },
   {
     "title": "得物前端唤端业务场景和技术精讲",
@@ -186,16 +123,7 @@
     "author": "得物技术",
     "home_url": "https://segmentfault.com/u/dewujishu",
     "votes": "1",
-    "rank": 21
-  },
-  {
-    "title": "实战模拟│企业微信机器人实时报错预警",
-    "description": "一、创建机器人选择群 ► 右键 ► 管理聊天信息 ► 添加群机器人完善机器人基本信息，包括头像、名称等二、机器人配置说明创建好的机器人都有一个唯一的 webhook 地址一定要保护好自己的 webhook 地址，如果一旦泄露...",
-    "url": "https://segmentfault.com/a/1190000041974376",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
-    "votes": "1",
-    "rank": 22
+    "rank": 14
   },
   {
     "title": "客观评价 增长趋势比 vite 还猛的 TailwindCSS",
@@ -203,8 +131,8 @@
     "url": "https://segmentfault.com/a/1190000041969112",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 23
+    "votes": "3",
+    "rank": 15
   },
   {
     "title": "还在用Navicat？这款开源的数据库管理工具界面更炫酷！",
@@ -213,7 +141,7 @@
     "author": "macrozheng",
     "home_url": "https://segmentfault.com/u/macrozheng",
     "votes": "1",
-    "rank": 24
+    "rank": 16
   },
   {
     "title": "利用微信公众号提供的官方API上传图片获取永久图片素材！当图床用！",
@@ -222,16 +150,7 @@
     "author": "TANKING",
     "home_url": "https://segmentfault.com/u/tanking",
     "votes": "2",
-    "rank": 25
-  },
-  {
-    "title": "View UI Plus 发布 1.2.0 版本，新增 Image、Skeleton、Typography 组件",
-    "description": "新增排版组件 Typography，内置丰富的内容排版 UI，支持拷贝、可编辑、省略等功能。Typography 共包含 5 个组件：Typography 内容结构",
-    "url": "https://segmentfault.com/a/1190000041975376",
-    "author": "Aresn",
-    "home_url": "https://segmentfault.com/u/aresn",
-    "votes": "1",
-    "rank": 26
+    "rank": 17
   },
   {
     "title": "十年老友记 | @依云：曾经看到一句话：Coding changes the world!",
@@ -240,7 +159,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 27
+    "rank": 18
   },
   {
     "title": "十年老友记 | @王子亭：编程让我享受创造和解决问题的过程",
@@ -249,7 +168,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "2",
-    "rank": 28
+    "rank": 19
+  },
+  {
+    "title": "正式发布丨Visual Studio Code 1.68",
+    "description": "欢迎使用5 月发布的 Visual Studio Code，本次发布的亮点如下：▌Configure Display LanguageConfigure Display Language命令已更新为包括：该语言的语言名称。Available languages显示您的计算机上未安装哪些语言...",
+    "url": "https://segmentfault.com/a/1190000041989813",
+    "author": "微软技术栈",
+    "home_url": "https://segmentfault.com/u/mstech",
+    "votes": "1",
+    "rank": 20
   },
   {
     "title": "云音乐预估系统建设与实践",
@@ -258,14 +186,86 @@
     "author": "云音乐技术团队",
     "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "1",
+    "rank": 21
+  },
+  {
+    "title": "这个Spring Security登录插件牛啊，验证码、小程序、OAuth2都能快速接入",
+    "description": "上次我们把验证码登录、小程序登录优雅地集成到了Spring Security，很多同学大呼过瘾，相比较一些传统玩法高级了很多。胖哥就赶紧抓住机会举一反三，把几个非标准的OAuth2也接入了进来，主要是微信、企业微信，做...",
+    "url": "https://segmentfault.com/a/1190000041986074",
+    "author": "码农小胖哥",
+    "home_url": "https://segmentfault.com/u/10000000",
+    "votes": "2",
+    "rank": 22
+  },
+  {
+    "title": "记录一个 Nginx-FastCGI-\"Primary script unknown\"  错误",
+    "description": "nginx和PHP环境都装好了，然后一运行就报错File not found，看了nginx错误日志之后，各种搜索找了解决方案都不行，一说文件权限问题，一说是php-fpm的权限问题，还有可能是nginx的问题。",
+    "url": "https://segmentfault.com/a/1190000041989673",
+    "author": "kumfo",
+    "home_url": "https://segmentfault.com/u/kumfo",
+    "votes": "1",
+    "rank": 23
+  },
+  {
+    "title": "系统困境与软件复杂度，为什么我们的系统会如此复杂",
+    "description": "有一天，一个医生和一个土木工程师在一起争论“谁是世界上最古老的职业”。医生说：“上帝用亚当的肋骨造出了夏娃，这是历史上第一次外科手术，所以最古老的职业应该是医生”，土木工程师说：“在创世纪之前，上帝从混...",
+    "url": "https://segmentfault.com/a/1190000041998329",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
+    "votes": "2",
+    "rank": 24
+  },
+  {
+    "title": "Goodbye！27 年“老古董”IE 浏览器迎来“退役”倒计时",
+    "description": "正如此前预告的那样，即将到来的（太平洋时间 6 月 15 日）也就是后天，微软将停止支持其浏览器的最新版本 IE11（Internet Explorer 11），取而代之的是其独家提供的 Microsoft Edge 浏览器。",
+    "url": "https://segmentfault.com/a/1190000041981116",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "2",
+    "rank": 25
+  },
+  {
+    "title": "怎样写个sdk嵌套到别的项目？",
+    "description": "需求：客户的项目需要用我们的功能，且需要提供个modal嵌入到他们的项目里，在他们的table中点击对应的item，弹出我提供的modal。解决方案项目使用cra构建，使用webpack@5.70.0的library导出为一个库给第三方使用...",
+    "url": "https://segmentfault.com/a/1190000041994702",
+    "author": "assassin_cike",
+    "home_url": "https://segmentfault.com/u/assassin",
+    "votes": "1",
+    "rank": 26
+  },
+  {
+    "title": "美团综合业务推荐系统的质量模型及实践",
+    "description": "推荐系统是效果导向的数据应用服务，在功能的“有”和“无”之间，有很长的效果“好”和“坏”的光谱。本文以用户请求的粒度建立质量模型，通过数据血缘关联了数据表、算法模型、系统服务和用户请求，并结合美团综合业务...",
+    "url": "https://segmentfault.com/a/1190000041996173",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "2",
+    "rank": 27
+  },
+  {
+    "title": "webpack打包时如何修改文件名",
+    "description": "修改入口文件的文件名通过配置output的filename属性，可以动态的改变入口文件的文件路径和文件名，通常的我们会这样设置filename: \"[name].[chunkhash].js\"，而其中的name就是文件名修改的关键，这个na...",
+    "url": "https://segmentfault.com/a/1190000041982462",
+    "author": "hfhan",
+    "home_url": "https://segmentfault.com/u/hfhan",
+    "votes": "1",
+    "rank": 28
+  },
+  {
+    "title": "【Java面试】TCP协议为什么要设计三次握手？",
+    "description": "一个工作5年的粉丝，最近去面试了很多公司，每次都被各种技术原理题问得语无伦次。由于找了快1个月时间的工作，有点焦虑，来向我求助。我能做的只是保证每天更新一个面试题，然后问他印象最深刻的一个面试题是什...",
+    "url": "https://segmentfault.com/a/1190000041991850",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "正式发布丨Visual Studio Code 1.68",
-    "description": "欢迎使用5 月发布的 Visual Studio Code，本次发布的亮点如下：▌Configure Display LanguageConfigure Display Language命令已更新为包括：该语言的语言名称。Available languages显示您的计算机上未安装哪些语言...",
-    "url": "https://segmentfault.com/a/1190000041989813",
-    "author": "微软技术栈",
-    "home_url": "https://segmentfault.com/u/mstech",
+    "title": "Proxy学习",
+    "description": "Map，Set，Date，Promise 等内置类型，都使用了所谓的\"内部插槽\"，类似于对象的私有属性，不允许外部访问，所以当代理没做处理时，直接代理他们会发生错误。",
+    "url": "https://segmentfault.com/a/1190000041992118",
+    "author": "小绵羊",
+    "home_url": "https://segmentfault.com/u/xiaomianyang_5a5c183e17d47",
     "votes": "1",
     "rank": 30
   }