@wcj/github-rank 21.10.1 → 21.10.2

package/dist/sifou-daily.json

@@ -1,65 +1,29 @@
 [
   {
-    "title": "从一个问题中了解数学在编程中的应用",
-    "description": "那么我是如何简化呢？当看到上面一长串的逻辑判断的时候，显而易见的就是存在太多字段的重复使用，笔者第一感觉就是应该可以用布尔代数来简化，这里就涉及到两个知识点了，布尔代数的法则以及布尔代数运算律，关...",
-    "url": "https://segmentfault.com/a/1190000040761666",
-    "author": "zangeci",
-    "home_url": "https://segmentfault.com/u/zangeci",
-    "votes": "3",
+    "title": "CSS 小技巧 | 一行代码实现头像与国旗的融合",
+    "description": "到国庆了，大家都急着给祖国母亲庆生。每年每到此时，微信朋友圈就会流行起给头像装饰上国旗，而今年又流行这款：emm，很不错。那么，将一张国旗图片与我们的头像，快速得到想要的头像，使用 CSS 如何简单实现呢...",
+    "url": "https://segmentfault.com/a/1190000040764476",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "说一说Web端侧AI",
-    "description": "AI 正在不断拓展前端的技术边界， 算法的加持也为前端研发注入了全新的力量。本文为大家介绍什么是端智能，端智能的应用场景以及 Web 端侧实现 AI 的基本原理概念。",
-    "url": "https://segmentfault.com/a/1190000040763025",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "2",
+    "title": "猫头鹰的深夜翻译：趣谈Java Exception",
+    "description": "Java异常类（Exception）是用来处理异常程序行为的一组类。在这篇文章中，我将介绍如何使用Java异常类，以及在程序中如何设计Java异常体系。Exception类是Java体系中非常重要的一环，每一个程序员都必须熟悉并掌...",
+    "url": "https://segmentfault.com/a/1190000040765019",
+    "author": "raledong",
+    "home_url": "https://segmentfault.com/u/raledong",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "面试招聘的那些事儿",
-    "description": "由于近期的工作安排，接了一些面试，有社招，也有实习生。面了一段时间，也遇到过各种各样的求职者，想就自己的经验发表一些看法。应届生没啥经验，这个都可以理解，毕竟初出茅庐，自己也是这样过来的，有些小问...",
-    "url": "https://segmentfault.com/a/1190000040762855",
-    "author": "Evelyn",
-    "home_url": "https://segmentfault.com/u/evelyn_xiao",
+    "title": "算法（leetode，附思维导图 + 全部解法）300题之（2）两数相加",
+    "description": "标题：算法（leetode，附思维导图 + 全部解法）300题之（2）两数相加导读：项目&作者1 GitHub - LeetCode项目仓库 {代码...} 2 作者标签 {代码...} 一 题目描述二 解法总览（思维导图）三 全部解法1 方案11)...",
+    "url": "https://segmentfault.com/a/1190000040764021",
+    "author": "码农三少",
+    "home_url": "https://segmentfault.com/u/chenyob",
     "votes": "1",
     "rank": 3
-  },
-  {
-    "title": "PHP的SPL扩展库（一）数据结构",
-    "description": "SPL 库也叫做 PHP 标准库，主要就是用于解决典型问题的一组接口或类的集合。这些典型问题包括什么呢？比如我们今天要讲的数据结构，还有一些设计模式的实现，就像我们之前讲过的观察者模式相关的接口在 SPL 库中...",
-    "url": "https://segmentfault.com/a/1190000040761753",
-    "author": "硬核项目经理",
-    "home_url": "https://segmentfault.com/u/zyblog",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "AbortSignal：以前我没得选，现在我想中止promise",
-    "description": "大家好，我卡颂。遥想数年前的一次面试，面试官问我：promise有什么缺点？真是百思不得姐啊...答案是：promise一旦初始化，就不能中止。这是由promise的实现决定的。AbortSignal的出现使promise从语义上变为可中...",
-    "url": "https://segmentfault.com/a/1190000040760678",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "2",
-    "rank": 5
-  },
-  {
-    "title": "我们一起来学RabbitMQ 二：RabbiMQ 的 6 种模式的基本应用",
-    "description": "我们一起来学RabbitMQ 二：RabbiMQ 的 6 种模式的基本应用嗨，大家好，我是小魔童哪吒，咱们从今天开始进入开源组件的学习，一边学习一边总结一边分享文章提纲如下：RabbitMQ 成员组成RabbitMQ 的六种工作模式编...",
-    "url": "https://segmentfault.com/a/1190000040763367",
-    "author": "小魔童哪吒",
-    "home_url": "https://segmentfault.com/u/anonymous_5f6b14f11289a",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "湖中剑 GitHub周刊 #9 | FreeCodeCamp、图解 React 源码系列、Portainer管理Docker",
-    "description": "FreeCodeCamp 是一个自由开源的学习编程的社区，致力于帮助人们利用零散时间学习编程。它的使命是 Learn to code and help nonprofits（学习编程，去帮助那些非盈利组织）。FCC 涵盖 HTML5、CSS、React、JavaScri...",
-    "url": "https://segmentfault.com/a/1190000040760635",
-    "author": "ineo6",
-    "home_url": "https://segmentfault.com/u/ineo6",
-    "votes": "1",
-    "rank": 7
   }
 ]

