@wcj/github-rank 21.12.10 → 21.12.14

package/dist/sifou-daily.json

@@ -1,92 +1,83 @@
 [
   {
-    "title": "思否年度有奖征文丨用文字记录下属于你的2021",
-    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
-    "url": "https://segmentfault.com/a/1190000041089764",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "9",
+    "title": "如果将元宇宙逐层拆解，你会发现内核是“云”",
+    "description": "2021 最火的新概念，莫过于元宇宙。2021 年 10 月 29 日，Facebook 宣布改名 Meta；2021 年 11 月 1 日，“元宇宙第一股”    Roblox 经过短暂调整，宣布重新上线。接下来关于元宇宙的线下 / 线上讨论如火如荼，元...",
+    "url": "https://segmentfault.com/a/1190000041109778",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "云原生灰度更新实践",
-    "description": "相信在座的大家应该都听说过云原生了，这是近三四年一直热门的一个东西。什么是云原生呢？现在的云原生是个很宽泛的定义，可以简单理解为你的服务是为云而生，或者说因为现在云原生都是以 Kubernetes 容器技术作...",
-    "url": "https://segmentfault.com/a/1190000041091212",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "title": "现代配置指南——YAML 比 JSON 高级在哪？",
+    "description": "一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...",
+    "url": "https://segmentfault.com/a/1190000041108051",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "7",
     "rank": 2
   },
   {
-    "title": "高效设计一个LRU",
-    "description": "前言大家好，我是bigsai，好久不见，甚是想念！最近有个小伙伴跟我诉苦，说他没面到LRU，他说他很久前知道有被问过LRU的但是心想自己应该不会遇到，所以暂时就没准备。奈何不巧，这还就真的考到了！他此刻的心情...",
-    "url": "https://segmentfault.com/a/1190000041089131",
-    "author": "bigsai",
-    "home_url": "https://segmentfault.com/u/bigsai",
+    "title": "JZ-024-二叉树中和为某一值的路径",
+    "description": "输入一颗二叉树的根节点和一个整数，按字典序打印出二叉树中结点值的和为输入整数的所有路径。路径定义为从树的根结点开始往下一直到叶结点所经过的结点形成一条路径。题目链接: 二叉树中和为某一值的路径",
+    "url": "https://segmentfault.com/a/1190000041111174",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "4",
     "rank": 3
   },
   {
-    "title": "TypeScript 之 Class（下）",
-    "description": "TypeScript 的官方文档早已更新，但我能找到的中文文档都还停留在比较老的版本。所以对其中新增以及修订较多的一些章节进行了翻译整理。本篇翻译整理自 TypeScript Handbook 中 「Classes」 章节。本文并不严格按...",
-    "url": "https://segmentfault.com/a/1190000041093860",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "1",
+    "title": "深入剖析分布式事务一致性",
+    "description": "分布式事务是用来解决跨数据库、跨服务更新数据一致性问题的。那么这里的一致性指的是什么，什么是强一致性，什么是弱一致性，与CAP理论中的一致性概念是一样的吗？本文将为您深入解答相关的问题。",
+    "url": "https://segmentfault.com/a/1190000041106277",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
+    "votes": "4",
     "rank": 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",
+    "title": "Vue 3 响应式源码中为什么使用 WeakMap 作为「缓存区」？",
+    "description": "在读 Vue 3 响应式原理部分代码的过程中看到其在进行响应式处理的时候，为每个对象使用 WeakMap 创建了一个「缓存区」，代码如下： {代码...} 从上面的代码可以看出，WeakMap 缓存区的作用就是用来防止对象被重复...",
+    "url": "https://segmentfault.com/a/1190000041110940",
+    "author": "百瓶技术",
+    "home_url": "https://segmentfault.com/u/billionbottle",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "学习react源码 征服面试官",
-    "description": "react源码解析2.react的设计理念视频讲解（高效学习）：进入学习往期文章：1.开篇介绍和面试题2.react的设计理念3.react源码架构4.源码目录结构和调试5.jsx&核心api6.legacy和concurrent模式入口函数7.Fiber...",
-    "url": "https://segmentfault.com/a/1190000041089838",
-    "author": "zz1998",
-    "home_url": "https://segmentfault.com/u/111_60d6df43bc186",
+    "title": "一篇带你用 VuePress + Github Pages 搭建博客",
+    "description": "最近完成了 TypeScript 最新官方文档 Hanbook 的翻译，一共十四篇，堪称国内的最好 TypeScript4 入门教程之一。为了方便大家阅读，我用 VuePress + Github Pages 搭建了博客，博客效果如下：",
+    "url": "https://segmentfault.com/a/1190000041110985",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "Electron原生菜单",
-    "description": "Electron 中可以使用html来开发其中展示的内容，一些菜单也可以以html的形式来绘制，点击时调用相关api即可，虽然构建方便，样式可任意调整。但其实际是模拟的菜单，并非应用原生的菜单。这种模拟的菜单有如下不足：",
-    "url": "https://segmentfault.com/a/1190000041093771",
-    "author": "依韵_宵音",
-    "home_url": "https://segmentfault.com/u/cdswyda",
+    "title": "Log4j史诗级漏洞，从原理到实战，只用3个实例就搞定！",
+    "description": "最近互联网技术圈最火的一件事莫过于Log4j2的漏洞了。同时也涌现出了各类分析文章，关于漏洞的版本、漏洞的原因、漏洞的修复、程序员因此加班等等。",
+    "url": "https://segmentfault.com/a/1190000041106597",
+    "author": "程序新视界",
+    "home_url": "https://segmentfault.com/u/ershixiong_5c2aeab02da87",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "7张图，从零实现一个简易版Vue-Router，太通俗易懂了！",
-    "description": "大家好，我是林三心，用最通俗易懂的话，讲最难的知识点，相信大家在Vue项目中肯定都用过Vue-router，也就是路由。所以本文章我就不过多讲解vue-router的基本讲解了，我也不给你们讲解vue-router的源码，我就带大...",
-    "url": "https://segmentfault.com/a/1190000041091602",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "title": "MongoDb学习之Explain执行计划",
+    "description": "mongodb 3.0和之前版本的explain执行计划有非常巨大的差距，这里只学习介绍3.0以后的用法支持查看以下几种操作的执行计划基本的使用方式 {代码...} verbose是explain执行计划的输出模式有以下三种queryPlanner这...",
+    "url": "https://segmentfault.com/a/1190000041111851",
+    "author": "小勇勇",
+    "home_url": "https://segmentfault.com/u/xiaoyongyong",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "速看！2021 年 Google 最热门 Chrome 扩展程序名单出炉！",
-    "description": "近日，谷歌公布了 2021 年度最热门的 Chrome 浏览器扩展程序名单。该名单里共包括 13 个扩展程序，谷歌还给这些扩展划分了不同的类别。",
-    "url": "https://segmentfault.com/a/1190000041090213",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "1",
+    "title": "我的2021",
+    "description": "继CMS、OA、CRM、Ecommerce之后，物联网又红火起来，而2021是我在物联网应用开发领域鏖战的第三个年头了。年关又近，百般心思化为一句肺腑之言：“我T喵的太难了...”。",
+    "url": "https://segmentfault.com/a/1190000041110474",
+    "author": "NickWang",
+    "home_url": "https://segmentfault.com/u/nickw_cn",
+    "votes": "5",
     "rank": 9
-  },
-  {
-    "title": "Flutter 2.8 正式发布",
-    "description": "Flutter 已经更新到 2.8 正式版，发布了多项新特性和改进以不断改善移动和 Web 端的开发体验，同时也正在将桌面端的支持推向稳定版。",
-    "url": "https://segmentfault.com/a/1190000041090189",
-    "author": "Flutter",
-    "home_url": "https://segmentfault.com/u/flutter",
-    "votes": "1",
-    "rank": 10
   }
 ]

