@wcj/github-rank 21.12.8 → 21.12.12

package/dist/sifou-daily.json

@@ -1,137 +1,65 @@
 [
   {
-    "title": "服务端渲染基础",
-    "description": "一般而言大家提到“渲染”，可能会说：“凡是从服务器返回的 HTML 页面，均算作是服务端渲染。”这可能让不少人还是觉得迷惑，简单说渲染就是“数据”和“模板”拼接到一起。举个例子：我们前端开发最常见的一个场景，请...",
-    "url": "https://segmentfault.com/a/1190000041076565",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
-    "rank": 1
-  },
-  {
-    "title": "JZ-018-二叉树的镜像",
-    "description": "二叉树的镜像题目描述操作给定的二叉树，将其变换为源二叉树的镜像。题目链接: 二叉树的镜像代码 {代码...} 【每日寄语】 世上最耀眼的光芒除了太阳还有你努力的模样。",
-    "url": "https://segmentfault.com/a/1190000041077044",
+    "title": "JZ-022-从上往下打印二叉树",
+    "description": "从上往下打印二叉树题目描述从上往下打印出二叉树的每个节点，同层节点从左至右打印。题目链接: 从上往下打印二叉树代码 {代码...} 【每日寄语】 每天给自己一个希望，试着不为明天而烦恼，不为昨天而叹息，只为...",
+    "url": "https://segmentfault.com/a/1190000041101723",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "4",
-    "rank": 2
+    "rank": 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",
+    "title": "2021我的个人总结",
+    "description": "时间过的很快，一转眼一年就已经过去了，在2021年的一年里我的收获还是蛮多的，可惜的是，今年我的目标一样也没有完成，有些遗憾与可惜。不过明年的我将会更加努力，争取实现我的目标。",
+    "url": "https://segmentfault.com/a/1190000041101122",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "3",
-    "rank": 3
-  },
-  {
-    "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
+    "rank": 2
   },
   {
-    "title": "WebView秒开方案探索",
-    "description": "当我们加载一个网页时，并不是发送一个url请求所有的内容都下载下来了，而是除了主URL请求外，还有其他很多的请求，比如JS、CSS、图片等文件，每一个都是独立的请求，部分请求还是串行的，需要将这些资源文件下载...",
-    "url": "https://segmentfault.com/a/1190000041075702",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
+    "title": "Java集合高频面试题",
+    "description": "本文目录：常见的集合有哪些？List 、Set和Map 的区别ArrayList 了解吗？ArrayList 的扩容机制？怎么在遍历 ArrayList 时移除一个元素？Arraylist 和 Vector 的区别Arraylist 与 LinkedList 区别HashMap解决hash...",
+    "url": "https://segmentfault.com/a/1190000041101930",
+    "author": "程序员大彬",
+    "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "1",
-    "rank": 5
+    "rank": 3
   },
   {
-    "title": "JavaScript 性能优化",
-    "description": "垃圾回收内存管理JavaScript 没有提供操作内存的 API，一切内存操作都是自动的。申请使用释放何为垃圾对象不再被引用对象不能从根上访问到可达对象可以访问到的对象（引用、作用域链）标准是从根出发是否能被找到...",
-    "url": "https://segmentfault.com/a/1190000041038578",
-    "author": "我都说不要了",
-    "home_url": "https://segmentfault.com/u/xiao_yang",
+    "title": "挺过365天高强度学习|2021我的年度总结",
+    "description": "时光如梭，嗖嗖嗖～，2021年已余额不足，这一年科技互联网行业也发生了很多大大小小的事情，例如苹果粉一直期盼的十三香，并不是很香，苹果新款MacBook也出了刘海，还有本PHP猿最关心的“世界上最好的语言”也总算...",
+    "url": "https://segmentfault.com/a/1190000041101814",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
     "votes": "1",
-    "rank": 6
+    "rank": 4
   },
   {
-    "title": "云原生运行时的下一个五年",
-    "description": "文｜马振军（花名：古今 )在基础架构领域耕耘多年目前在蚂蚁集团中间件团队负责 MOSN、Layotto 等项目的开发工作校对｜卓与、齐天本文 9053 字 阅读 18 分钟｜前言｜在过去几年里，蚂蚁集团的基础设施进行了广受...",
-    "url": "https://segmentfault.com/a/1190000041080221",
-    "author": "SOFAStack",
-    "home_url": "https://segmentfault.com/u/sofastack",
+    "title": "Java书籍推荐",
+    "description": "大家好，我是大彬~非科班选手，大三开始自学Java，校招拿到多家互联网中大厂的offer，今天给大家分享一些Java必看的书籍。首先，程序员应该如何读书呢？读经典好书。差的书既浪费金钱又浪费时间。时间宝贵，要在...",
+    "url": "https://segmentfault.com/a/1190000041101900",
+    "author": "程序员大彬",
+    "home_url": "https://segmentfault.com/u/5n7qfpo1",
     "votes": "2",
-    "rank": 7
-  },
-  {
-    "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": "想进大厂，这是你绕不过的门槛",
-    "description": "第二，程序员面试必考察数据结构与算法，尤其是大厂，因为算法和数据结构最能体现一个人的基本功，基本功扎实的人，无论是做工程还是去做算法，都不会差到哪里去。",
-    "url": "https://segmentfault.com/a/1190000041080713",
-    "author": "先定一个小目标",
-    "home_url": "https://segmentfault.com/u/5gz5hi3e",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "设计模式——工厂模式",
-    "description": "1. 工厂模式概述在工厂模式中，创建对象不会对外界暴露创建逻辑，而是通过使用一个共同的接口来获取新创建的对象。在工厂模式中，不需要外界手动创建一个实例，而是通过调用对象工厂的方法，返回该类的实例。比如...",
-    "url": "https://segmentfault.com/a/1190000041080669",
-    "author": "Zealf",
-    "home_url": "https://segmentfault.com/u/zealf",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "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": "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": "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
+    "rank": 5
   },
   {
-    "title": "产品经理天马行空，表格组件应对自如",
-    "description": "前端表格组件，大概是pc端中使用最频繁的组件，也是产品经理(一般还兼理UE,EX)最能折腾的一个组件。 福兮祸兮，在折腾中磨炼了许多年后，表格组件成为我在圈内唯一敢用精通来形容的技术点。",
-    "url": "https://segmentfault.com/a/1190000041078326",
-    "author": "写个程序换个饼",
-    "home_url": "https://segmentfault.com/u/shimuyidai",
-    "votes": "1",
-    "rank": 14
+    "title": "Webpack常见面试题总结",
+    "description": "Webpack 的目标是实现前端项目的模块化，从而更高效地管理和维护项目中的每一个资源。在早期的前端项目中，我们通过文件划分的形式来实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的 JS 文件中...",
+    "url": "https://segmentfault.com/a/1190000041100811",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "3",
+    "rank": 6
   },
   {
-    "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",
+    "title": "苹果推出重新设计的开源项目主题网站",
+    "description": "苹果近日上线了经过重新设计的开源主页 ，该网站容纳了所有现存的苹果的开源工作项目，例如其主导开源的 Swift、WebKit 和 FoundationDB 等，以及参与贡献的开源项目 Kubernetes、Spark 和 Solr 等。",
+    "url": "https://segmentfault.com/a/1190000041100736",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
-    "rank": 15
+    "rank": 7
   }
 ]

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": "54",
+    "votes": "59",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000040996523",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "40",
+    "votes": "42",
     "rank": 2
   },
   {
@@ -23,44 +23,17 @@
     "url": "https://segmentfault.com/a/1190000040948561",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "42",
+    "votes": "43",
     "rank": 3
   },
