@wcj/github-rank 21.12.12 → 21.12.16

package/dist/sifou-daily.json

@@ -1,65 +1,119 @@
 [
   {
-    "title": "JZ-022-从上往下打印二叉树",
-    "description": "从上往下打印二叉树题目描述从上往下打印出二叉树的每个节点，同层节点从左至右打印。题目链接: 从上往下打印二叉树代码 {代码...} 【每日寄语】 每天给自己一个希望，试着不为明天而烦恼，不为昨天而叹息，只为...",
-    "url": "https://segmentfault.com/a/1190000041101723",
+    "title": "JZ-027-字符串的排列",
+    "description": "输入一个字符串,按字典序打印出该字符串中字符的所有排列。例如输入字符串abc，则按字典序打印出由字符a,b,c所能排列出来的所有字符串abc,acb,bac,bca,cab和cba。题目链接: 字符串的排列",
+    "url": "https://segmentfault.com/a/1190000041125191",
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "4",
     "rank": 1
   },
   {
-    "title": "2021我的个人总结",
-    "description": "时间过的很快，一转眼一年就已经过去了，在2021年的一年里我的收获还是蛮多的，可惜的是，今年我的目标一样也没有完成，有些遗憾与可惜。不过明年的我将会更加努力，争取实现我的目标。",
-    "url": "https://segmentfault.com/a/1190000041101122",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "3",
+    "title": "JZ-026-二叉搜索树与双向链表",
+    "description": "二叉搜索树与双向链表题目描述输入一棵二叉搜索树，将该二叉搜索树转换成一个排序的双向链表。要求不能创建任何新的结点，只能调整树中结点指针的指向。题目链接: 二叉搜索树与双向链表代码 {代码...} 【每日寄语...",
+    "url": "https://segmentfault.com/a/1190000041119644",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 2
   },
   {
-    "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",
+    "title": "原来这才是 Socket ！",
+    "description": "关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。",
+    "url": "https://segmentfault.com/a/1190000041119178",
+    "author": "程序员cxuan",
+    "home_url": "https://segmentfault.com/u/cxuan",
+    "votes": "5",
     "rank": 3
   },
   {
-    "title": "挺过365天高强度学习|2021我的年度总结",
-    "description": "时光如梭，嗖嗖嗖～，2021年已余额不足，这一年科技互联网行业也发生了很多大大小小的事情，例如苹果粉一直期盼的十三香，并不是很香，苹果新款MacBook也出了刘海，还有本PHP猿最关心的“世界上最好的语言”也总算...",
-    "url": "https://segmentfault.com/a/1190000041101814",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "1",
+    "title": "女，30+，已婚，未育的前端打工人2021年终总结",
+    "description": "看到标题4个标签的形容词，女，30+，已婚，未育，层层递进，焦虑感是不是油然而生并且越来越大。当这四个形容词组合在一起的时候，不知道猎头和其他公司的 HR 是怎么鼓起勇气给我打的电话，一定是因为我的简历太...",
+    "url": "https://segmentfault.com/a/1190000041123903",
+    "author": "阳呀呀",
+    "home_url": "https://segmentfault.com/u/yangyaya",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "Java书籍推荐",
-    "description": "大家好，我是大彬~非科班选手，大三开始自学Java，校招拿到多家互联网中大厂的offer，今天给大家分享一些Java必看的书籍。首先，程序员应该如何读书呢？读经典好书。差的书既浪费金钱又浪费时间。时间宝贵，要在...",
-    "url": "https://segmentfault.com/a/1190000041101900",
-    "author": "程序员大彬",
-    "home_url": "https://segmentfault.com/u/5n7qfpo1",
-    "votes": "2",
+    "title": "让你用Markdown的方式来做PPT",
+    "description": "也许你是以为代码高手，Markdown写作高手，但你是PPT高手吗？你的成绩有没有被PPT高手抢走过呢？不会作精美PPT是不是很头疼呢？今天就给大家介绍了一款PPT制作利器：Slidev~说Slidev之前，咱先聊聊Markdown，在认...",
+    "url": "https://segmentfault.com/a/1190000041119566",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
+    "votes": "4",
     "rank": 5
   },
   {
-    "title": "Webpack常见面试题总结",
-    "description": "Webpack 的目标是实现前端项目的模块化，从而更高效地管理和维护项目中的每一个资源。在早期的前端项目中，我们通过文件划分的形式来实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的 JS 文件中...",
-    "url": "https://segmentfault.com/a/1190000041100811",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "3",
+    "title": "激情、努力、进步、迷失、悔恨、失落百感交集的2021年",
+    "description": "本文参与了SegmentFault 思否征文「2021 总结」，欢迎正在阅读的你也加入。引言不管怎么说，2021年，一家人还能健健康康的活着，经历多少不愉快，也没关系，因为我相信，经历是宝贵的财富，厄运散尽，好彩自然来...",
+    "url": "https://segmentfault.com/a/1190000041122239",
+    "author": "小隐",
+    "home_url": "https://segmentfault.com/u/xiaoyin_lele",
+    "votes": "1",
     "rank": 6
   },
   {
-    "title": "苹果推出重新设计的开源项目主题网站",
-    "description": "苹果近日上线了经过重新设计的开源主页 ，该网站容纳了所有现存的苹果的开源工作项目，例如其主导开源的 Swift、WebKit 和 FoundationDB 等，以及参与贡献的开源项目 Kubernetes、Spark 和 Solr 等。",
-    "url": "https://segmentfault.com/a/1190000041100736",
+    "title": "谷歌 Android 12 Go 正式发布！",
+    "description": "12 月 15 日，谷歌发布了适用于小型或廉价智能手机的 Android 12 Go 版本操作系统。全新登场的 Android 12 Go 版本更流畅、更省电、更安全。",
+    "url": "https://segmentfault.com/a/1190000041120423",
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
     "rank": 7
+  },
+  {
+    "title": "成功只有一种-OBKoro1的2021年终总结",
+    "description": "前言又到了写年终总结的时候，想想上次写年终总结的时候，还是在上次 :)回顾了一下去年写的年终总结，按照惯例感慨了一下时间过得很快。今年的年终总结还是Captain提醒我写的，然后我还是拖了两周 哈哈大事坐标：...",
+    "url": "https://segmentfault.com/a/1190000041120053",
+    "author": "OBKoro1",
+    "home_url": "https://segmentfault.com/u/obkoro1",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "【C进阶】20、链接过程简介",
+    "description": "Summary1）链接的定义：将目标文件最终链接为可执行程序 2）链接的2种方式：静态链接：目标文件会被直接*链接*进可执行程序。slib.a被删掉后，程序依旧可以运行动态链接：程序启动后才动态加载目标文件。dlib.so...",
+    "url": "https://segmentfault.com/a/1190000041125067",
+    "author": "bryson",
+    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "Svelte入门——Web Components实现跨框架组件复用（二）",
+    "description": "使用 Svelte 开发 VUE 和 React 都支持的自定义单元格组件在上节中，我们一起了解了如何使用Svelte封装Web Component，从而实现在不同页面间使用电子表格组件。Svelte封装组件跨框架复用，带来的好处也十分明显：...",
+    "url": "https://segmentfault.com/a/1190000041120812",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "Java常用的五大算法详解",
+    "description": "1.把一个复杂的问题分成两个或更多的相同或相似的子问题，再把子问题分成更小的子问题……直到最后子问题可以简单的直接求解，原问题的解即子问题的解的合并。2.分治策略是对于一个规模为n的问题，若该问题可以容易...",
+    "url": "https://segmentfault.com/a/1190000041120414",
+    "author": "江湖大侠",
+    "home_url": "https://segmentfault.com/u/msjhw_com",
+    "votes": "2",
+    "rank": 11
+  },
+  {
+    "title": "度量避坑指南，合理选择指标 | IDCF",
+    "description": "管理层都喜欢指标，是基于这样的出发点，“我们需要一个数字来衡量我们的表现。数字会关注人并帮助我们衡量成功。” 虽然本意是好的，但数字管理会不自觉地导致有问题的行为，并最终有损于更广泛的项目和组织目标。...",
+    "url": "https://segmentfault.com/a/1190000041117569",
+    "author": "IDCF",
+    "home_url": "https://segmentfault.com/u/idcf",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "Golang gRPC实践 在gRPC中使用FlatBuffers编码",
+    "description": "FlatBuffers是一个跨平台的序列化库，旨在实现最大的内存效率。它允许您直接访问序列化数据，而无需首先对其进行解析/解包，同时仍具有良好的向前/向后兼容性。",
+    "url": "https://segmentfault.com/a/1190000041123754",
+    "author": "Coldstar",
+    "home_url": "https://segmentfault.com/u/coldstar",
+    "votes": "1",
+    "rank": 13
   }
 ]

