@wcj/github-rank 22.7.8 → 22.7.9

package/web/data/sifou-daily.json

@@ -1,38 +1,20 @@
 [
   {
-    "title": "DNS 系列（一）：为什么更新了 DNS 记录不生效？",
-    "description": "我们在上网时如果想要访问到另一台机器上的内容，通常只需要直接输入一串地址，例如：www.upyun.com，就能够准确访问到自己想要访问的网站。但是实际上这只是方便我们记忆的字符形式网络标识，真正让我们的机器和...",
-    "url": "https://segmentfault.com/a/1190000042081565",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
+    "title": "Vue3，用组合编写更好的代码：动态返回(3/4)",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042036969",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用",
-    "description": "这是一款响应式开源的 web 即时聊天应用，该应用使用全新技术构建，前端使用 element-plus+ vue3 + vite + ts + pinia + socket.io + unocss 等开发，后端使用 nodejs + express + socket.io + express-jwt 等开...",
-    "url": "https://segmentfault.com/a/1190000042081989",
-    "author": "南风未了",
-    "home_url": "https://segmentfault.com/u/nanfengweiliao",
-    "votes": "2",
+    "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
+    "description": "最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...",
+    "url": "https://segmentfault.com/a/1190000042083758",
+    "author": "卤代烃",
+    "home_url": "https://segmentfault.com/u/skychx",
+    "votes": "3",
     "rank": 2
-  },
-  {
-    "title": "我想写一个 Vue3 组件库，我该怎么开始？",
-    "description": "最近有一些小伙伴问雨声：想要自己做一个组件库，但不知道如何开始？看到别人那些组件库各种各样、五花八门的配置文件和文件结构，根本不知道该从何下手。",
-    "url": "https://segmentfault.com/a/1190000042082390",
-    "author": "未觉雨声",
-    "home_url": "https://segmentfault.com/u/qmhc",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "2022年想进鹅厂必须“啃透”的Spring面试题（附答案）",
-    "description": "本系列会系统的整理MySQL，Redis，SSM框架，算法，计网等面试常问技术栈的面试题，本文主要是整理分享了Spring相关的面试题，MySQL之前已经更新了，需要的同学也可以去看一下，希望对正在准备秋招的你们有所帮助！",
-    "url": "https://segmentfault.com/a/1190000042081278",
-    "author": "Java架构师",
-    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
-    "votes": "2",
-    "rank": 4
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,13 +1,4 @@
 [
-  {
-    "title": "文字轮播与图片轮播？CSS 不在话下",
-    "description": "今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...",
-    "url": "https://segmentfault.com/a/1190000041947673",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "44",
-    "rank": 1
-  },
   {
     "title": "巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）",
     "description": "看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态...",
@@ -15,7 +6,7 @@
     "author": "水冗水孚",
     "home_url": "https://segmentfault.com/u/shuirongshui",
     "votes": "31",
-    "rank": 2
+    "rank": 1
   },
   {
     "title": "CSS实现可拉伸调整尺寸的分栏布局",
@@ -24,7 +15,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "30",
-    "rank": 3
+    "rank": 2
   },
   {
     "title": "搭建前端监控，如何采集异常数据？",
@@ -33,7 +24,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "20",
-    "rank": 4
+    "rank": 3
   },
   {
     "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
@@ -42,7 +33,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "22",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
@@ -50,6 +41,15 @@
     "url": "https://segmentfault.com/a/1190000042065365",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "19",
+    "rank": 5
+  },
+  {
+    "title": "使用纯 CSS 实现超酷炫的粘性气泡效果",
+    "description": "最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...",
+    "url": "https://segmentfault.com/a/1190000042070334",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "18",
     "rank": 6
   },
@@ -62,15 +62,6 @@
     "votes": "17",
     "rank": 7
   },
-  {
-    "title": "使用纯 CSS 实现超酷炫的粘性气泡效果",
-    "description": "最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...",
-    "url": "https://segmentfault.com/a/1190000042070334",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "17",
-    "rank": 8
-  },
   {
     "title": "让拖拽更加人性化？如何自定义dragover样式",
     "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
@@ -78,7 +69,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "13",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "switch 有四样写法你知道么",
@@ -87,7 +78,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "14",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "JS实现将文本或JSON内容下载到文件中",
@@ -96,6 +87,15 @@
     "author": "十方",
     "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
     "votes": "11",
+    "rank": 10
+  },
+  {
+    "title": "视觉还原小技巧！CSS 实现角标效果",
+    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
+    "url": "https://segmentfault.com/a/1190000042038058",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
     "rank": 11
   },
   {
@@ -108,12 +108,12 @@
     "rank": 12
   },
   {
-    "title": "视觉还原小技巧！CSS 实现角标效果",
-    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
-    "url": "https://segmentfault.com/a/1190000042038058",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "15",
+    "title": "有意思的鼠标指针交互探究",
+    "description": "今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...",
+    "url": "https://segmentfault.com/a/1190000042012558",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "13",
     "rank": 13
   },
   {
@@ -152,15 +152,6 @@
     "votes": "10",
     "rank": 17
   },
-  {
-    "title": "有意思的鼠标指针交互探究",
-    "description": "今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...",
-    "url": "https://segmentfault.com/a/1190000042012558",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
-    "rank": 18
-  },
   {
     "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
     "description": "Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...",
@@ -168,7 +159,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "8",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "前端性能监测，Runtime Performance Debug 技巧",
@@ -177,7 +168,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "11",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
@@ -186,6 +177,15 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
+    "rank": 20
+  },
+  {
+    "title": "使用 content-visibility 优化渲染性能",
+    "description": "content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。",
+    "url": "https://segmentfault.com/a/1190000041980427",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "12",
     "rank": 21
   },
   {
@@ -206,6 +206,15 @@
     "votes": "6",
     "rank": 23
   },
+  {
+    "title": "Sass应用之实现主题切换",
+    "description": "实现主题切换有几种不同的方案，比如使用CSS变量，使用JavaScript动态加载对应的主题样式文件等。本文主要讲的是如何使用Sass实现主题切换。",
+    "url": "https://segmentfault.com/a/1190000042003368",
+    "author": "玛尔斯通",
+    "home_url": "https://segmentfault.com/u/zhouqichao",
+    "votes": "7",
+    "rank": 24
+  },
   {
     "title": "玩转 AbortController 控制器",
     "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
@@ -213,7 +222,7 @@
     "author": "jump__jump",
     "home_url": "https://segmentfault.com/u/jump_and_jump",
     "votes": "6",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "构建基于React18的电子表格程序",
@@ -222,7 +231,16 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "5",
-    "rank": 25
+    "rank": 26
+  },
+  {
+    "title": "使用CSS background实现炫酷悬停效果",
+    "description": "日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...",
+    "url": "https://segmentfault.com/a/1190000042069856",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "9",
+    "rank": 27
   },
   {
     "title": "为什么Hook没有ErrorBoundary？",
@@ -231,7 +249,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "4",
-    "rank": 26
+    "rank": 28
   },
   {
     "title": "又拍云 Redis 的改进之路",
@@ -240,24 +258,6 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "7",
-    "rank": 27
-  },
-  {
-    "title": "使用 content-visibility 优化渲染性能",
-    "description": "content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。",
-    "url": "https://segmentfault.com/a/1190000041980427",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
-    "rank": 28
-  },
-  {
-    "title": "几百行代码实现一个 JSON 解析器",
-    "description": "以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。",
-    "url": "https://segmentfault.com/a/1190000042042002",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "5",
     "rank": 29
   },
   {

package/web/data/sifou-weekly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042065365",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "18",
+    "votes": "19",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000042070334",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "17",
+    "votes": "18",
     "rank": 2
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000042069856",
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "8",
+    "votes": "9",
     "rank": 4
   },
   {
@@ -44,6 +44,15 @@
     "votes": "4",
     "rank": 5
   },
+  {
+    "title": "DNS 系列（一）：为什么更新了 DNS 记录不生效？",
+    "description": "我们在上网时如果想要访问到另一台机器上的内容，通常只需要直接输入一串地址，例如：www.upyun.com，就能够准确访问到自己想要访问的网站。但是实际上这只是方便我们记忆的字符形式网络标识，真正让我们的机器和...",
+    "url": "https://segmentfault.com/a/1190000042081565",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
+    "rank": 6
+  },
   {
     "title": "编程语言：类型系统的本质",
     "description": "我一直对编写更好的代码有浓厚的兴趣。如果你能真正理解什么是抽象，什么是具象，就能理解为什么现代编程语言中，接口和函数类型为什么那么普遍存在了。在使用函数式语言进行编程后，就能够很清晰地理解为什么随...",
@@ -51,7 +60,7 @@
     "author": "陈光剑",
     "home_url": "https://segmentfault.com/u/donghaichenguangjian",
     "votes": "4",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "反爬篇 | 手把手教你处理 JS 逆向之图片伪装",
@@ -60,7 +69,7 @@
     "author": "Python技术大本营",
     "home_url": "https://segmentfault.com/u/bianchengdandan",
     "votes": "2",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "这个高颜值的开源第三方网易云音乐播放器你值得拥有",
@@ -69,15 +78,6 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "2",
-    "rank": 8
-  },
-  {
-    "title": "世界上最快的排序算法-Timsort",
-    "description": "Timsort 是一个混合、稳定的排序算法，简单来说就是归并排序和二分插入排序算法的混合体，号称世界上最好的排序算法。Timsort一直是 Python 的标准排序算法。Java SE 7 后添加了Timsort API ，我们从Arrays.sort...",
-    "url": "https://segmentfault.com/a/1190000042057238",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "2",
     "rank": 9
   },
   {
@@ -89,15 +89,6 @@
     "votes": "3",
     "rank": 10
   },
-  {
-    "title": "6年技术迭代 阿里全球化出海&合规的挑战和探索",
-    "description": "全球化技术根植于全球化业务，经过五个阶段的演进，逐渐发展成为阿里巴巴集团内相对独立的技术体系。本文会首先重点讲解全球化基础设施层的挑战和技术实践。",
-    "url": "https://segmentfault.com/a/1190000042058053",
-    "author": "溜达兔",
-    "home_url": "https://segmentfault.com/u/liudatu",
-    "votes": "2",
-    "rank": 11
-  },
   {
     "title": "Web 应用实时版本检测，这么做最方便",
     "description": "经常会发生这样的情况: 当用户在浏览器中打开某 web 应用较长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。",
@@ -105,7 +96,7 @@
     "author": "Myou_Aki",
     "home_url": "https://segmentfault.com/u/akimyou",
     "votes": "1",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊",
@@ -114,16 +105,7 @@
     "author": "snakesss",
     "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "2",
-    "rank": 13
-  },
-  {
-    "title": "通过示例了解Vue过渡和动画",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042055924",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 14
+    "rank": 12
   },
   {
     "title": "GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨",
@@ -132,43 +114,7 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "2",
-    "rank": 15
-  },
-  {
-    "title": "Android动态更换应用图标",
-    "description": "近日，微博官方发布了一项新功能，即可以在App设置中动态更换微博的显示图标样式。根据微博官方的说法，除了最原始的图标外，微博还推出了另外10种不同的样式，既有3D微博、炫彩微博等保留了眼睛造型的新样式，也...",
-    "url": "https://segmentfault.com/a/1190000042059399",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "2",
-    "rank": 16
-  },
-  {
-    "title": "Java 集合常见知识点&面试题总结(上)，2022 最新版！",
-    "description": "你好，我是 Guide。秋招即将到来（提前批已经开始），我对 JavaGuide 的内容进行了重构完善，公众号同步一下最新更新，希望能够帮助你。",
-    "url": "https://segmentfault.com/a/1190000042059163",
-    "author": "JavaGuide",
-    "home_url": "https://segmentfault.com/u/javaguide",
-    "votes": "2",
-    "rank": 17
-  },
-  {
-    "title": "Go1.19 那些事：国产芯片、内存模型等新特性，你知道多少？",
-    "description": "Go 的内存模型已被修订，以使 Go 与 C、C++、Java、JavaScript、Rust 和 Swift 使用的内存模型保持一致。Go 只提供顺序一致的原子学，而不是其他语言中的任何更宽松的形式。",
-    "url": "https://segmentfault.com/a/1190000042057334",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "title": "又一款值得推荐的高颜值的服务器探针——WGCLOUD",
-    "description": "支持主机各种指标监测（cpu使用率，cpu温度，内存使用率，磁盘容量，磁盘IO，硬盘SMART健康状态，系统负载，连接数量，网卡流量，硬件系统信息等）。支持监测服务器上的进程应用、文件、端口、日志、DOCKER容器、...",
-    "url": "https://segmentfault.com/a/1190000042059154",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
-    "votes": "1",
-    "rank": 19
+    "rank": 13
   },
   {
     "title": "你还在为组件文档烦恼吗？",
@@ -177,16 +123,7 @@
     "author": "Samon",
     "home_url": "https://segmentfault.com/u/samonxian",
     "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "全网都在疯传的《老板管理手册》（转）",
-    "description": "《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...",
-    "url": "https://segmentfault.com/a/1190000042063056",
-    "author": "Young",
-    "home_url": "https://segmentfault.com/u/young_6082714523e64",
-    "votes": "1",
-    "rank": 21
+    "rank": 14
   },
   {
     "title": "K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升",
@@ -195,16 +132,16 @@
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
     "votes": "1",
-    "rank": 22
+    "rank": 15
   },
   {
-    "title": "精读《Diff, AnyOf, IsUnion...》",
-    "description": "首先要思考 Diff 的计算方式，A 与 B 的 Diff 是找到 A 存在 B 不存在，与 B 存在 A 不存在的值，那么正好可以利用 Exclude<X, Y> 函数，它可以得到存在于 X 不存在于 Y 的值，我们只要用 keyof A、keyof B...",
-    "url": "https://segmentfault.com/a/1190000042064614",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "全网都在疯传的《老板管理手册》（转）",
+    "description": "《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...",
+    "url": "https://segmentfault.com/a/1190000042063056",
+    "author": "Young",
+    "home_url": "https://segmentfault.com/u/young_6082714523e64",
     "votes": "1",
-    "rank": 23
+    "rank": 16
   },
   {
     "title": "PHP后端面试85问",
@@ -213,25 +150,25 @@
     "author": "IT小马",
     "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "2",
-    "rank": 24
+    "rank": 17
   },
   {
-    "title": "【Java面试】简单说一下你对序列化和反序列化的理解",
-    "description": "Hi，大家好，我是Mic一个工作4年的粉丝，投了很多简历好不容易接到一个互联网公司的面试邀约。在面试第一轮就被干掉了，原因是对主流互联网技术理解太浅了。其中就有一个这样的问题：“简单说一下你对序列化和反序...",
-    "url": "https://segmentfault.com/a/1190000042058707",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "title": "精读《Diff, AnyOf, IsUnion...》",
+    "description": "首先要思考 Diff 的计算方式，A 与 B 的 Diff 是找到 A 存在 B 不存在，与 B 存在 A 不存在的值，那么正好可以利用 Exclude<X, Y> 函数，它可以得到存在于 X 不存在于 Y 的值，我们只要用 keyof A、keyof B...",
+    "url": "https://segmentfault.com/a/1190000042064614",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "1",
-    "rank": 25
+    "rank": 18
   },
   {
-    "title": "Fundebug JavaScript插件支持监控HTTP请求数据",
-    "description": "Fundebug提供专业的前端异常监控服务，我们的插件可以提供全方位的异常监控，可以帮助开发者第一时间定位各种前端异常，包括但不限于 JavaScript 执行错误以及 HTTP 请求错误。",
-    "url": "https://segmentfault.com/a/1190000042055989",
-    "author": "Fundebug",
-    "home_url": "https://segmentfault.com/u/fundebug",
-    "votes": "1",
-    "rank": 26
+    "title": "Vue 源码中的工具函数",
+    "description": "在 Vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。",
+    "url": "https://segmentfault.com/a/1190000042073070",
+    "author": "诺顿",
+    "home_url": "https://segmentfault.com/u/nuodun",
+    "votes": "4",
+    "rank": 19
   },
   {
     "title": "如何优雅地实现多数据库的发件箱模式",
@@ -240,7 +177,16 @@
     "author": "叶东富",
     "home_url": "https://segmentfault.com/u/yedongfu",
     "votes": "1",
-    "rank": 27
+    "rank": 20
+  },
+  {
+    "title": "Vim直接上手（一）：三种模式",
+    "description": "比如，我们直接在mac上的terminal上输入vim 1.txt,这样系统就会查找是否存在这个txt文件，有就打开，没有就创建一个再打开。",
+    "url": "https://segmentfault.com/a/1190000042073871",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
+    "votes": "1",
+    "rank": 21
   },
   {
     "title": "纯CSS 格子背景",
@@ -249,7 +195,7 @@
     "author": "学习委员",
     "home_url": "https://segmentfault.com/u/k21vin",
     "votes": "1",
-    "rank": 28
+    "rank": 22
   },
   {
     "title": "在react中基于ant-design，封装一个中文输入框,提高onchange性能",
@@ -258,7 +204,7 @@
     "author": "jsoncode",
     "home_url": "https://segmentfault.com/u/jsoncode",
     "votes": "1",
-    "rank": 29
+    "rank": 23
   },
   {
     "title": "官方答：在React18中请求数据的正确姿势（其他框架也适用）",
@@ -267,6 +213,60 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "1",
+    "rank": 24
+  },
+  {
+    "title": "vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用",
+    "description": "这是一款响应式开源的 web 即时聊天应用，该应用使用全新技术构建，前端使用 element-plus+ vue3 + vite + ts + pinia + socket.io + unocss 等开发，后端使用 nodejs + express + socket.io + express-jwt 等开...",
+    "url": "https://segmentfault.com/a/1190000042081989",
+    "author": "南风未了",
+    "home_url": "https://segmentfault.com/u/nanfengweiliao",
+    "votes": "2",
+    "rank": 25
+  },
+  {
+    "title": "原生JS以后也支持类型注解啦？",
+    "description": "在布达佩斯2022 JSConf会议上，tc39（ES标准委员会）成员Gil Tayar介绍了一份当前仍处于stage 1阶段的提案 —— Type Annotations，意在让原生JS支持类型注解。",
+    "url": "https://segmentfault.com/a/1190000042080607",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "1",
+    "rank": 26
+  },
+  {
+    "title": "麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第二十一篇 C++/C语言开发环境搭建",
+    "description": "类别：笔记本型号：中国长城 NF14C硬件平台：飞腾处理器（ArmV8 指令集）系统：银河麒麟操作系统 V10 SP1(2203) 关键词：信创,麒麟系统,linux,c++,c,内核飞腾,arm",
+    "url": "https://segmentfault.com/a/1190000042060487",
+    "author": "码上世界",
+    "home_url": "https://segmentfault.com/u/code4world",
+    "votes": "1",
+    "rank": 27
+  },
+  {
+    "title": "Vue 灰度发布新功能的那些事",
+    "description": "灰度发布是指在黑与白之间，能够平滑过渡的一种发布方式。AB test就是一种灰度发布方式，让一部分用户继续用A，一部分用户开始用B，如果用户对B没有什么反对意见，那么逐步扩大范围，把所有用户都迁移到B上面来。...",
+    "url": "https://segmentfault.com/a/1190000042077860",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "0",
+    "rank": 28
+  },
+  {
+    "title": "golang 简洁架构介绍",
+    "description": "在 go 开发中，首先遇到的一个问题，应该怎么设计开发架构。一个好的架构可以在后续的项目开发中能够更好的使用项目的推进，同时能够让团队的配合更加的顺利。",
+    "url": "https://segmentfault.com/a/1190000042064332",
+    "author": "ucmir183",
+    "home_url": "https://segmentfault.com/u/ucmir183",
+    "votes": "1",
+    "rank": 29
+  },
+  {
+    "title": "sso单点登录",
+    "description": "sso，Single Sign On，单点登录。简单来说，就是当我们有多个系统时，我们每个系统都需要单独登录非常麻烦，那么我们去单独做一个登录系统，我们叫做sso，这个登录系统可以登录多个其他系统，并且访问多个系统只...",
+    "url": "https://segmentfault.com/a/1190000042068327",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "2",
     "rank": 30
   }
 ]