@wcj/github-rank 21.12.7 → 21.12.8

package/dist/sifou-daily.json

@@ -1,136 +1,136 @@
 [
   {
-    "title": "JZ-017-树的子结构",
-    "description": "树的子结构题目描述输入两棵二叉树A，B，判断B是不是A的子结构。（ps：我们约定空树不是任意一个树的子结构）题目链接: 树的子结构代码 {代码...} 【每日寄语】 总之岁月漫长，然而值得等待。",
-    "url": "https://segmentfault.com/a/1190000041073205",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "title": "服务端渲染基础",
+    "description": "一般而言大家提到“渲染”，可能会说：“凡是从服务器返回的 HTML 页面，均算作是服务端渲染。”这可能让不少人还是觉得迷惑，简单说渲染就是“数据”和“模板”拼接到一起。举个例子：我们前端开发最常见的一个场景，请...",
+    "url": "https://segmentfault.com/a/1190000041076565",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "5",
     "rank": 1
   },
   {
-    "title": "微信跳转支付宝app、跳转淘宝app新方案（领红包、领淘宝优惠券示例）",
-    "description": "最近2个月各种琐事很忙，没有时间写文章，没有时间研究各种东西，近期开始闲下来了。微信团队发布了新通知，关于《微信外部链接内容管理规范》的更新说明，正式开放电商类的外部链接，在聊天场景中可直接访问电商...",
-    "url": "https://segmentfault.com/a/1190000041070113",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "3",
+    "title": "JZ-018-二叉树的镜像",
+    "description": "二叉树的镜像题目描述操作给定的二叉树，将其变换为源二叉树的镜像。题目链接: 二叉树的镜像代码 {代码...} 【每日寄语】 世上最耀眼的光芒除了太阳还有你努力的模样。",
+    "url": "https://segmentfault.com/a/1190000041077044",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "Mysql数据实时增量同步之CDC工具—Canal、go-mysql-transfer、Maxwell",
-    "description": "CDC(Change Data Capture)是变更数据获取的简称。可以基于增量日志，以极低的侵入性来完成增量数据捕获的工作。核心思想是，监测并捕获数据库的变动（包括数据或数据表的插入、更新以及删除等），将这些变更按发...",
-    "url": "https://segmentfault.com/a/1190000041072762",
-    "author": "好奇新",
-    "home_url": "https://segmentfault.com/u/haoqixin_61a480ab71a2b",
-    "votes": "1",
+    "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": "3",
     "rank": 3
   },
   {
-    "title": "可视化埋点在React Native中的实践",
-    "description": "笔者所在团队为 Shopee 的本地生活前端团队，用户可以在我们的平台购买优惠券，然后去线下门店使用。随着用户规模不断增加，研究用户行为数据可以更好地指导产品功能设计，提供更加优秀的用户体验。用户行为数据...",
-    "url": "https://segmentfault.com/a/1190000041070440",
-    "author": "Shopee技术团队",
-    "home_url": "https://segmentfault.com/u/techatshopee",
-    "votes": "1",
+    "title": "想知道一个20k级别前端在项目中是怎么使用LocalStorage的吗？",
+    "description": "大家好，我是林三心，用最通俗的话，讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天就给大家唠一下嗑，讲一下，怎么样使用 localStorage、sessionStorage ，才能更规范，更高大上，更能让人眼前...",
+    "url": "https://segmentfault.com/a/1190000041078633",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "JavaScript 26 周岁生日：Node.js 官方发推特庆祝",
-    "description": "这是个充满欢乐的日子，原因除了 JavaScript 和《蜘蛛人:离家日》中性感梅婶 Marisa Tomei 、说唱歌手 Jay Z 同一天过生日之外，更多的是在 1995 年那一年里，JavaScript 诞生所带来的传奇意义。",
-    "url": "https://segmentfault.com/a/1190000041070134",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "WebView秒开方案探索",
+    "description": "当我们加载一个网页时，并不是发送一个url请求所有的内容都下载下来了，而是除了主URL请求外，还有其他很多的请求，比如JS、CSS、图片等文件，每一个都是独立的请求，部分请求还是串行的，需要将这些资源文件下载...",
+    "url": "https://segmentfault.com/a/1190000041075702",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "苹果计划在 2022 年推出 5 款全新 Mac，包括新版入门级 MacBook Pro",
-    "description": "据报道，苹果计划在 2022 年推出 5 款全新 Mac，包括新版入门级 MacBook Pro。这五款全新 Mac 包括：一款采用苹果芯片的高端 iMac，在产品线中位于 24 英寸 iMac 之上以 \"M2\" 芯片和新设计为特色的 MacBook Air ...",
-    "url": "https://segmentfault.com/a/1190000041069967",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "JavaScript 性能优化",
+    "description": "垃圾回收内存管理JavaScript 没有提供操作内存的 API，一切内存操作都是自动的。申请使用释放何为垃圾对象不再被引用对象不能从根上访问到可达对象可以访问到的对象（引用、作用域链）标准是从根出发是否能被找到...",
+    "url": "https://segmentfault.com/a/1190000041038578",
+    "author": "我都说不要了",
+    "home_url": "https://segmentfault.com/u/xiao_yang",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "使用 button 的 5 个理由",
-    "description": "button 是平时使用最广泛的一个 HTML 元素了，只要有点击交互的地方都推荐使用这个。但是，仍然有大部分网站使用的还是div，比如某博，所到之处几乎都是 div",
-    "url": "https://segmentfault.com/a/1190000041069149",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "3",
+    "title": "云原生运行时的下一个五年",
+    "description": "文｜马振军（花名：古今 )在基础架构领域耕耘多年目前在蚂蚁集团中间件团队负责 MOSN、Layotto 等项目的开发工作校对｜卓与、齐天本文 9053 字 阅读 18 分钟｜前言｜在过去几年里，蚂蚁集团的基础设施进行了广受...",
+    "url": "https://segmentfault.com/a/1190000041080221",
+    "author": "SOFAStack",
+    "home_url": "https://segmentfault.com/u/sofastack",
+    "votes": "2",
     "rank": 7
   },
   {
-    "title": "精读《深入了解现代浏览器二》",
-    "description": "在上一篇介绍了，browser process 包含 UI thread、network thread 和 storage thread，当我们在浏览器菜单栏输入网址并敲击回车时，这套动作均由 browser process 的 UI thread 响应。",
-    "url": "https://segmentfault.com/a/1190000041069091",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "title": "常用的上传和下载",
+    "description": "后端下载目前返回的是ResponseEntity<byte[]>类型，尽量避免报错，否则前端需要另写函数捕捉报错信息，如果没有查到相关信息则返回空。",
+    "url": "https://segmentfault.com/a/1190000041076548",
+    "author": "Rebecca",
+    "home_url": "https://segmentfault.com/u/rebecca_5d293098968f6",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "安卓逆向   31",
-    "description": "手机通过USB连接电脑，需要用到adb刷机包通过线刷刷入手机，需要用到fastboot这俩个东西在安卓SDK中自带，路径为 SDK\\platform-tools 添加到系统环境变量即可",
-    "url": "https://segmentfault.com/a/1190000041073622",
-    "author": "永乐",
-    "home_url": "https://segmentfault.com/u/yongle_5d887d65c7f5b",
+    "title": "想进大厂，这是你绕不过的门槛",
+    "description": "第二，程序员面试必考察数据结构与算法，尤其是大厂，因为算法和数据结构最能体现一个人的基本功，基本功扎实的人，无论是做工程还是去做算法，都不会差到哪里去。",
+    "url": "https://segmentfault.com/a/1190000041080713",
+    "author": "先定一个小目标",
+    "home_url": "https://segmentfault.com/u/5gz5hi3e",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "声网 X 远程超声：实时音视频解决基层“看病难” 推动医疗资源均衡化",
-    "description": "实时互联网像触角一样，通过情景的共享延伸开来，链接着我们彼此的线下、线上生活，形成一张不可分割的网络。随着社交直播、在线教育、视频会议成为大众生活不可或缺的一部分的同时，智能手表、智能作业灯、视频...",
-    "url": "https://segmentfault.com/a/1190000041073599",
-    "author": "声网Agora",
-    "home_url": "https://segmentfault.com/u/agora",
+    "title": "设计模式——工厂模式",
+    "description": "1. 工厂模式概述在工厂模式中，创建对象不会对外界暴露创建逻辑，而是通过使用一个共同的接口来获取新创建的对象。在工厂模式中，不需要外界手动创建一个实例，而是通过调用对象工厂的方法，返回该类的实例。比如...",
+    "url": "https://segmentfault.com/a/1190000041080669",
+    "author": "Zealf",
+    "home_url": "https://segmentfault.com/u/zealf",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "TypeScript 之映射类型",
-    "description": "TypeScript 的官方文档早已更新，但我能找到的中文文档都还停留在比较老的版本。所以对其中新增以及修订较多的一些章节进行了翻译整理。本篇翻译整理自 TypeScript Handbook 中 「Mapped Types」 章节。本文并不...",
-    "url": "https://segmentfault.com/a/1190000041072817",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
+    "title": "google-diff-match-patch文本内容对比的使用",
+    "description": "项目里面用到了文本的对比功能，就用了下google-diff-match-patch，不过也是只用了文件对比功能。这里来看一下是怎么使用的。",
+    "url": "https://segmentfault.com/a/1190000041079194",
+    "author": "极致极简",
+    "home_url": "https://segmentfault.com/u/xueyufeng",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "10张思维导图，2022年作为一名前端开发者需要掌握这些，前端面试复习资料参考大纲",
-    "description": "2021年最后一个月了，熬夜多天整理出10张思维导图，对前端面试复习知识点进行了最全的总结，分享给大家。每个知识点都尽量找到最好的文章来解释，通过思维导图的形式进行展示。",
-    "url": "https://segmentfault.com/a/1190000041072705",
-    "author": "zhou_web",
-    "home_url": "https://segmentfault.com/u/zhou_web",
+    "title": "TIOBE 12 月榜：C# 有望冲击“年度编程语言奖”，PHP 遗憾跌出前十",
+    "description": "近日，TIOBE 公布了 12 月份编程语言指数排行榜。其中，Python、C、Java 依旧分列前三甲，而 PHP 已遗憾跌出前十，C# 或将有望冲击“TIOBE 年度编程语言奖”。",
+    "url": "https://segmentfault.com/a/1190000041076701",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 12
   },
   {
-    "title": "【干货】js实现前端错误自动上报功能",
-    "description": "在pc和移动端中在线上发生前端错误难以查看错误，特别是在用户真机移动端中难以定位错误，为了更好解决线上问题，所以需要对前端发生报错信息进行收集上报，然后通过后端的接口传递错误给记录下来。",
-    "url": "https://segmentfault.com/a/1190000041071874",
-    "author": "洛阳醉长安行",
-    "home_url": "https://segmentfault.com/u/hello888",
+    "title": "QCon-OPPO数据平台Cloud Lake 降本增效实践",
+    "description": "OPPO从19年开始，用了两年时间，以K8S，容器化为核心，完成了公司混合云建设，并实现100%在线业务上云。OPPO的业务，目前覆盖国内，南亚，欧洲，美洲，在国内我们有自己的机房，在海外，更多是和公有云合作，有AW...",
+    "url": "https://segmentfault.com/a/1190000041075271",
+    "author": "OPPO数智技术",
+    "home_url": "https://segmentfault.com/u/oppo_internet_tech",
     "votes": "1",
     "rank": 13
   },
   {
-    "title": "网络编程框架t-io的编程基本知识介绍",
-    "description": "t-io作为目前国内最流行的开源网络编程框架软件，以简单易懂，上手容易而著称，相同的功能比起netty实现起来，要简单的多，代码量也大大减少，如果要使用好t-io，还是要先学习t-io的一些基本知识，这篇文章主要从...",
-    "url": "https://segmentfault.com/a/1190000041072199",
-    "author": "技术控",
-    "home_url": "https://segmentfault.com/u/shurui_61387746dfa47",
-    "votes": "3",
+    "title": "产品经理天马行空，表格组件应对自如",
+    "description": "前端表格组件，大概是pc端中使用最频繁的组件，也是产品经理(一般还兼理UE,EX)最能折腾的一个组件。 福兮祸兮，在折腾中磨炼了许多年后，表格组件成为我在圈内唯一敢用精通来形容的技术点。",
+    "url": "https://segmentfault.com/a/1190000041078326",
+    "author": "写个程序换个饼",
+    "home_url": "https://segmentfault.com/u/shimuyidai",
+    "votes": "1",
     "rank": 14
   },
   {
-    "title": "Day 9/100 免费生成在线CDN及使用加速的ICON样式文件",
-    "description": "（一）需求1、生成在线稳定可用的icon文件；2、CDN加速；3、免费；（二）步骤1、注册登录网站[链接]2、搜索并添加需要的icon到购物车中3、按照图片步骤将店家添加的文件生成在线的CDN链接（三）使用1、生成的地址...",
-    "url": "https://segmentfault.com/a/1190000041071490",
-    "author": "SnowWolfArden",
-    "home_url": "https://segmentfault.com/u/snowwolfarden",
+    "title": "Networking (II)",
+    "description": "计算机网络重点概述（面试向）本篇文章主要是整理面试常问的问题七层协议7 application layer6 presentation layer5 session layer4 transport layer3 network layer2 link layer1 physical layerTCP三次握手1: c...",
+    "url": "https://segmentfault.com/a/1190000041077205",
+    "author": "Sophia",
+    "home_url": "https://segmentfault.com/u/chenyingxi",
     "votes": "1",
     "rank": 15
   }

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000040942225",
     "author": "lzg9527",
     "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "53",
+    "votes": "54",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000040996523",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "39",
+    "votes": "40",
     "rank": 2
   },
   {
@@ -44,6 +44,15 @@
     "votes": "39",
     "rank": 5
   },