package/dist/sifou-monthly.json

@@ -1,30 +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": "59",
-    "rank": 1
-  },
   {
     "title": "CSS mask 实现鼠标跟随镂空效果",
     "description": "偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...",
     "url": "https://segmentfault.com/a/1190000040996523",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "42",
-    "rank": 2
-  },
-  {
-    "title": "前端架构师神技，三招统一代码风格（一文讲透）",
-    "description": "本文从代码规范，代码检查，代码格式化，以及编辑器自动化实现的方向，介绍代码规范统一在我们团队的实践应用。大纲预览本文介绍的内容包括以下方面：认识代码规范制定和统一规范神技一：ESLint神技二：Prettier...",
-    "url": "https://segmentfault.com/a/1190000040948561",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "43",
-    "rank": 3
+    "rank": 1
   },
   {
     "title": "React、Vue我全都要！React Hook 实现 Vue 的11个基本功能",
@@ -33,7 +15,16 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "28",
-    "rank": 4
+    "rank": 2
+  },
+  {
+    "title": "20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式",
+    "description": "看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...",
+    "url": "https://segmentfault.com/a/1190000041099699",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "25",
+    "rank": 3
   },
   {
     "title": "处理可能超时的异步操作",
@@ -41,8 +32,8 @@
     "url": "https://segmentfault.com/a/1190000040963849",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "18",
-    "rank": 5
+    "votes": "19",
+    "rank": 4
   },
   {
     "title": "以 Vuex 为引，一窥状态管理全貌",
@@ -50,26 +41,17 @@
     "url": "https://segmentfault.com/a/1190000041005444",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "25",
-    "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
+    "votes": "27",
+    "rank": 5
   },
   {
-    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
-    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
-    "url": "https://segmentfault.com/a/1190000041032091",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "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": "25",
-    "rank": 8
+    "rank": 6
   },
   {
     "title": "一文讲透自适应熔断的原理和实现",
@@ -77,8 +59,17 @@
     "url": "https://segmentfault.com/a/1190000040978572",
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "21",
-    "rank": 9
+    "votes": "22",
+    "rank": 7
+  },
+  {
+    "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
+    "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
+    "url": "https://segmentfault.com/a/1190000041044028",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "23",
+    "rank": 8
   },
   {
     "title": "面试题整理之Vue篇",
@@ -86,16 +77,25 @@
     "url": "https://segmentfault.com/a/1190000040971075",
     "author": "Aaron",
     "home_url": "https://segmentfault.com/u/aaronblog",
+    "votes": "27",
+    "rank": 9
+  },
+  {
+    "title": "良苦用心啊！我把7大跨域解决方法原理画成10张图，做成图解！",
+    "description": "咱们做前端的，平时跟后端对接接口那是必须的事情，但是可能很多同学忽略了一个对接过程中可能会发生的问题——跨域，那跨域到底是啥呢？为什么会跨域呢？又怎么才能解决呢？",
+    "url": "https://segmentfault.com/a/1190000041032091",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "26",
     "rank": 10
   },
   {
-    "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",
+    "title": "思否年度有奖征文丨用文字记录下属于你的2021",
+    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
+    "url": "https://segmentfault.com/a/1190000041089764",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "15",
     "rank": 11
   },
   {
@@ -108,12 +108,12 @@
     "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",
+    "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": 13
   },
   {
@@ -122,9 +122,18 @@
     "url": "https://segmentfault.com/a/1190000041000841",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
+    "votes": "17",
     "rank": 14
   },
