@wcj/github-rank 21.12.9 → 21.12.13

package/dist/sifou-weekly.json

@@ -1,85 +1,94 @@
 [
   {
-    "title": "React、Vue我全都要！React Hook 实现 Vue 的11个基本功能",
-    "description": "大家好，我是林三心，因为工作项目的需要，在上个月，我开始在项目中使用React去开发，到了今天，差不多一个月了，想跟大家分享一下我在React中是怎么去实现以前Vue中的一些功能的。",
-    "url": "https://segmentfault.com/a/1190000041056865",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "27",
+    "title": "思否年度有奖征文丨用文字记录下属于你的2021",
+    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
+    "url": "https://segmentfault.com/a/1190000041089764",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "11",
     "rank": 1
   },
   {
-    "title": "Error Boundaries是这么实现的，还挺巧妙",
-    "description": "大家好，我卡颂。本文会讲解React中Error Boundaries的完整实现逻辑。一张图概括：这里简单讲解下React工作流程，后文有用。分为三步：触发更新render阶段：计算更新会造成的副作用commit阶段：在宿主环境执行副...",
-    "url": "https://segmentfault.com/a/1190000041057856",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "10",
+    "title": "2021 re:Invent ，我们到底该关注哪些发布？",
+    "description": "这并不奇怪，每年亚马逊云科技 re:Invent 都会有数十项新产品、新功能发布，其中一部分，可能代表了日后云计算及整个 IT 界基础设施的发展方向，比如曾经的 Amazon  RedShift、Amazon Lambda，前者引导了业内云原...",
+    "url": "https://segmentfault.com/a/1190000041086821",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "13",
     "rank": 2
   },
   {
-    "title": "押注云计算未来先机，re:Invent 2021邀请你共赴“十年之约”",
-    "description": "在2021年的“十四五”规划中，数字中国建设被提到了新的高度，其中云计算作为重点产业之一出现在其中，由此也可预见，云计算软件或将迎来新的发展契机。",
-    "url": "https://segmentfault.com/a/1190000041052149",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "10",
+    "title": "微信跳转支付宝app、跳转淘宝app新方案（领红包、领淘宝优惠券示例）",
+    "description": "最近2个月各种琐事很忙，没有时间写文章，没有时间研究各种东西，近期开始闲下来了。微信团队发布了新通知，关于《微信外部链接内容管理规范》的更新说明，正式开放电商类的外部链接，在聊天场景中可直接访问电商...",
+    "url": "https://segmentfault.com/a/1190000041070113",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
+    "votes": "7",
     "rank": 3
   },
   {
-    "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
-    "description": "又是一个时光飞逝的工作日, QA同学突然提出bug, 文本输入框的\"计数\"功能失效, 经过大家多方查找最后发现竟然是因为测试同学开启了\"谷歌翻译\"造成的无法\"计数\", 这就引起了我的浓厚兴趣, 到底这个看起来\"人畜...",
-    "url": "https://segmentfault.com/a/1190000041067692",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "6",
+    "title": "前端架构师破局技能，NodeJS 落地 WebSocket 实践",
+    "description": "本文从网络协议，技术背景，安全和生产应用的方向，详细介绍 WebSocket 在 Node.js 中的落地实践。大纲预览本文介绍的内容包括以下方面：网络协议进化Socket.IO？ws 模块实现Express 集成WebSocket 实例消息广播...",
+    "url": "https://segmentfault.com/a/1190000041075299",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "10",
     "rank": 4
   },
   {
-    "title": "进击的 Ansible（二）：如何快速搞定生产环境 Ansible 项目布局？",
-    "description": "Tips：与前文 《进击的 Ansible（一）：Ansible 快速入门》 一样，本文使用的 Ansible 版本 2.5.4，项目演示环境 MacOS。由于 Ansible 项目开发活跃版本更新快，很多 API 接口不向后兼容，所以对照本文实践时请确...",
-    "url": "https://segmentfault.com/a/1190000041053036",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
+    "title": "20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式",
+    "description": "看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...",
+    "url": "https://segmentfault.com/a/1190000041099699",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "8",
     "rank": 5
   },
   {
-    "title": "亲身体验了一把vite，感觉真的没有说的那么好，很多坑",
-    "description": "但是在vite中，不是，它不识别require，而是要使用 new URL()在项目中坑的是new URL中竟然不只是@别名符，你只能用相对路径",
-    "url": "https://segmentfault.com/a/1190000041057203",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "title": "服务端渲染基础",
+    "description": "一般而言大家提到“渲染”，可能会说：“凡是从服务器返回的 HTML 页面，均算作是服务端渲染。”这可能让不少人还是觉得迷惑，简单说渲染就是“数据”和“模板”拼接到一起。举个例子：我们前端开发最常见的一个场景，请...",
+    "url": "https://segmentfault.com/a/1190000041076565",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "7",
     "rank": 6
   },
   {
-    "title": "微信跳转支付宝app、跳转淘宝app新方案（领红包、领淘宝优惠券示例）",
-    "description": "最近2个月各种琐事很忙，没有时间写文章，没有时间研究各种东西，近期开始闲下来了。微信团队发布了新通知，关于《微信外部链接内容管理规范》的更新说明，正式开放电商类的外部链接，在聊天场景中可直接访问电商...",
-    "url": "https://segmentfault.com/a/1190000041070113",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "6",
+    "title": "没有拿一分钱融资，三个俄罗斯程序员如何打造百亿美金独角兽公司JetBrains",
+    "description": "原标题：《9000字拆解JetBrains：屡次拒绝融资的Geek创业成功之路》作者 ：阿法兔，文科转计算机，连续创业者，技术生活进化论创始人。19世纪下半期，俄国科学技术有了很大发展，也出现了很多杰出的科学家。比较...",
+    "url": "https://segmentfault.com/a/1190000041083795",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "7",
     "rank": 7
   },
   {
-    "title": "大会没看够？2021 Google 开发者大会总结看这里！",
-    "description": "Develop as One!2021 Google 开发者大会汇聚开发者合力，带来满分体验这场年度科技盛会还没看够？马上为你奉上大会精华总结！立即点击，进入官网探索更多！2021 Google 开发者大会精心为开发者和科技爱好者带来了...",
-    "url": "https://segmentfault.com/a/1190000041054873",
+    "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
+    "description": "可能会有不少人把票投给 Amazon Graviton3。这不仅因为“自研芯片”这个概念在当下成为了“硬核实力”的象征、大众喜闻乐见的话题，也不仅因为芯片代表了云服务最基础的能力，更是因为 Amazon Graviton3 的发布，实实...",
+    "url": "https://segmentfault.com/a/1190000041098622",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
+    "votes": "3",
     "rank": 8
   },
   {
-    "title": "JZ-014-链表中倒数第 K 个结点",
-    "description": "链表中倒数第 K 个结点题目描述输入一个链表，输出该链表中倒数第k个结点。题目链接: 链表中倒数第 K 个结点代码 {代码...} 【每日寄语】 你的好运气藏在你的实力里，也藏在你不为人知的努力里，你越努力就越幸运。",
-    "url": "https://segmentfault.com/a/1190000041056337",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "6",
+    "title": "用前端表格技术构建医疗SaaS 解决方案",
+    "description": "电子健康档案（Electronic Health Records, EHR）是将患者在所有医疗机构产生的数据（病历、心电图、医疗影像等）以电子化的方式存储，通过在不同的医疗机构之间共享，让患者面对不同的医生，身处不同的医院、诊...",
+    "url": "https://segmentfault.com/a/1190000041082633",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 9
   },
+  {
+    "title": "小蝌蚪传记：前端实用技巧，通过babel精准操作js文件",
+    "description": "今天是暗恋她的第90天，但我马上就要失恋了 因为组织架构变动，我要换到一个离她很远的地方暗恋她的90天里，我一直在997每天都在跟同类互相残杀我厌倦了和一群老男人加班的日子她是这段黑暗时间里，唯一的光她曾...",
+    "url": "https://segmentfault.com/a/1190000041081789",
+    "author": "第一名的小蝌蚪",
+    "home_url": "https://segmentfault.com/u/diyimingdexiao",
+    "votes": "6",
+    "rank": 10
+  },
   {
     "title": "JZ-017-树的子结构",
     "description": "树的子结构题目描述输入两棵二叉树A，B，判断B是不是A的子结构。（ps：我们约定空树不是任意一个树的子结构）题目链接: 树的子结构代码 {代码...} 【每日寄语】 总之岁月漫长，然而值得等待。",
@@ -87,134 +96,116 @@
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "5",
-    "rank": 10
-  },
-  {
-    "title": "夯实隐私与安全，打造安全可靠的支付级活体验检测能力",
-    "description": "内容来源：华为开发者大会2021 HMS Core 6 AI技术论坛，主题演讲《夯实隐私与安全——机器学习服务打造安全可靠的支付级活体验检测能力》。",
-    "url": "https://segmentfault.com/a/1190000041054037",
-    "author": "华为移动服务",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "2",
     "rank": 11
   },
   {
-    "title": "因为实现不了Promise.all，一场面试凉凉了",
-    "description": "(ಥ﹏ಥ)曾经真实发生在一个朋友身上的真实事件，面试官让他手写一个Promise.all，朋友现场发挥不太好，没有写出来，事后他追问面试官给的模糊评价是基础不够扎实，原理性知识掌握较少... 当然整场面试失利，并不仅...",
-    "url": "https://segmentfault.com/a/1190000041068092",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "5",
+    "title": "云原生灰度更新实践",
+    "description": "相信在座的大家应该都听说过云原生了，这是近三四年一直热门的一个东西。什么是云原生呢？现在的云原生是个很宽泛的定义，可以简单理解为你的服务是为云而生，或者说因为现在云原生都是以 Kubernetes 容器技术作...",
+    "url": "https://segmentfault.com/a/1190000041091212",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "7",
     "rank": 12
   },
   {
-    "title": "前端架构师破局技能，NodeJS 落地 WebSocket 实践",
-    "description": "本文从网络协议，技术背景，安全和生产应用的方向，详细介绍 WebSocket 在 Node.js 中的落地实践。大纲预览本文介绍的内容包括以下方面：网络协议进化Socket.IO？ws 模块实现Express 集成WebSocket 实例消息广播...",
-    "url": "https://segmentfault.com/a/1190000041075299",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "7",
+    "title": "高效设计一个LRU",
+    "description": "前言大家好，我是bigsai，好久不见，甚是想念！最近有个小伙伴跟我诉苦，说他没面到LRU，他说他很久前知道有被问过LRU的但是心想自己应该不会遇到，所以暂时就没准备。奈何不巧，这还就真的考到了！他此刻的心情...",
+    "url": "https://segmentfault.com/a/1190000041089131",
+    "author": "bigsai",
+    "home_url": "https://segmentfault.com/u/bigsai",
+    "votes": "5",
     "rank": 13
   },
   {
-    "title": "服务端渲染基础",
-    "description": "一般而言大家提到“渲染”，可能会说：“凡是从服务器返回的 HTML 页面，均算作是服务端渲染。”这可能让不少人还是觉得迷惑，简单说渲染就是“数据”和“模板”拼接到一起。举个例子：我们前端开发最常见的一个场景，请...",
-    "url": "https://segmentfault.com/a/1190000041076565",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "title": "10个HTML文件上传技巧",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041088153",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "7",
     "rank": 14
   },
   {
-    "title": "【JVM源码解析】虚拟机解释执行Java方法（上）",
-    "description": "前面已经写了许多篇介绍字节码指令对应的汇编代码执行逻辑，还有一些字节码指令对应的汇编代码逻辑没有介绍，这些指令包括方法调用指令、同步指令、异常抛出指令，这些指令的汇编代码实现逻辑比较复杂，所以后面...",
-    "url": "https://segmentfault.com/a/1190000041061285",
-    "author": "HeapDump性能社区",
-    "home_url": "https://segmentfault.com/u/perfma",
-    "votes": "2",
+    "title": "面试官：为什么 Promise 比setTimeout() 快？",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041081590",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
     "rank": 15
   },
   {
-    "title": "优酷播放黑科技 | 自由视角技术体验优化实践",
-    "description": "本文为《优酷播放黑科技》系列文章第一篇《自由视角技术体验优化实践》，之后我们会陆续上线《基于WebRTC实现的直播\"云多视角\"技术解析》《自由视角技术的全链路策略与落地实践》，欢迎点击左上角【阿里巴巴移动...",
-    "url": "https://segmentfault.com/a/1190000041055287",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
-    "votes": "0",
+    "title": "10张思维导图，2022年作为一名前端开发者需要掌握这些，前端面试复习资料参考大纲",
+    "description": "2021年最后一个月了，熬夜多天整理出10张思维导图，对前端面试复习知识点进行了最全的总结，分享给大家。每个知识点都尽量找到最好的文章来解释，通过思维导图的形式进行展示。",
+    "url": "https://segmentfault.com/a/1190000041072705",
+    "author": "zhou_web",
+    "home_url": "https://segmentfault.com/u/zhou_web",
+    "votes": "2",
     "rank": 16
   },
   {
-    "title": "前端React面试题总结",
-    "description": "React是一个构建用户界面的 JavaScript 库，是一个UI 层面的解决方案。React遵循组件设计模式、声明式编程范式和函数式编程概念，以使前端应用程序开发更高效。同时，React使用虚拟DOM来有效地操作DOM，遵循从高...",
-    "url": "https://segmentfault.com/a/1190000041065787",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "5",
+    "title": "挺过365天高强度学习|2021我的年度总结",
+    "description": "时光如梭，嗖嗖嗖～，2021年已余额不足，这一年科技互联网行业也发生了很多大大小小的事情，例如苹果粉一直期盼的十三香，并不是很香，苹果新款MacBook也出了刘海，还有本PHP猿最关心的“世界上最好的语言”也总算...",
+    "url": "https://segmentfault.com/a/1190000041101814",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "3",
     "rank": 17
   },
   {
-    "title": "Nacos 本地单机版部署步骤和使用",
-    "description": "本系列是 Spring Cloud 微服务实战系列教程。之前在 《Spring Cloud Eureka 入门 （一）服务注册中心详解》 聊过 Spring Cloud Eureka。那今天聊聊阿里开源的 Nacos ~",
-    "url": "https://segmentfault.com/a/1190000041067477",
-    "author": "程序员泥瓦匠",
-    "home_url": "https://segmentfault.com/u/chengxuyuan_666",
-    "votes": "1",
+    "title": "Proto 代码到底放哪里？",
+    "description": "虽然公司已经从大单体切换为微服务化有一定的年头了，但一些细节方面的处理总会有不同的人有不同的看法，这其中一个讨论点，就是 Proto 这个 IDL 的代码到底放在哪里？",
+    "url": "https://segmentfault.com/a/1190000041092964",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "2",
     "rank": 18
   },
   {
-    "title": "和 .project 文件说“再见”—— VS Code Java 1.1.0 背后的故事",
-    "description": "Language Support for Java 1.1.0 版本包含了一项重要更新：现在插件在导入新的 Java 项目时，项目元数据文件（.project，.classpath，settings等）默认将不再生成于项目路径下。这一问题自2018年被记录至今已有...",
-    "url": "https://segmentfault.com/a/1190000041061130",
-    "author": "微软技术栈",
-    "home_url": "https://segmentfault.com/u/mstech",
-    "votes": "2",
+    "title": "想知道一个20k级别前端在项目中是怎么使用LocalStorage的吗？",
+    "description": "大家好，我是林三心，用最通俗的话，讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天就给大家唠一下嗑，讲一下，怎么样使用 localStorage、sessionStorage ，才能更规范，更高大上，更能让人眼前...",
+    "url": "https://segmentfault.com/a/1190000041078633",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "5",
     "rank": 19
   },
   {
-    "title": "Redis 很屌，不懂使用规范就糟蹋了",
-    "description": "这可能是最中肯的 Redis 使用规范了码哥，昨天我被公司 Leader 批评了。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活动。谁曾想，凌晨 12 点之后，用户量暴增，出现了一个技术故障，用户...",
-    "url": "https://segmentfault.com/a/1190000041054020",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "4",
+    "title": "三十岁程序员的2021年度总结",
+    "description": "这一年，我三十岁了，完成了从二十几岁精神小伙到三十岁精神大伙的蜕变，其实一直不是很愿意相信这就三十岁了，毕竟三十岁，应该是人生重要的一个转折吧。而今年，也确实是一个转折点，组成了自己的小家庭了。不...",
+    "url": "https://segmentfault.com/a/1190000041094842",
+    "author": "linshuai",
+    "home_url": "https://segmentfault.com/u/linshuai",
+    "votes": "3",
     "rank": 20
   },
   {
-    "title": "20个首页流行布局样式,你喜欢哪个?",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041020015",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
+    "title": "2021我的个人总结",
+    "description": "时间过的很快，一转眼一年就已经过去了，在2021年的一年里我的收获还是蛮多的，可惜的是，今年我的目标一样也没有完成，有些遗憾与可惜。不过明年的我将会更加努力，争取实现我的目标。",
+    "url": "https://segmentfault.com/a/1190000041101122",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "4",
     "rank": 21
   },
   {
-    "title": "通过编写简易虚拟DOM，来学习虚拟DOM 的知识！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041068212",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "title": "PHP8.1之enum解析",
+    "description": "enum 关键字打头, 后面可选跟: (string|int), 因为是类所以可以实现接口 implement SomeInterface, MoreInterface, 又因为加了 ZEND_ACC_FINAL, 相当于 final class className, 所以是不能继承别的枚举类型.",
+    "url": "https://segmentfault.com/a/1190000041091095",
+    "author": "church",
+    "home_url": "https://segmentfault.com/u/church",
+    "votes": "3",
     "rank": 22
   },
   {
-    "title": "工信部：到2025年建设2-3个有国际影响力的开源社区；IntelliJ IDEA 2021.3发布  | 思否周刊",
-    "description": "40s 新闻速递苹果 M3 处理器曝光：正在试产、最高 40 核、3nm 工艺MonoX 因漏洞导致被黑客窃取 3100 万美元字节员工操纵抖音热榜被判刑Android 权限管理将有重大变化：闲置应用无法获取任何隐私信息苹果推迟 App ...",
-    "url": "https://segmentfault.com/a/1190000041065908",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "WebView秒开方案探索",
+    "description": "当我们加载一个网页时，并不是发送一个url请求所有的内容都下载下来了，而是除了主URL请求外，还有其他很多的请求，比如JS、CSS、图片等文件，每一个都是独立的请求，部分请求还是串行的，需要将这些资源文件下载...",
+    "url": "https://segmentfault.com/a/1190000041075702",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
     "votes": "3",
     "rank": 23
   },
-  {
-    "title": "架构团队如何重构内部系统",
-    "description": "前端团队难免需要维护一些内部系统，有些内部系统由于开始的架构设计不合理，随着业务复杂度的增加，“坏味道”代码也越来越多，从而导致认知和沟通成本上升，甚至问题频出，此时，重构就自然成了一个选择。但重构...",
-    "url": "https://segmentfault.com/a/1190000041052165",
-    "author": "智联大前端",
-    "home_url": "https://segmentfault.com/u/zpfe",
-    "votes": "2",
-    "rank": 24
-  },
   {
     "title": "精读《深入了解现代浏览器二》",
     "description": "在上一篇介绍了，browser process 包含 UI thread、network thread 和 storage thread，当我们在浏览器菜单栏输入网址并敲击回车时，这套动作均由 browser process 的 UI thread 响应。",
@@ -222,7 +213,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "3",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "苹果计划在 2022 年推出 5 款全新 Mac，包括新版入门级 MacBook Pro",
@@ -231,25 +222,16 @@
     "author": "snakesss",
     "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "2",
-    "rank": 26
-  },
-  {
-    "title": "速看！外媒评 2021 开发者首选最佳 Linux 桌面 Top 5：Fedora、Arch、Gentoo 上榜",
-    "description": "提到 Linux，很多普通用户会觉得离它很远，但如果你现在正用安卓手机看这篇文章的话，那么恭喜！你用的正是 Linux！其实更多时候，一些 Linux 发行版确实需要专业知识才能充分利用它们。",
-    "url": "https://segmentfault.com/a/1190000041057776",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
-    "rank": 27
+    "rank": 25
   },
   {
-    "title": "我开源了一款轻量级的web编辑器标尺插件！",
-    "description": "比较老的web插件比如jqury的，会产生很多dom，于是写了1个用纯TS和canvas绘制的标尺，不依赖任何第三方库。文档即使用方法如下，欢迎使用，贡献以及提issue!",
-    "url": "https://segmentfault.com/a/1190000041067779",
-    "author": "Gomi",
-    "home_url": "https://segmentfault.com/u/gomi",
+    "title": "一周 8k Star 的 Notion 开源替代品 AppFlowy 诞生！",
+    "description": "近日 Notion 的开源替代品 AppFlowy 正式发布了，一经发布，在短短一周就获得了近 8k Star。这个成绩对于一个开源项目来说是非常不错的，那么为什么有了 Notion ，AppFlowy 团队却要从头开始开发一个类似的产品呢...",
+    "url": "https://segmentfault.com/a/1190000041069981",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "2",
-    "rank": 28
+    "rank": 26
   },
   {
     "title": "使用 button 的 5 个理由",
@@ -258,15 +240,33 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "3",
+    "rank": 27
+  },
+  {
+    "title": "再见 Xshell ！这款开源的终端工具逼格更高！",
+    "description": "作为一名后端开发，我们经常需要和Linux系统打交道，免不了要使用Xshell这类终端工具来进行远程管理。最近发现一款更炫酷的终端工具Tabby，主题丰富，功能强大，推荐给大家！",
+    "url": "https://segmentfault.com/a/1190000041075488",
+    "author": "macrozheng",
+    "home_url": "https://segmentfault.com/u/macrozheng",
+    "votes": "1",
+    "rank": 28
+  },
+  {
+    "title": "撸一个 webpack 插件，希望对大家有所帮助",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041094720",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
     "rank": 29
   },
   {
-    "title": "Bootstrap实战 - 瀑布流布局",
-    "description": "讲 Bootstrap 基础的教程网上已经很多了，实际上 Bootstrap 中文网（bootcss.com）里的文档已经写的很详细了，但实战的案例却不多。这里用一些当前流行的网页布局为导向，使用 Bootstrap 中的样式来完成它。每次...",
-    "url": "https://segmentfault.com/a/1190000041067851",
-    "author": "后除",
-    "home_url": "https://segmentfault.com/u/mazey_5bfd4a49bddcd",
-    "votes": "3",
+    "title": "JZ-018-二叉树的镜像",
+    "description": "二叉树的镜像题目描述操作给定的二叉树，将其变换为源二叉树的镜像。题目链接: 二叉树的镜像代码 {代码...} 【每日寄语】 世上最耀眼的光芒除了太阳还有你努力的模样。",
+    "url": "https://segmentfault.com/a/1190000041077044",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 30
   }
 ]