package/dist/sifou-monthly.json

@@ -62,6 +62,15 @@
     "votes": "23",
     "rank": 7
   },
+  {
+    "title": "从0到1开发一款自己的vscode插件",
+    "description": "大家对vscode肯定都不陌生，其是微软推出的一款轻量级代码编辑器，在使用的时候总会时不时的安装一些插件去协助我们进行开发，这些插件就是利用vscode给我们开放的一些API的基础上进行扩展功能的开发，从而解决开...",
+    "url": "https://segmentfault.com/a/1190000040720760",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "21",
+    "rank": 8
+  },
   {
     "title": "大概几集下饭剧时间就能懂的VUE3原理",
     "description": "大家好，我是卡颂。最近中午没胃口，找来VUE源码相关视频来当下饭剧。几顿饭下去，人胖了，VUE也整明白了。这篇文章为你带来一份VUE3原理速成指南。模块划分如果我们用VUE的模版语法定义： {代码...} 最终VUE会帮...",
@@ -69,15 +78,6 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "25",
-    "rank": 8
-  },
-  {
-    "title": "从0到1开发一款自己的vscode插件",
-    "description": "大家对vscode肯定都不陌生，其是微软推出的一款轻量级代码编辑器，在使用的时候总会时不时的安装一些插件去协助我们进行开发，这些插件就是利用vscode给我们开放的一些API的基础上进行扩展功能的开发，从而解决开...",
-    "url": "https://segmentfault.com/a/1190000040720760",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "20",
     "rank": 9
   },
   {
@@ -89,15 +89,6 @@
     "votes": "27",
     "rank": 10
   },
-  {
-    "title": "分享32个JavaScript工作中常用的代码片段",
-    "description": "前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...",
-    "url": "https://segmentfault.com/a/1190000040637925",
-    "author": "蛙人",
-    "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "29",
-    "rank": 11
-  },
   {
     "title": "📝 没 2 年 React Native 开发经验，你都遇不到这些坑",
     "description": "React Native 开发时，如果只是写些简单的页面，基本上按着官方文档 reactnative.dev就能写出来，但是 React Native 的 API 有几百个，没有一定的开发踩坑经验，面对一些新的需求时确实会抓不到重点。",
@@ -105,6 +96,15 @@
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
     "votes": "16",
+    "rank": 11
+  },
+  {
+    "title": "分享32个JavaScript工作中常用的代码片段",
+    "description": "前言初衷： 整理一下工作中常用的JavaScript小技巧分享给大家，希望能帮助到各位小伙伴们，在工作中提升开发效率。适合人群： 前端初级开发，大佬绕道。1.函数参数默认值在Es6之前，我们要写参数默认值的话，还需...",
+    "url": "https://segmentfault.com/a/1190000040637925",
+    "author": "蛙人",
+    "home_url": "https://segmentfault.com/u/jack_code",
+    "votes": "29",
     "rank": 12
   },
   {
@@ -152,6 +152,15 @@
     "votes": "17",
     "rank": 17
   },