+  {
+    "title": "用CSS来撸一只神经猫",
+    "description": "之前围住神经猫的H5小游戏火爆了朋友圈，其中神经猫贱贱的表情，露着屁股的各种姿势，也给用户带来了不少趣味。现在我们就用CSS来撸出一只小贱猫。从网上下载一张我们要仿照的神经猫图片，如下：",
+    "url": "https://segmentfault.com/a/1190000041016364",
+    "author": "linshuai",
+    "home_url": "https://segmentfault.com/u/linshuai",
+    "votes": "15",
+    "rank": 15
+  },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
     "description": "大家好，我是张晋涛。目前我们所提到的容器技术、虚拟化技术（不论何种抽象层次下的虚拟化技术）都能做到资源层面上的隔离和限制。对于容器技术而言，它实现资源层面上的限制和隔离，依赖于 Linux 内核所提供的 c...",
@@ -132,7 +141,7 @@
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
     "votes": "12",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "PHP 基金会，是个好事 (PHP Foundation)",
@@ -141,7 +150,7 @@
     "author": "summerblue",
     "home_url": "https://segmentfault.com/u/summerblue",
     "votes": "15",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "Error Boundaries是这么实现的，还挺巧妙",
@@ -150,15 +159,6 @@
     "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
   },
   {
@@ -170,6 +170,33 @@
     "votes": "18",
     "rank": 19
   },