-  {
-    "title": "一些常用的 Git 进阶知识与技巧",
-    "description": "假设我们在同一电脑上拥有多个 Git 账号，例如公司内部使用的是 Gitlab，个人使用的是 Github 或者 Gitee。那就会遇到一种情况，上班时想给个人开源项目提交代码，但是 Git 绑定的是公司的账号。",
-    "url": "https://segmentfault.com/a/1190000040930212",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "35",
-    "rank": 4
-  },
-  {
-    "title": "3D 穿梭效果？使用 CSS 轻松搞定",
-    "description": "背景周末在家习惯性登陆 Apex，准备玩几盘。在登陆加速器的过程中，发现加速器到期了。我一直用的腾讯网游加速器，然而点击充值按钮，提示最近客户端升级改造，暂不支持充值（这个操作把我震惊了~）。只能转头下...",
-    "url": "https://segmentfault.com/a/1190000040936266",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "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 [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040929396",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "26",
-    "rank": 7
+    "votes": "28",
+    "rank": 4
   },
   {
     "title": "处理可能超时的异步操作",
@@ -69,16 +42,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "18",
-    "rank": 8
-  },
-  {
-    "title": "前端Node.js面试题",
-    "description": "Node.js 是一个开源与跨平台的 JavaScript 运行时环境。在浏览器外运行 V8 JavaScript 引擎（Google Chrome 的内核），利用事件驱动、非阻塞和异步输入输出模型等技术提高性能。我们可以理解为：Node.js 就是一个...",
-    "url": "https://segmentfault.com/a/1190000040937008",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "19",
-    "rank": 9
+    "rank": 5
   },
   {
     "title": "以 Vuex 为引，一窥状态管理全貌",
@@ -87,7 +51,25 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "25",
-    "rank": 10
+    "rank": 6
+  },
+  {
+    "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
+    "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
+    "url": "https://segmentfault.com/a/1190000041044028",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "22",
+    "rank": 7
+  },
+  {
+    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
+    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
+    "url": "https://segmentfault.com/a/1190000041032091",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "25",
+    "rank": 8
   },
   {
     "title": "一文讲透自适应熔断的原理和实现",
@@ -96,7 +78,7 @@
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "21",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "面试题整理之Vue篇",
@@ -105,25 +87,7 @@
     "author": "Aaron",
     "home_url": "https://segmentfault.com/u/aaronblog",
     "votes": "26",
-    "rank": 12
-  },
-  {
-    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
-    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
-    "url": "https://segmentfault.com/a/1190000041032091",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "24",
-    "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
+    "rank": 10
   },
   {
     "title": "git进阶（撤销pull、撤销merge、撤销add）",
@@ -132,7 +96,7 @@
     "author": "浅夏晴空",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "14",
-    "rank": 15
+    "rank": 11
   },
   {
     "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
@@ -140,8 +104,17 @@
     "url": "https://segmentfault.com/a/1190000040996585",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "23",
-    "rank": 16
+    "votes": "25",
+    "rank": 12
+  },
+  {
+    "title": "超硬核 Web 前端学霸笔记，学完就去找工作！",
+    "description": "文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端...",
+    "url": "https://segmentfault.com/a/1190000041031214",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "21",
+    "rank": 13
   },
   {
     "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
@@ -150,16 +123,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 17
-  },
-  {
-    "title": "超硬核 Web 前端学霸笔记，学完就去找工作！",
-    "description": "文章和教程Vue 学习笔记Node 学习笔记React 学习笔记Angular 学习笔记RequireJS 学习笔记Webpack 学习笔记Gulp 学习笔记Python 学习笔记Egret 引擎学习笔记流处理，TCP 和 UDP，WebRTC 和 Blob 学习笔记博客前端...",
-    "url": "https://segmentfault.com/a/1190000041031214",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "19",
-    "rank": 18
+    "rank": 14
   },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