+  {
+    "title": "15个值得收藏的JavaScript函数",
+    "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
+    "url": "https://segmentfault.com/a/1190000040661568",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "20",
+    "rank": 18
+  },
   {
     "title": "浓缩了这 20+ 站点的前端滋补汤~干了 ❗",
     "description": "看到很多小伙伴都把自己好用好玩的站点分享出来了,我也是一个收集工具站点的爱好者。 由于有一些比较常见的网站,很多人已经分享过了,下面都是我从收藏夹中几百个网站里筛选出的一些非常不错的网站,个人认为这些对...",
@@ -159,15 +168,6 @@
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
     "votes": "25",
-    "rank": 18
-  },
-  {
-    "title": "15个值得收藏的JavaScript函数",
-    "description": "TNTWeb - 全称腾讯新闻中台前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，...",
-    "url": "https://segmentfault.com/a/1190000040661568",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "19",
     "rank": 19
   },
   {
@@ -179,6 +179,24 @@
     "votes": "18",
     "rank": 20
   },
+  {
+    "title": "摊牌了，做为前端，我经常在用的15个国外网站",
+    "description": "作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040704577",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "18",
+    "rank": 21
+  },
+  {
+    "title": "尝试对 jsjiami 加密结果手工解密",
+    "description": "看了下 jsjiami，简单的一个 console.log(\"James\")，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...",
+    "url": "https://segmentfault.com/a/1190000040735240",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "13",
+    "rank": 22
+  },
   {
     "title": "CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果",
     "description": "本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...",
@@ -186,7 +204,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "15",
-    "rank": 21
+    "rank": 23
   },
   {
     "title": "前端“油画设计师”——双缓存绘制与油画分层机制",
@@ -195,24 +213,6 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "15",
-    "rank": 22
-  },
-  {
-    "title": "尝试对 jsjiami 加密结果手工解密",
-    "description": "看了下 jsjiami，简单的一个 console.log(\"James\")，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...",
-    "url": "https://segmentfault.com/a/1190000040735240",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "13",
-    "rank": 23
-  },
-  {
-    "title": "摊牌了，做为前端，我经常在用的15个国外网站",
-    "description": "作者：Fernando Doglio译者：前端小智来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040704577",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "17",
     "rank": 24
   },
   {

package/dist/sifou-weekly.json

@@ -8,6 +8,15 @@
     "votes": "16",
     "rank": 1
   },
+  {
+    "title": "尝试对 jsjiami 加密结果手工解密",
+    "description": "看了下 jsjiami，简单的一个 console.log(\"James\")，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...",
+    "url": "https://segmentfault.com/a/1190000040735240",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "13",
+    "rank": 2
+  },
   {
     "title": "CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果",
     "description": "本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。起因一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果：我当时想都没想，就回答道，这个很简单啊。熟练...",
@@ -15,16 +24,25 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "15",
-    "rank": 2
+    "rank": 3
   },
   {
-    "title": "尝试对 jsjiami 加密结果手工解密",
-    "description": "看了下 jsjiami，简单的一个 console.log(\"James\")，加密出来的结果居然有 3K，说明这个加密转了不知道多少弯在里面。如果要把真正一段业务代码拿来手工解密，应该会挺累的，但是本文不研究工作量的问题，只是尝...",
-    "url": "https://segmentfault.com/a/1190000040735240",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000040692431",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "19",
+    "rank": 4
+  },
+  {
+    "title": "【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组",
+    "description": "数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？",
+    "url": "https://segmentfault.com/a/1190000040747951",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
     "votes": "13",
-    "rank": 3
+    "rank": 5
   },
   {
     "title": "React 源码解析系列 - React 的 render 阶段（三）：completeUnitOfWork",
@@ -33,24 +51,6 @@
     "author": "array_huang",
     "home_url": "https://segmentfault.com/u/array_huang",
     "votes": "5",
-    "rank": 4
-  },
-  {
-    "title": "加密的艺术",
-    "description": "加密算法最早诞生在什么时候？计算机出现之后吗？不，早在公元前 7 世纪，古希腊人就已经在使用加密算法了。他们使用一根叫 scytale 的棍子来传递加密信息，加密时先绕棍子卷一张纸条，把信息沿棒水平方向写，写...",
-    "url": "https://segmentfault.com/a/1190000040729633",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "8",
-    "rank": 5
-  },
-  {
-    "title": "打造她喜欢的Github主页",
-    "description": "前言：哈喽，我是树酱。先聊聊本文的起源，某天在水群的时候看到某大佬的Github账户主页，颜值简直爆棚。反观看树酱的Github主页，简直就是“陋室”，难以入眼！或者很多开发的小伙伴跟我一样，平时在github上参与...",
-    "url": "https://segmentfault.com/a/1190000040727897",
-    "author": "树酱",
-    "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
-    "votes": "7",
     "rank": 6
   },
   {
@@ -62,24 +62,6 @@
     "votes": "7",
     "rank": 7
   },