+  {
+    "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": 20
+  },
+  {
+    "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": "20",
+    "rank": 21
+  },
+  {
+    "title": "重写数组的方法（改变原数组）",
+    "description": "下图是我自我学习模拟数组时总结的一些重新数组的方法：本文我们暂不讨论不改变原数组的方法，只谈改变原数组用到的 6 种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素，返回新数组的长度 {代码...}...",
+    "url": "https://segmentfault.com/a/1190000040969572",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "10",
+    "rank": 22
+  },
   {
     "title": "2021 re:Invent ，我们到底该关注哪些发布？",
     "description": "这并不奇怪，每年亚马逊云科技 re:Invent 都会有数十项新产品、新功能发布，其中一部分，可能代表了日后云计算及整个 IT 界基础设施的发展方向，比如曾经的 Amazon  RedShift、Amazon Lambda，前者引导了业内云原...",
@@ -177,7 +204,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "13",
-    "rank": 20
+    "rank": 23
+  },
+  {
+    "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": "9",
+    "rank": 24
   },
   {
     "title": "一个 Babelfish ，看懂云数据库的发展方向",
@@ -186,25 +222,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "12",
-    "rank": 21
-  },
-  {
-    "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",
-    "rank": 22
+    "rank": 25
   },
   {
-    "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": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
+    "description": "说到 Vue 的组件库，大家肯定早已耳熟能详，随随便便就能列举出一大堆。那为什么还需要自己去搭建呢？结合自身的经验，在业务中往往需要高度定制化的组件，无论是 UI 和交互，可能都会跟市面上现有的组件库有着较...",
+    "url": "https://segmentfault.com/a/1190000041103446",
+    "author": "jrainlau",
+    "home_url": "https://segmentfault.com/u/jrainlau",
+    "votes": "14",
+    "rank": 26
   },
   {
     "title": "安排几款实用的内网穿透工具+教程",
@@ -213,7 +240,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "13",
-    "rank": 24
+    "rank": 27
   },
   {
     "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
@@ -222,25 +249,7 @@
     "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": "思否年度有奖征文丨用文字记录下属于你的2021",
-    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员 思否小姐姐~2021，也注定是个不平凡的一年！ 鲜花与荆棘，凛寒和热盼；仔细想来，大家在这一年一定经历和成长了很多，人生的进度条又向前了一格。20...",
-    "url": "https://segmentfault.com/a/1190000041089764",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "10",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "可以中断的异步操作",
@@ -249,24 +258,15 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "10",
-    "rank": 28
-  },
-  {
-    "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": "押注云计算未来先机，re:Invent 2021邀请你共赴“十年之约”",
-    "description": "在2021年的“十四五”规划中，数字中国建设被提到了新的高度，其中云计算作为重点产业之一出现在其中，由此也可预见，云计算软件或将迎来新的发展契机。",
-    "url": "https://segmentfault.com/a/1190000041052149",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "10",
+    "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": 30
   }
 ]