package/dist/sifou-monthly.json

@@ -1,48 +1,12 @@
 [
-  {
-    "title": "这几个高级前端常用的API，你用到了吗？",
-    "description": "MutationObserver 是一个可以监听 DOM 结构变化的接口。当 DOM 对象树发生任何变动时，MutationObserver 会得到通知。",
-    "url": "https://segmentfault.com/a/1190000040942225",
-    "author": "lzg9527",
-    "home_url": "https://segmentfault.com/u/michael_5c03399eed011",
-    "votes": "56",
-    "rank": 1
-  },
   {
     "title": "CSS mask 实现鼠标跟随镂空效果",
     "description": "偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...",
     "url": "https://segmentfault.com/a/1190000040996523",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "40",
-    "rank": 2
-  },
-  {
-    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
-    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
-    "url": "https://segmentfault.com/a/1190000040948561",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
     "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": "40",
-    "rank": 5
+    "rank": 1
   },
   {
     "title": "React、Vue我全都要！React Hook 实现 Vue 的11个基本功能",
@@ -51,7 +15,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "28",
-    "rank": 6
+    "rank": 2
   },
   {
     "title": "处理可能超时的异步操作",
@@ -59,26 +23,8 @@
     "url": "https://segmentfault.com/a/1190000040963849",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "18",
-    "rank": 7
-  },
-  {
-    "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": 8
-  },
-  {
-    "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
-    "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
-    "url": "https://segmentfault.com/a/1190000041044028",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
-    "rank": 9
+    "rank": 3
   },
   {
     "title": "以 Vuex 为引，一窥状态管理全貌",
@@ -87,7 +33,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "25",
-    "rank": 10
+    "rank": 4
   },
   {
     "title": "一文讲透自适应熔断的原理和实现",
@@ -95,8 +41,17 @@
     "url": "https://segmentfault.com/a/1190000040978572",
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "21",
-    "rank": 11
+    "votes": "22",
+    "rank": 5
+  },
+  {
+    "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
+    "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
+    "url": "https://segmentfault.com/a/1190000041044028",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "22",
+    "rank": 6
   },
   {
     "title": "面试题整理之Vue篇",
@@ -104,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000040971075",
     "author": "Aaron",
     "home_url": "https://segmentfault.com/u/aaronblog",
-    "votes": "26",
-    "rank": 12
+    "votes": "27",
+    "rank": 7
   },
   {
     "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
@@ -113,17 +68,17 @@
     "url": "https://segmentfault.com/a/1190000041032091",
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "24",
-    "rank": 13
+    "votes": "25",
+    "rank": 8
   },
   {
-    "title": "git进阶（撤销pull、撤销merge、撤销add）",
-    "description": "1、撤销本次pullgit reflogreset到某个版本git reset --hard 91ae6ad2、撤销本次merge如果merge了其他分支代码造成了大量的冲突 想撤销本次merge如果操作1、使用上面的reset命令撤销到上一个提交版本2、执行以下...",
-    "url": "https://segmentfault.com/a/1190000041004054",
-    "author": "浅夏晴空",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
-    "votes": "14",
-    "rank": 14
+    "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": "23",
+    "rank": 9
   },
   {
     "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
@@ -132,25 +87,25 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "25",
-    "rank": 15
+    "rank": 10
   },
   {
-    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041000841",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 16
+    "title": "git进阶（撤销pull、撤销merge、撤销add）",
+    "description": "1、撤销本次pullgit reflogreset到某个版本git reset --hard 91ae6ad2、撤销本次merge如果merge了其他分支代码造成了大量的冲突 想撤销本次merge如果操作1、使用上面的reset命令撤销到上一个提交版本2、执行以下...",
+    "url": "https://segmentfault.com/a/1190000041004054",
+    "author": "浅夏晴空",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "votes": "14",
+    "rank": 11
   },
   {
-    "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": 17
+    "title": "思否年度有奖征文丨用文字记录下属于你的2021",
+    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
+    "url": "https://segmentfault.com/a/1190000041089764",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "13",
+    "rank": 12
   },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
@@ -159,7 +114,16 @@
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
     "votes": "12",
-    "rank": 18
+    "rank": 13
+  },
+  {
+    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041000841",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
+    "rank": 14
   },
   {
     "title": "PHP 基金会，是个好事 (PHP Foundation)",
@@ -168,7 +132,7 @@
     "author": "summerblue",
     "home_url": "https://segmentfault.com/u/summerblue",
     "votes": "15",
-    "rank": 19
+    "rank": 15
   },
   {
     "title": "Error Boundaries是这么实现的，还挺巧妙",
@@ -177,7 +141,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "10",
-    "rank": 20
+    "rank": 16
+  },
+  {
+    "title": "用CSS来撸一只神经猫",
+    "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
+    "url": "https://segmentfault.com/a/1190000041016364",
+    "author": "linshuai",
+    "home_url": "https://segmentfault.com/u/linshuai",
+    "votes": "14",
+    "rank": 17
   },
   {
     "title": "使用这11个代码，可以大大地简化我们的代码。",
@@ -186,24 +159,51 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 21
+    "rank": 18
   },
   {
-    "title": "用CSS来撸一只神经猫",
-    "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
-    "url": "https://segmentfault.com/a/1190000041016364",
-    "author": "linshuai",
-    "home_url": "https://segmentfault.com/u/linshuai",
+    "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
+    "description": "可能会有不少人把票投给 Amazon Graviton3。这不仅因为“自研芯片”这个概念在当下成为了“硬核实力”的象征、大众喜闻乐见的话题，也不仅因为芯片代表了云服务最基础的能力，更是因为 Amazon Graviton3 的发布，实实...",
+    "url": "https://segmentfault.com/a/1190000041098622",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "10",
+    "rank": 19
+  },
+  {
+    "title": "重写数组的方法（改变原数组）",
+    "description": "下图是我自我学习模拟数组时总结的一些重新数组的方法：本文我们暂不讨论不改变原数组的方法，只谈改变原数组用到的 6 种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素，返回新数组的长度 {代码...}...",
+    "url": "https://segmentfault.com/a/1190000040969572",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "10",
+    "rank": 20
+  },
+  {
+    "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": 21
+  },
+  {
+    "title": "一个 Babelfish ，看懂云数据库的发展方向",
+    "description": "作为基础软件皇冠上的明珠，数据库技术一直以来都是开发者关注的焦点。这关注度是如此之高，几乎自然打通了学界和产业界的隔阂，以至于关于数据库技术的每一篇重要论文面世，都可能导致一批价值数十亿美金的公司...",
+    "url": "https://segmentfault.com/a/1190000041043603",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "12",
     "rank": 22
   },
   {
-    "title": "CSS几个有趣的属性分享",
-    "description": "这篇文字给大家分享几个有意思的css属性directionunicode-bidiwriting-modetext-orientation按钮或者文本左右顺序置换置换按钮位置常规做法：HTML元素换个位置float:right,那还要居中呢？js置换dom顺序CSS，css可...",
-    "url": "https://segmentfault.com/a/1190000040950850",
-    "author": "JenK",
-    "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "11",
+    "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
   },
   {
@@ -216,23 +216,14 @@
     "rank": 24
   },
   {
-    "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",
+    "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
   },