+  {
+    "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": "22",
+    "rank": 6
+  },
   {
     "title": "23 个非常有用的 NodeJs 库",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -51,7 +60,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "26",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "处理可能超时的异步操作",
@@ -60,7 +69,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "18",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "前端Node.js面试题",
@@ -69,7 +78,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "19",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "以 Vuex 为引，一窥状态管理全貌",
@@ -78,7 +87,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "25",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "一文讲透自适应熔断的原理和实现",
@@ -87,7 +96,7 @@
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "21",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "面试题整理之Vue篇",
@@ -96,7 +105,7 @@
     "author": "Aaron",
     "home_url": "https://segmentfault.com/u/aaronblog",
     "votes": "26",
-    "rank": 11
+    "rank": 12
   },
   {
     "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
@@ -105,7 +114,16 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "24",
-    "rank": 12
+    "rank": 13
+  },
+  {
+    "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
+    "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
+    "url": "https://segmentfault.com/a/1190000041044028",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "19",
+    "rank": 14
   },
   {
     "title": "git进阶（撤销pull、撤销merge、撤销add）",
@@ -114,7 +132,7 @@
     "author": "浅夏晴空",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "14",
-    "rank": 13
+    "rank": 15
   },
   {
     "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
@@ -123,16 +141,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "23",
-    "rank": 14
-  },
-  {
-    "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": "12",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
@@ -141,7 +150,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "超硬核 Web 前端学霸笔记，学完就去找工作！",
@@ -150,7 +159,7 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "19",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
@@ -159,7 +168,7 @@
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
     "votes": "12",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "PHP 基金会，是个好事 (PHP Foundation)",
@@ -168,7 +177,7 @@
     "author": "summerblue",
     "home_url": "https://segmentfault.com/u/summerblue",
     "votes": "15",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "使用这11个代码，可以大大地简化我们的代码。",
@@ -177,7 +186,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "用CSS来撸一只神经猫",
@@ -186,7 +195,16 @@
     "author": "linshuai",
     "home_url": "https://segmentfault.com/u/linshuai",
     "votes": "13",
-    "rank": 21
+    "rank": 22
+  },
+  {
+    "title": "超过1W字深度剖析JVM常量池（全网最详细最有深度）",
+    "description": "面试题：String a = \"ab\"; String b = \"a\" + \"b\"; a == b 是否相等面试考察点考察目的： 考察对JVM基础知识的理解，涉及到常量池、JVM运行时数据区等。考察范围： 工作2到5年。背景知识要回答这个问题，需要搞明...",
+    "url": "https://segmentfault.com/a/1190000040922573",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "23",
+    "rank": 23
   },
   {
     "title": "CSS几个有趣的属性分享",
@@ -195,7 +213,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "11",
-    "rank": 22
+    "rank": 24
   },
   {
     "title": "安排几款实用的内网穿透工具+教程",
@@ -204,16 +222,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "13",
-    "rank": 23
-  },
-  {
-    "title": "超过1W字深度剖析JVM常量池（全网最详细最有深度）",
-    "description": "面试题：String a = \"ab\"; String b = \"a\" + \"b\"; a == b 是否相等面试考察点考察目的： 考察对JVM基础知识的理解，涉及到常量池、JVM运行时数据区等。考察范围： 工作2到5年。背景知识要回答这个问题，需要搞明...",
-    "url": "https://segmentfault.com/a/1190000040922573",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "22",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "重写数组的方法（改变原数组）",
@@ -222,7 +231,16 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "9",
-    "rank": 25
+    "rank": 26
+  },
+  {
+    "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": "8",
+    "rank": 27
   },
   {
     "title": "可以中断的异步操作",
@@ -231,7 +249,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "10",
-    "rank": 26
+    "rank": 28
   },
   {
     "title": "11 个对开发有帮助的 JS 技巧，进收藏夹当小词典吧！",
@@ -240,7 +258,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 27
+    "rank": 29
   },
   {
     "title": "简单、好懂的Svelte实现原理",
@@ -249,24 +267,6 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "12",
-    "rank": 28
-  },
-  {
-    "title": "用了很多动效，介绍 4个很  Nice 的 Veu 路由过渡动效！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040935668",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
-    "rank": 29
-  },
-  {
-    "title": "使用Docker Compose、Nginx、SSH和Github Actions实现前端自动化部署测试机",
-    "description": "开篇，我们先来看一下远古时代的构建部署流程。想必大家对这个都不陌生：开发将源码经过编译、压缩打包生成打包文件将打包生成的文件上传服务器显然这个流程不仅繁琐，而且效率也不高，开发每次发布都要耗费很长...",
-    "url": "https://segmentfault.com/a/1190000040929112",
-    "author": "前端森林",
-    "home_url": "https://segmentfault.com/u/fengshuan",
-    "votes": "15",
     "rank": 30
   }
 ]