@@ -168,7 +132,7 @@
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
     "votes": "12",
-    "rank": 19
+    "rank": 15
   },
   {
     "title": "PHP 基金会，是个好事 (PHP Foundation)",
@@ -177,7 +141,25 @@
     "author": "summerblue",
     "home_url": "https://segmentfault.com/u/summerblue",
     "votes": "15",
-    "rank": 20
+    "rank": 16
+  },
+  {
+    "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",
+    "rank": 17
+  },
+  {
+    "title": "用CSS来撸一只神经猫",
+    "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
+    "url": "https://segmentfault.com/a/1190000041016364",
+    "author": "linshuai",
+    "home_url": "https://segmentfault.com/u/linshuai",
+    "votes": "14",
+    "rank": 18
   },
   {
     "title": "使用这11个代码，可以大大地简化我们的代码。",
@@ -186,25 +168,25 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 21
+    "rank": 19
   },
   {
-    "title": "用CSS来撸一只神经猫",
-    "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
-    "url": "https://segmentfault.com/a/1190000041016364",
-    "author": "linshuai",
-    "home_url": "https://segmentfault.com/u/linshuai",
+    "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": 22
+    "rank": 20
   },
   {
-    "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": "一个 Babelfish ，看懂云数据库的发展方向",
+    "description": "作为基础软件皇冠上的明珠，数据库技术一直以来都是开发者关注的焦点。这关注度是如此之高，几乎自然打通了学界和产业界的隔阂，以至于关于数据库技术的每一篇重要论文面世，都可能导致一批价值数十亿美金的公司...",
+    "url": "https://segmentfault.com/a/1190000041043603",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "12",
+    "rank": 21
   },
   {
     "title": "CSS几个有趣的属性分享",
@@ -213,7 +195,16 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "11",
-    "rank": 24
+    "rank": 22
+  },
+  {
+    "title": "「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！",
+    "description": "就在今年年初，我成为了一名作者，我的昵称是「Sunshine_Lin」，这是因为这个英文名跟我「林三心」的发音很像。他们都叫我「三心哥」，虽然我是个菜鸟，但是他们都叫我哥，还有，用最通俗的话讲最难的知识点是我...",
+    "url": "https://segmentfault.com/a/1190000041037062",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "19",
+    "rank": 23
   },
   {
     "title": "安排几款实用的内网穿透工具+教程",
@@ -222,6 +213,15 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "13",
+    "rank": 24
+  },
+  {
+    "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
+    "description": "又是一个时光飞逝的工作日, QA同学突然提出bug, 文本输入框的\"计数\"功能失效, 经过大家多方查找最后发现竟然是因为测试同学开启了\"谷歌翻译\"造成的无法\"计数\", 这就引起了我的浓厚兴趣, 到底这个看起来\"人畜...",
+    "url": "https://segmentfault.com/a/1190000041067692",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "11",
     "rank": 25
   },
   {
@@ -234,12 +234,12 @@
     "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",
+    "title": "思否年度有奖征文丨用文字记录下属于你的2021",
+    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
+    "url": "https://segmentfault.com/a/1190000041089764",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "10",
     "rank": 27
   },
   {
@@ -252,21 +252,21 @@
     "rank": 28
   },
   {
-    "title": "11 个对开发有帮助的 JS 技巧，进收藏夹当小词典吧！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040923693",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "18",
+    "title": "数据库系列整理-关系型数据库",
+    "description": "Oracle Database，又名Oracle RDBMS，或简称Oracle。是甲骨文公司的一款关系数据库管理系统。它是在数据库领域一直处于领先地位的产品。可以说Oracle数据库系统是目前世界上流行的关系数据库管理系统，系统可移植...",
+    "url": "https://segmentfault.com/a/1190000040942905",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "9",
     "rank": 29
   },
   {
-    "title": "简单、好懂的Svelte实现原理",
-    "description": "大家好，我卡颂。Svelte问世很久了，一直想写一篇好懂的原理分析文章，拖了这么久终于写了。本文会围绕一张流程图和两个Demo讲解，正确的食用方式是用电脑打开本文，跟着流程图、Demo一边看、一边敲、一边学。让...",
-    "url": "https://segmentfault.com/a/1190000040936318",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "12",
+    "title": "押注云计算未来先机，re:Invent 2021邀请你共赴“十年之约”",
+    "description": "在2021年的“十四五”规划中，数字中国建设被提到了新的高度，其中云计算作为重点产业之一出现在其中，由此也可预见，云计算软件或将迎来新的发展契机。",
+    "url": "https://segmentfault.com/a/1190000041052149",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "10",
     "rank": 30
   }
 ]