-  {
-    "title": "重写数组的方法（改变原数组）",
-    "description": "下图是我自我学习模拟数组时总结的一些重新数组的方法：本文我们暂不讨论不改变原数组的方法，只谈改变原数组用到的 6 种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素，返回新数组的长度 {代码...}...",
-    "url": "https://segmentfault.com/a/1190000040969572",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "9",
-    "rank": 26
-  },
   {
     "title": "可以中断的异步操作",
     "description": "前面我们聊到了可能超时的异步操作，其中提到对 fetch() 异步操作的“中断”处理。这次我们就来聊一聊“中断”异步操作。由于 JavaScript 的单线程特性，能在 JavaScript 中进行的异步场景其实不多，大概有如下一些：...",
@@ -240,33 +231,42 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "10",
+    "rank": 26
+  },
+  {
+    "title": "你说你会Promise？那你解决一下项目中的这五个难题？",
+    "description": "大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，众所周知哈， Promise 在咱们的开发中是相当的重要，我觉得对于 Promise 的使用等级，可以分为三个等级",
+    "url": "https://segmentfault.com/a/1190000041025373",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "16",
     "rank": 27
   },
   {
-    "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
-    "description": "又是一个时光飞逝的工作日, QA同学突然提出bug, 文本输入框的\"计数\"功能失效, 经过大家多方查找最后发现竟然是因为测试同学开启了\"谷歌翻译\"造成的无法\"计数\", 这就引起了我的浓厚兴趣, 到底这个看起来\"人畜...",
-    "url": "https://segmentfault.com/a/1190000041067692",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
+    "title": "押注云计算未来先机，re:Invent 2021邀请你共赴“十年之约”",
+    "description": "在2021年的“十四五”规划中，数字中国建设被提到了新的高度，其中云计算作为重点产业之一出现在其中，由此也可预见，云计算软件或将迎来新的发展契机。",
+    "url": "https://segmentfault.com/a/1190000041052149",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "10",
     "rank": 28
   },
   {
-    "title": "简单、好懂的Svelte实现原理",
-    "description": "大家好，我卡颂。Svelte问世很久了，一直想写一篇好懂的原理分析文章，拖了这么久终于写了。本文会围绕一张流程图和两个Demo讲解，正确的食用方式是用电脑打开本文，跟着流程图、Demo一边看、一边敲、一边学。让...",
-    "url": "https://segmentfault.com/a/1190000040936318",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "12",
+    "title": "后端一次给你10万条数据，如何优雅展示，到底考察我什么?",
+    "description": "大家好，我是林三心，用最通俗的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天跟大家来唠唠嗑，如果后端真的返回给前端10万条数据，咱们前端要怎么优雅地展示出来呢？（哈哈假设后端真的能传1...",
+    "url": "https://segmentfault.com/a/1190000041003321",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "10",
     "rank": 29
   },
   {
-    "title": "用了很多动效，介绍 4个很  Nice 的 Veu 路由过渡动效！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040935668",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
+    "title": "20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式",
+    "description": "看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...",
+    "url": "https://segmentfault.com/a/1190000041099699",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "12",
     "rank": 30
   }
 ]