@wcj/github-rank 22.7.6 → 22.7.9

package/dist/sifou-weekly.json

@@ -1,20 +1,20 @@
 [
-  {
-    "title": "switch 有四样写法你知道么",
-    "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
-    "url": "https://segmentfault.com/a/1190000042055258",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "12",
-    "rank": 1
-  },
   {
     "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
     "description": "在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影",
     "url": "https://segmentfault.com/a/1190000042065365",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "14",
+    "votes": "19",
+    "rank": 1
+  },
+  {
+    "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": 2
   },
   {
@@ -27,246 +27,246 @@
     "rank": 3
   },
   {
-    "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
-    "description": "Vue.js 是一个用于创建 web 交互界面的工具。其特点是简洁 HTML 模板 + JSON 数据，再创建一个 Vue 实例，就这么简单。数据驱动 自动追踪依赖的模板表达式和计算属性。组件化 用解耦、可复用的组件来构造界面。轻...",
-    "url": "https://segmentfault.com/a/1190000042048392",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "7",
+    "title": "使用CSS background实现炫酷悬停效果",
+    "description": "日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...",
+    "url": "https://segmentfault.com/a/1190000042069856",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "9",
     "rank": 4
   },
   {
-    "title": "又拍云 Redis 的改进之路",
-    "description": "作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...",
-    "url": "https://segmentfault.com/a/1190000042048198",
+    "title": "runc hang 导致 Kubernetes 节点 NotReady",
+    "description": "Kubernetes 1.19.3OS: CentOS 7.9.2009Kernel: 5.4.94-1.el7.elrepo.x86_64Docker: 20.10.6先说结论，runc v1.0.0-rc93 有 bug，会导致 docker hang 住。发现问题线上告警提示集群中存在 2-3 个 K8s 节点处于 Not...",
+    "url": "https://segmentfault.com/a/1190000042065327",
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "7",
+    "votes": "4",
     "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": "11",
+    "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": "Skypack：我老早就在布局前端基建了",
-    "description": "其中最主要的原因是 —— vite在开发环境基于ESM规范实现的Nobundle模式，节省了代码打包的时间（当然，也有ESBuild的功劳）。",
-    "url": "https://segmentfault.com/a/1190000042055196",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "6",
+    "title": "编程语言：类型系统的本质",
+    "description": "我一直对编写更好的代码有浓厚的兴趣。如果你能真正理解什么是抽象，什么是具象，就能理解为什么现代编程语言中，接口和函数类型为什么那么普遍存在了。在使用函数式语言进行编程后，就能够很清晰地理解为什么随...",
+    "url": "https://segmentfault.com/a/1190000042060686",
+    "author": "陈光剑",
+    "home_url": "https://segmentfault.com/u/donghaichenguangjian",
+    "votes": "4",
     "rank": 7
   },
   {
-    "title": "runc hang 导致 Kubernetes 节点 NotReady",
-    "description": "Kubernetes 1.19.3OS: CentOS 7.9.2009Kernel: 5.4.94-1.el7.elrepo.x86_64Docker: 20.10.6先说结论，runc v1.0.0-rc93 有 bug，会导致 docker hang 住。发现问题线上告警提示集群中存在 2-3 个 K8s 节点处于 Not...",
-    "url": "https://segmentfault.com/a/1190000042065327",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
+    "title": "反爬篇 | 手把手教你处理 JS 逆向之图片伪装",
+    "description": "aHR0cHM6Ly93d3cuZ3hyYy5jb20vam9iRGV0YWlsL2Q2NmExNjQxNzc2MjRlNzA4MzU5NWIzMjI1ZWJjMTBi",
+    "url": "https://segmentfault.com/a/1190000042065274",
+    "author": "Python技术大本营",
+    "home_url": "https://segmentfault.com/u/bianchengdandan",
+    "votes": "2",
     "rank": 8
   },
   {
-    "title": "超 Nice 的表格响应式布局小技巧",
-    "description": "今天，遇到了一个很有意思的问题，一名群友问我，仅仅使用 CSS，能否实现这样一种响应式的布局效果：简单解析一下效果：在屏幕视口较为宽时，表现为一个整体 Table 的样式而当屏幕视口宽度较小时，原 Table 的每...",
-    "url": "https://segmentfault.com/a/1190000042048733",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
+    "title": "这个高颜值的开源第三方网易云音乐播放器你值得拥有",
+    "description": "我平时主要的听歌软件是网易云音乐，但是它有很多花里胡哨的功能，比如电台、直播、朋友、播客、云村等等，说实话这些我都不需要，基本也不会用，大部分的时间都只把它当做一个本地播放器，因为它毕竟是一个商业...",
+    "url": "https://segmentfault.com/a/1190000042069019",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "2",
     "rank": 9
   },
   {
-    "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",
+    "title": "Nginx 实战核心知识点整理（上）",
+    "description": "Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。",
+    "url": "https://segmentfault.com/a/1190000042070687",
+    "author": "Rhythm_2019",
+    "home_url": "https://segmentfault.com/u/rhythm_2019",
+    "votes": "3",
     "rank": 10
   },
   {
-    "title": "反爬篇 | 手把手教你处理 JS 逆向之图片伪装",
-    "description": "aHR0cHM6Ly93d3cuZ3hyYy5jb20vam9iRGV0YWlsL2Q2NmExNjQxNzc2MjRlNzA4MzU5NWIzMjI1ZWJjMTBi",
-    "url": "https://segmentfault.com/a/1190000042065274",
-    "author": "Python技术大本营",
-    "home_url": "https://segmentfault.com/u/bianchengdandan",
-    "votes": "2",
+    "title": "Web 应用实时版本检测，这么做最方便",
+    "description": "经常会发生这样的情况: 当用户在浏览器中打开某 web 应用较长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。",
+    "url": "https://segmentfault.com/a/1190000042069210",
+    "author": "Myou_Aki",
+    "home_url": "https://segmentfault.com/u/akimyou",
+    "votes": "1",
     "rank": 11
   },
   {
-    "title": "测试一下Pinia，Vuex 要出局了？",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041999027",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
+    "title": "苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊",
+    "description": "40s 新闻速递微信推出新功能：图片大爆炸苹果自研 5G 芯片或已失败腾讯 QQ 回应大规模账号被盗：受影响范围已得到控制，正收集黑产团伙犯罪证据立陶宛网络遭大规模 DDoS 攻击Arm 发布全新 Armv9 芯片：正式放弃 3...",
+    "url": "https://segmentfault.com/a/1190000042061765",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "2",
     "rank": 12
   },
   {
-    "title": "6年技术迭代 阿里全球化出海&合规的挑战和探索",
-    "description": "全球化技术根植于全球化业务，经过五个阶段的演进，逐渐发展成为阿里巴巴集团内相对独立的技术体系。本文会首先重点讲解全球化基础设施层的挑战和技术实践。",
-    "url": "https://segmentfault.com/a/1190000042058053",
-    "author": "溜达兔",
-    "home_url": "https://segmentfault.com/u/liudatu",
+    "title": "GitHub 四宗罪“惹众怒”？SFC 发文《Give Up GitHub！》呼吁全网声讨",
+    "description": "前几天，一则关于 “GitHub 人工智能编程工具 Copilot 以67 元/月的费用正式上线”的消息引发了开源圈的热议，一时间关于 Copilot 侵犯隐私、抄袭代码、无视许可证以及“开源变付费”等以往争议话题再次被挖出来，且...",
+    "url": "https://segmentfault.com/a/1190000042071322",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "2",
     "rank": 13
   },
   {
-    "title": "Ajax 怎么取消？要不要取消？",
-    "description": "假如你熟悉 xhr，会知道 Ajax 其实可以前端主动取消，使用的是 XMLHttpRequest.abort()。当然现在也不是刀耕火种的时代，除了面试，可能基本不会手写 xhr，在无人不知的 axios 中有两种取消方法：",
-    "url": "https://segmentfault.com/a/1190000042053708",
-    "author": "ssshooter",
-    "home_url": "https://segmentfault.com/u/ssshooter",
-    "votes": "2",
+    "title": "你还在为组件文档烦恼吗？",
+    "description": "从 0 到 1 搭建一个全新的组件库文档工具不是最优的选择，本人先在网上搜寻一些已有的解决方案。业务项目技术栈是基于 React，UI 库使用的是 Antd，下面是一些方案的汇总和分析：",
+    "url": "https://segmentfault.com/a/1190000042073725",
+    "author": "Samon",
+    "home_url": "https://segmentfault.com/u/samonxian",
+    "votes": "1",
     "rank": 14
   },
   {
-    "title": "ONES 创始人王颖奇对话《财富》(中文版）：中国有没有优秀的软件？",
-    "description": "6月22日，《财富》（中文版）发布「中国40位40岁以下的商界精英」（简称 40U40 ）榜单。ONES 创始人兼 CEO 王颖奇成功入选。",
-    "url": "https://segmentfault.com/a/1190000042048420",
-    "author": "万事ONES",
-    "home_url": "https://segmentfault.com/u/wanshiones",
-    "votes": "2",
+    "title": "K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升",
+    "description": "「K8S 生态周报」内容主要包含我所接触到的 K8S 生态相关的每周值得推荐的一些信息。欢迎订阅专栏「k8s生态」。题外话大家好，我是张晋涛。本次我将这个部分放在开头。聊聊最近的一些情况。「K8S 生态周报」暂停...",
+    "url": "https://segmentfault.com/a/1190000042064534",
+    "author": "张晋涛",
+    "home_url": "https://segmentfault.com/u/moelove",
+    "votes": "1",
     "rank": 15
   },
   {
-    "title": "MySQL 锁常见知识点&面试题总结",
-    "description": "InnoDB 不光支持表级锁(table-level locking)，还支持行级锁(row-level locking)，默认为行级锁。行级锁的粒度更小，仅对相关的记录上锁即可（对一行或者多行记录加锁），所以对于并发写入操作来说， InnoDB 的性...",
-    "url": "https://segmentfault.com/a/1190000042050754",
-    "author": "JavaGuide",
-    "home_url": "https://segmentfault.com/u/javaguide",
-    "votes": "2",
+    "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": 16
   },
   {
-    "title": "通过示例了解Vue过渡和动画",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042055924",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "PHP后端面试85问",
+    "description": "替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。",
+    "url": "https://segmentfault.com/a/1190000042071370",
+    "author": "IT小马",
+    "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "2",
     "rank": 17
   },
   {
-    "title": "苹果自研 5G 芯片或已失败；腾讯 QQ 回应大规模账号被盗；Vim 9.0 发布 | 思否周刊",
-    "description": "40s 新闻速递微信推出新功能：图片大爆炸苹果自研 5G 芯片或已失败腾讯 QQ 回应大规模账号被盗：受影响范围已得到控制，正收集黑产团伙犯罪证据立陶宛网络遭大规模 DDoS 攻击Arm 发布全新 Armv9 芯片：正式放弃 3...",
-    "url": "https://segmentfault.com/a/1190000042061765",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "2",
+    "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": 18
   },
   {
-    "title": "Vue3响应式源码分析 - ref + ReactiveEffect篇",
-    "description": "在Vue3中，因为reactive创建的响应式对象是通过Proxy来实现的，所以传入数据不能为基础类型，所以 ref 对象是对reactive不支持的数据的一个补充。",
-    "url": "https://segmentfault.com/a/1190000042054691",
-    "author": "小绵羊",
-    "home_url": "https://segmentfault.com/u/xiaomianyang_5a5c183e17d47",
-    "votes": "2",
+    "title": "Vue 源码中的工具函数",
+    "description": "在 Vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。",
+    "url": "https://segmentfault.com/a/1190000042073070",
+    "author": "诺顿",
+    "home_url": "https://segmentfault.com/u/nuodun",
+    "votes": "4",
     "rank": 19
   },
   {
-    "title": "冴羽答读者问：如何在工作中打造影响力，带动同事？",
-    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文什么是影响力呢？引用百度百科的解释：影响力是用一种别人所乐于接受的方式，改变他人的思想和行动的能...",
-    "url": "https://segmentfault.com/a/1190000042054629",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "3",
+    "title": "如何优雅地实现多数据库的发件箱模式",
+    "description": "一个微服务可能需要执行“存数据库”和“发送事件”两个步骤。例如发布一篇文章后，需要更新作者的发文统计信息。业务上要求两个操作同时失败，或者同时成功，而不能出现一个成功一个失败。假如最终文章发布了，更新...",
+    "url": "https://segmentfault.com/a/1190000042063425",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
+    "votes": "1",
     "rank": 20
   },
   {
-    "title": "Java 集合常见知识点&面试题总结(上)，2022 最新版！",
-    "description": "你好，我是 Guide。秋招即将到来（提前批已经开始），我对 JavaGuide 的内容进行了重构完善，公众号同步一下最新更新，希望能够帮助你。",
-    "url": "https://segmentfault.com/a/1190000042059163",
-    "author": "JavaGuide",
-    "home_url": "https://segmentfault.com/u/javaguide",
-    "votes": "2",
+    "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": "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",
+    "title": "纯CSS 格子背景",
+    "description": "本文简介点赞 + 收藏 + 关注 = 学会了这次会使用css画出一个格子背景。并且一步步分析如何实现~思路直接给答案：通过2个相等的直角三角形拼接，形成一个正方形。三角形可以使用 background-image 的渐变来实现。 ...",
+    "url": "https://segmentfault.com/a/1190000042069574",
+    "author": "学习委员",
+    "home_url": "https://segmentfault.com/u/k21vin",
     "votes": "1",
     "rank": 22
   },
   {
-    "title": "React Native 中实现动态导入",
-    "description": "随着业务的发展，每一个 React Native 应用的代码数量都在不断增加，bundle 体积不断膨胀，对应用性能的负面影响愈发明显。虽然我们可以通过 React Native 官方工具 Metro 进行拆包处理，拆分为一个基础包和一个...",
-    "url": "https://segmentfault.com/a/1190000042053905",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "2",
+    "title": "在react中基于ant-design，封装一个中文输入框,提高onchange性能",
+    "description": "1 antd中，input组件在触发onChange时，如果是中文输入模式，会频繁被触发，导致页面性能降低。尤其是在onChange时需要实时搜索的情况。",
+    "url": "https://segmentfault.com/a/1190000042068929",
+    "author": "jsoncode",
+    "home_url": "https://segmentfault.com/u/jsoncode",
+    "votes": "1",
     "rank": 23
   },
   {
-    "title": "2022 年编程语言趋势：Swift、Kotlin 热度持续增长，收入最高的 5 种编程语言竟是它们",
-    "description": "随着低代码和无代码平台的兴起，2022 年编程语言的世界正在悄然发生着变化。如今，大多数开发人员对最常用的常规编程语言有着透彻的了解，但掌握不常见的编程语言也能帮助开发者获得高薪的工作。特别是如软件开发...",
-    "url": "https://segmentfault.com/a/1190000042053038",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
+    "title": "官方答：在React18中请求数据的正确姿势（其他框架也适用）",
+    "description": "大家好，我卡颂。一些同学喜欢在useEffect中请求初始数据，类似这样： {代码...} 但React18并不推荐这种方式。这么写有什么问题？如果不推荐这种方式，那么推荐的方式是什么呢？本文来看看Dan在reddit是如何回答...",
+    "url": "https://segmentfault.com/a/1190000042059978",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "1",
     "rank": 24
   },
   {
-    "title": "全网都在疯传的《老板管理手册》（转）",
-    "description": "《老板管理手册》[TOC]📌又名《入职三个月，我对公司的思考建议》建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞虹 🤘 建议人：AKA·市场部新媒体运营·快乐打工侠·俞...",
-    "url": "https://segmentfault.com/a/1190000042063056",
-    "author": "Young",
-    "home_url": "https://segmentfault.com/u/young_6082714523e64",
-    "votes": "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",
     "rank": 25
   },
   {
-    "title": "又一款值得推荐的高颜值的服务器探针——WGCLOUD",
-    "description": "支持主机各种指标监测（cpu使用率，cpu温度，内存使用率，磁盘容量，磁盘IO，硬盘SMART健康状态，系统负载，连接数量，网卡流量，硬件系统信息等）。支持监测服务器上的进程应用、文件、端口、日志、DOCKER容器、...",
-    "url": "https://segmentfault.com/a/1190000042059154",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "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": "编程语言：类型系统的本质",
-    "description": "我一直对编写更好的代码有浓厚的兴趣。如果你能真正理解什么是抽象，什么是具象，就能理解为什么现代编程语言中，接口和函数类型为什么那么普遍存在了。在使用函数式语言进行编程后，就能够很清晰地理解为什么随...",
-    "url": "https://segmentfault.com/a/1190000042060686",
-    "author": "陈光剑",
-    "home_url": "https://segmentfault.com/u/donghaichenguangjian",
-    "votes": "2",
+    "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": "如何使用插件化机制优雅的封装你的请求hook",
-    "description": "本文是深入浅出 ahooks 源码系列文章的第二篇，这个系列的目标主要有以下几点：加深对 React hooks 的理解。学习如何抽象自定义 hooks。构建属于自己的 React hooks 工具库。培养阅读学习源码的习惯，工具库是一...",
-    "url": "https://segmentfault.com/a/1190000042051905",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "1",
+    "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": "英特尔傲腾，让数据管理不再纠结",
-    "description": "据中国信通院最新报告显示，随着5G和人工智能等新技术应用落地，2021年中国人均移动数据流量比2015年增长18倍，预计到2025年全球数据量将会从2016年的16ZB上升至163ZB，我们也正经历着一场有海量且场景丰富的数据...",
-    "url": "https://segmentfault.com/a/1190000042050449",
-    "author": "溜达兔",
-    "home_url": "https://segmentfault.com/u/liudatu",
+    "title": "golang 简洁架构介绍",
+    "description": "在 go 开发中，首先遇到的一个问题，应该怎么设计开发架构。一个好的架构可以在后续的项目开发中能够更好的使用项目的推进，同时能够让团队的配合更加的顺利。",
+    "url": "https://segmentfault.com/a/1190000042064332",
+    "author": "ucmir183",
+    "home_url": "https://segmentfault.com/u/ucmir183",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "开源人物专访：OpenFunction 的独特“处世之道”，开源“实干家精神”从 0 到 1 的突破",
-    "description": "采访整理：SegmentFault 思否 | 编辑 朱玲采访嘉宾：霍秉杰 霍秉杰，哈尔滨工业大学计算机科技与技术硕士，曾任职于金山软件从事大数据技术研发，2016年加入青云科技。现为 KubeSphere 云原生 FaaS 项目 OpenFunc...",
-    "url": "https://segmentfault.com/a/1190000042053265",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
+    "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
   }
 ]