-  {
-    "title": "我用这 18 个神奇的库，美化了我的项目，真是亮瞎我的眼！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000040692431",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "18",
-    "rank": 8
-  },
-  {
-    "title": "【建议收藏】徒手实现24+数组方法，谁说你只是“会用”数组",
-    "description": "数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？",
-    "url": "https://segmentfault.com/a/1190000040747951",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "10",
-    "rank": 9
-  },
   {
     "title": "深入 WebAssembly 之解释器实现篇",
     "description": "从去年年底开始笔者决定深入 WebAssembly（为了书写方便，接下来简称为 Wasm）这门技术，在读《WebAssembly 原理与核心技术》这本书的过程中（这本书详细讲解了 Wasm 的解释器和虚拟机的工作原理以及实现思路），...",
@@ -87,7 +69,16 @@
     "author": "云音乐大前端团队",
     "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "7",
-    "rank": 10
+    "rank": 8
+  },
+  {
+    "title": "用Java轻松完成一个分布式事务TCC，保姆级教程",
+    "description": "什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。",
+    "url": "https://segmentfault.com/a/1190000040735898",
+    "author": "叶东富",
+    "home_url": "https://segmentfault.com/u/yedongfu",
+    "votes": "7",
+    "rank": 9
   },
   {
     "title": "代码签名证书，让软件真正拥有姓名！",
@@ -96,25 +87,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "7",
-    "rank": 11
-  },
-  {
-    "title": "这些操作删除console.log代码，你都知道吗",
-    "description": "说起console.log调试，不用多说，那是非常的好用，开发中帮助我们解决了不少Bug。我们经常能在开发环境中看见这一坨一坨的console调试。但是生产环境是绝不对不允许出现console信息代码的。你还在手动一个一个删...",
-    "url": "https://segmentfault.com/a/1190000040729159",
-    "author": "蛙人",
-    "home_url": "https://segmentfault.com/u/jack_code",
-    "votes": "5",
-    "rank": 12
-  },
-  {
-    "title": "用Java轻松完成一个分布式事务TCC，保姆级教程",
-    "description": "什么是TCC，TCC是Try、Confirm、Cancel三个词语的缩写，最早是由 Pat Helland 于 2007 年发表的一篇名为《Life beyond Distributed Transactions:an Apostate’s Opinion》的论文提出。",
-    "url": "https://segmentfault.com/a/1190000040735898",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
-    "votes": "6",
-    "rank": 13
+    "rank": 10
   },
   {
     "title": "保姆级教学！这次一定学会开发babel插件！",
@@ -123,7 +96,7 @@
     "author": "a磊的前端梦",
     "home_url": "https://segmentfault.com/u/nixiaolei",
     "votes": "4",
-    "rank": 14
+    "rank": 11
   },
   {
     "title": "【思考】$nextTick 与 setTimeout 的一点对比！",
@@ -132,7 +105,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "6",
-    "rank": 15
+    "rank": 12
+  },
+  {
+    "title": "postTask：React的杀手锏被浏览器原生实现了？",
+    "description": "大家好，我卡颂。React这几年一直在完善的并发模式主要由以下两部分组成：基于fiber实现的可中断更新的架构基于调度器的优先级调度可以说，从16年开始重构fiber架构到今年底（或明年初）React18发布正式版，这期...",
+    "url": "https://segmentfault.com/a/1190000040751671",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "3",
+    "rank": 13
   },
   {
     "title": "教你如何让Redis更持久 ！",
@@ -141,16 +123,16 @@
     "author": "蔡不菜丶",
     "home_url": "https://segmentfault.com/u/17689400062",
     "votes": "4",
-    "rank": 16
+    "rank": 14
   },
   {
-    "title": "postTask：React的杀手锏被浏览器原生实现了？",
-    "description": "大家好，我卡颂。React这几年一直在完善的并发模式主要由以下两部分组成：基于fiber实现的可中断更新的架构基于调度器的优先级调度可以说，从16年开始重构fiber架构到今年底（或明年初）React18发布正式版，这期...",
-    "url": "https://segmentfault.com/a/1190000040751671",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "3",
-    "rank": 17
+    "title": "🚀快速掌握vue3新语法(一) - 初识(setup/reactive/ref)",
+    "description": "\"组合API\"可以更进一步拆分\"选项API\"中的JS逻辑. 可以把某一逻辑的\"data/computed/watch/methods/声明周期钩子\"单独封装到一个函数(也可单独一个文件)中. 一般给拆分后的函数命名\"useXxx\".",
+    "url": "https://segmentfault.com/a/1190000040755977",
+    "author": "铁皮饭盒",
+    "home_url": "https://segmentfault.com/u/russell221",
+    "votes": "4",
+    "rank": 15
   },
   {
     "title": "解决chrome浏览器 谷歌翻译导致页面错乱、数据渲染不显示问题",
@@ -159,7 +141,7 @@
     "author": "杭州蘇小小",
     "home_url": "https://segmentfault.com/u/suhangweb",
     "votes": "3",
-    "rank": 18
+    "rank": 16
   },
   {
     "title": "MySQL 架构总览->查询执行流程->SQL 解析顺序",
@@ -168,16 +150,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "4",
-    "rank": 19
-  },
-  {
-    "title": "🚀快速掌握vue3新语法(一) - 初识(setup/reactive/ref)",
-    "description": "\"组合API\"可以更进一步拆分\"选项API\"中的JS逻辑. 可以把某一逻辑的\"data/computed/watch/methods/声明周期钩子\"单独封装到一个函数(也可单独一个文件)中. 一般给拆分后的函数命名\"useXxx\".",
-    "url": "https://segmentfault.com/a/1190000040755977",
-    "author": "铁皮饭盒",
-    "home_url": "https://segmentfault.com/u/russell221",
-    "votes": "3",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "端到端的实时计算：TiDB + Flink 最佳实践",
@@ -186,16 +159,16 @@
     "author": "PingCAP",
     "home_url": "https://segmentfault.com/u/pingcap",
     "votes": "2",
-    "rank": 21
+    "rank": 18
   },
   {
-    "title": "认识JS中的Class",
-    "description": "JavaScript 和面向类的语言不同，它并没有类来作为对象的抽象模式。JavaScript 中只有对象，而并没有真正的类。JS只是利用了函数的一种特殊特性——所有的函数默认都会拥有一个名为 prototype 的公有并且不可枚举的...",
-    "url": "https://segmentfault.com/a/1190000040729393",
-    "author": "forceddd",
-    "home_url": "https://segmentfault.com/u/forceddd",
+    "title": "中国开源云联盟年度评选正式启动，欢迎申报！",
+    "description": "当前，新一轮科技革命和产业变革方兴未艾，全球创新版图和经济结构正在被重塑。由于开放协同、群智化的特点，开源已成为创新的重要手段，无论在中国还是全球范围内，开源正在深度推动信息技术的创新发展。",
+    "url": "https://segmentfault.com/a/1190000040739836",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "2",
-    "rank": 22
+    "rank": 19
   },
   {
     "title": "得物技术浅谈MySQL 8.0：新的身份验证插件（caching_sha2_password）",
@@ -204,16 +177,7 @@
     "author": "得物技术",
     "home_url": "https://segmentfault.com/u/dewujishu",
     "votes": "2",
-    "rank": 23
-  },
-  {
-    "title": "中国开源云联盟年度评选正式启动，欢迎申报！",
-    "description": "当前，新一轮科技革命和产业变革方兴未艾，全球创新版图和经济结构正在被重塑。由于开放协同、群智化的特点，开源已成为创新的重要手段，无论在中国还是全球范围内，开源正在深度推动信息技术的创新发展。",
-    "url": "https://segmentfault.com/a/1190000040739836",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "2",
-    "rank": 24
+    "rank": 20
   },
   {
     "title": "LeetCode-374-猜数字大小",
@@ -222,7 +186,16 @@
     "author": "雄狮虎豹",
     "home_url": "https://segmentfault.com/u/xiongshihubao",
     "votes": "3",
-    "rank": 25
+    "rank": 21
+  },
+  {
+    "title": "Nginx 缓存机制详解！非常详细实用",
+    "description": "Nginx 缓存作为性能优化的一个重要手段，可以极大减轻后端服务器的负载。下面我们将介绍 Nginx 缓存配置的相关指令以及 http 缓存机制，以及 Nginx 缓存实践案例分析。",
+    "url": "https://segmentfault.com/a/1190000040748678",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "3",
+    "rank": 22
   },
   {
     "title": "对CSS变量不熟悉，这5个事例可看看！",
@@ -231,25 +204,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 26
-  },
-  {
-    "title": "从0到1搭建域名邮件服务器",
-    "description": "前言：哈喽，我是树酱。文章的源头，是因为在一次交谈中，朋友提到一个需求。需要一批邮箱去做一些\"事情\"，具体是干啥事，留点悬念。如果手动去注册邮箱，只需要解决接收邮件问题。不仅费力而且现在包括像@163等...",
-    "url": "https://segmentfault.com/a/1190000040727863",
-    "author": "树酱",
-    "home_url": "https://segmentfault.com/u/shu_jshu_jiashu_jianshu_jiang",
-    "votes": "2",
-    "rank": 27
+    "rank": 23
   },
   {
-    "title": "Nginx 缓存机制详解！非常详细实用",
-    "description": "Nginx 缓存作为性能优化的一个重要手段，可以极大减轻后端服务器的负载。下面我们将介绍 Nginx 缓存配置的相关指令以及 http 缓存机制，以及 Nginx 缓存实践案例分析。",
-    "url": "https://segmentfault.com/a/1190000040748678",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "3",
-    "rank": 28
+    "title": "从一个问题中了解数学在编程中的应用",
+    "description": "那么我是如何简化呢？当看到上面一长串的逻辑判断的时候，显而易见的就是存在太多字段的重复使用，笔者第一感觉就是应该可以用布尔代数来简化，这里就涉及到两个知识点了，布尔代数的法则以及布尔代数运算律，关...",
+    "url": "https://segmentfault.com/a/1190000040761666",
+    "author": "zangeci",
+    "home_url": "https://segmentfault.com/u/zangeci",
+    "votes": "4",
+    "rank": 24
   },
   {
     "title": "搞定 NodeJS 开发调试",
@@ -258,6 +222,42 @@
     "author": "用户bPcUOqJ",
     "home_url": "https://segmentfault.com/u/everfind",
     "votes": "2",
+    "rank": 25
+  },
+  {
+    "title": "技术面试通用方法论",
+    "description": "面试者尽可能的去详细了解企业，除岗位要求以外，还可以通过不同的渠道去了解企业的价值观，文档风格，使用的技术栈，来判断是否符合自己的预期。找工作其实与找对象的方式差不多，都是互相匹配的过程，匹配度越...",
+    "url": "https://segmentfault.com/a/1190000040757849",
+    "author": "LeanCloud",
+    "home_url": "https://segmentfault.com/u/leancloud",
+    "votes": "1",
+    "rank": 26
+  },
+  {
+    "title": "JuiceFS v0.17 发布，通过 1270 项 LTP 测试！",
+    "description": "小伙伴们大家好，JuiceFS v0.17 在国庆小长假来临之际如期发布了！这是我们在 2021 年秋季推出的第二个版本，让我们直奔主题，看看都有哪些新变化吧。",
+    "url": "https://segmentfault.com/a/1190000040743443",
+    "author": "JuiceFS",
+    "home_url": "https://segmentfault.com/u/juicefs",
+    "votes": "3",
+    "rank": 27
+  },
+  {
+    "title": "最陌生的hooks: useImperativeHandle",
+    "description": "估计都比较熟悉这些HOOKS了吧：useState, useEffect, useContext, useMemo。但我当第一次看到useImperativeHandle时，一脸懵逼（这是什么鬼东西~~~）。",
+    "url": "https://segmentfault.com/a/1190000040758640",
+    "author": "普拉斯强",
+    "home_url": "https://segmentfault.com/u/yaofly",
+    "votes": "2",
+    "rank": 28
+  },
+  {
+    "title": "NuGet是什么？为什么.NET项目中会有NuGet？如何使用NuGet程序包？",
+    "description": "在.NET应用程序编程开发中，开发者通常使用类库来管理、维护属于同一分类的程序代码，以便代码的重用。一般情况下，处于同一类库的所有类都位于同一程序集。",
+    "url": "https://segmentfault.com/a/1190000040735717",
+    "author": "RECTOR",
+    "home_url": "https://segmentfault.com/u/rector",
+    "votes": "2",
     "rank": 29
   },
   {