@wcj/github-rank 22.5.17 → 22.5.18

package/dist/sifou-daily.json

@@ -1,83 +1,110 @@
 [
   {
-    "title": "我怀疑这是IDEA的BUG，但是我翻遍全网没找到证据！",
-    "description": "你好呀，我是歪歪。前几天有朋友给我发来这样的一个截图：他说他不理解，为什么这样不报错。我说我也不理解，把一个 boolean 类型赋值给 int 类型，怎么会不报错呢，并接着追问他：这个代码截图是哪里来的？他说...",
-    "url": "https://segmentfault.com/a/1190000041849673",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "2",
+    "title": "微服务从代码到k8s部署应有尽有大结局（k8s部署）",
+    "description": "整个项目使用了go-zero开发的微服务，基本包含了go-zero以及相关go-zero作者开发的一些中间件，所用到的技术栈基本是go-zero项目组的自研组件，基本是go-zero全家桶了。",
+    "url": "https://segmentfault.com/a/1190000041854213",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "接口测试--apipost接口断言详解",
-    "description": "在做接口测试的时候，会对接口进行断言，一个完整的接口测试，包括：请求->获取响应正文->断言。Apipost官方链接：Apipost-基于协作，不止于API文档、调试、Mock一、apipost如何进行断言apipost的断言设置...",
-    "url": "https://segmentfault.com/a/1190000041850266",
-    "author": "玩足球的煎饼",
-    "home_url": "https://segmentfault.com/u/wanzuqiudejianbing",
-    "votes": "1",
+    "title": "27 年间从巅峰沦为“笑柄”，微软宣布 IE 浏览器终于要退役了！",
+    "description": "5 月 16 日，@微软 Edge 浏览器官方微博账号发文宣布“微软 IE 浏览器将于 6 月 16 日正式退役”，此消息一出引发网友热议。",
+    "url": "https://segmentfault.com/a/1190000041855932",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "一起看 I/O | Google Play 更新一览",
-    "description": "作者 / Alex Musil, Product Management at Google Play在今年的 Google I/O 大会上，我们重点介绍了帮助大家在 Google Play 上持续发展业务的三条主要途径:为用户和开发者保持生态系统安全的隐私和安全措施，如...",
-    "url": "https://segmentfault.com/a/1190000041848946",
-    "author": "Android开发者",
-    "home_url": "https://segmentfault.com/u/androiddevs",
-    "votes": "1",
+    "title": "js面试题(进阶)梳理",
+    "description": "1、undeclared 与 undefined的区别？ {代码...} 2、let & const与 var 的区别？ {代码...} 3、获取DOM元素有哪些方法？方法描述document.getElementById(id)通过id获取domdocument.getElementsByTagName(tagName)...",
+    "url": "https://segmentfault.com/a/1190000041855296",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "[java并发编程]基于信号量semaphore实现限流器",
-    "description": "如果你的孩子热奶拿走一把，你的老婆热汤拿走一把，你的妈妈做菜拿走一把，你想煮面条就没有锅了。当你看到这种情况，你就不会进入厨房了，你处于等待状态。也就说厨房按照“锅的数量”作为信号量，只能容纳三个人(...",
-    "url": "https://segmentfault.com/a/1190000041853833",
-    "author": "字母哥博客",
-    "home_url": "https://segmentfault.com/u/zimug",
+    "title": "前端工程化之FaaS SSR方案​",
+    "description": "导读：揭秘百度直播研发部Web应用SSR技术新玩法，在CSR目录下添加一个JS计算函数就可以让页面具有SSR能力。依托端云协同驱动打通SSR技术关键路径、规模化落地引领高品质Web应用的市场价值。让我们对这个小时级赋...",
+    "url": "https://segmentfault.com/a/1190000041856060",
+    "author": "百度Geek说",
+    "home_url": "https://segmentfault.com/u/baidujiagoushi",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "Go语言如何在测试发现goroutine泄漏",
-    "description": "哈喽，大家好，我是asong；众所周知，gorourtine的设计是Go语言并发实现的核心组成部分，易上手，但是也会遭遇各种疑难杂症，其中goroutine泄漏就是重症之一，其出现往往需要排查很久，有人说可以使用pprof来排查...",
-    "url": "https://segmentfault.com/a/1190000041853511",
-    "author": "asong",
-    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
+    "title": "Linux系统下如何安装Mysql",
+    "description": "注意：如果已经有Mysql但是想要换版本号，切记不要直接下载，要先把旧版本的Mysql删除干净再重新下载。（本文并未提供删除的步骤，请自行百度）",
+    "url": "https://segmentfault.com/a/1190000041858541",
+    "author": "知否思Fou",
+    "home_url": "https://segmentfault.com/u/5um2c4p6",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "【Java面试】Zookeeper中的Watch机制的原理？",
-    "description": "一个工作了7年的粉丝，遇到了一个Zookeeper的问题。因为接触过Zookeeper这个技术，不知道该怎么回答。我说一个工作了7年的程序员，没有接触过主流技术，这不正常。于是我问了他工资以后，我理解了！好吧，关于“Zo...",
-    "url": "https://segmentfault.com/a/1190000041851232",
+    "title": "【Java面试】Spring中有哪些方式可以把Bean注入到IOC容器？",
+    "description": "今天收到一个工作4年的粉丝的面试题。问题是： “Spring中有哪些方式可以把Bean注入到IOC容器”。他说这道题是所有面试题里面回答最好的，但是看面试官的表情，好像不太对。我问他怎么回答的，他说： “接口注入”、“...",
+    "url": "https://segmentfault.com/a/1190000041857704",
     "author": "跟着Mic学架构",
     "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "Vue3.2 setup语法糖总结",
-    "description": "提示：Vue3.2 版本开始才能使用语法糖！在 Vue3.0 中变量必须 return 出来，template中才能使用；而在 Vue3.2 中只需要在 script 标签上加上 setup 属性，无需 return，template 便可直接使用，非常的香啊！",
-    "url": "https://segmentfault.com/a/1190000041849882",
-    "author": "玲小叮当",
-    "home_url": "https://segmentfault.com/u/lingxiaodingdang",
-    "votes": "3",
+    "title": "这款私有化部署的企业级在线文档，你了解多少？",
+    "description": "大家好！一直以来给大家讲解的都是无忧·企业文档是办公软件，那么这款文档到底是适用于哪些人群呢？它真正能产生什么价值？相信还是有很多小伙伴还不太了解无忧·企业文档，今天小编就带大家一起来更加熟悉的了解...",
+    "url": "https://segmentfault.com/a/1190000041857684",
+    "author": "软件部长",
+    "home_url": "https://segmentfault.com/u/ruanjiankaifa_xiaofanya",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "View Design 全系产品升级至 Vue 3，并发布 View UI Plus 正式版",
-    "description": "作为国内最早一批的 Vue.js 组件库，View UI（即 iView）来到了它的第 6 年。这 6 年中，我们从开源逐步向商业化探索，沉淀技术、丰富生态、积累用户。",
-    "url": "https://segmentfault.com/a/1190000041848738",
-    "author": "Aresn",
-    "home_url": "https://segmentfault.com/u/aresn",
+    "title": "我的pycharm",
+    "description": "812LFWMRSH-eyJsaWNlbnNlSWQiOiI4MTJMRldNUlNIIiwibGljZW5zZWVOYW1lIjoi5q2j54mIIOaOiOadgyIsImFzc2lnbmVlTmFtZSI6IiIsImFzc2lnbmVlRW1haWwiOiIiLCJsaWNlbnNlUmVzdHJpY3Rpb24iOiIiLCJjaGVja0NvbmN1cnJlbnRVc2UiOm...",
+    "url": "https://segmentfault.com/a/1190000041857540",
+    "author": "老头憨憨",
+    "home_url": "https://segmentfault.com/u/laotouhanhan",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "开源之夏：502个项目上线，最火热的暑期开源活动发车了！",
-    "description": "在这里，无论你是想要探索哪个技术领域，都能找到最适合自己的项目，有来自华为、阿里、腾讯、百度等大厂开源项目，也有Apache基金会、CNCF基金会等顶级开源项目，还有众多活跃在一线的知名开源项目，涵盖了操作...",
-    "url": "https://segmentfault.com/a/1190000041848584",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "title": "SQL基础入门",
+    "description": "体验简介本实验提供一台基础环境为CentOS的ECS（云服务器）实例，点击体验。我们将会在这台服务器上安装mysql，然后学习基本的SQL语句。体验此场景后，可以掌握的知识有：MySQL安装。基本SQL语句的使用。背景知识...",
+    "url": "https://segmentfault.com/a/1190000041857043",
+    "author": "阿里云云起实验室",
+    "home_url": "https://segmentfault.com/u/bainana",
     "votes": "1",
     "rank": 9
+  },
+  {
+    "title": "移动端适配",
+    "description": "屏幕尺寸屏幕分辨率数值大的在前面，数值小的在后面PPI和DPI是指对角线上每英寸的像素数量，而不是每平方英寸上的像素数量，这里指物理像素设备像素和逻辑像素设备像素即物理像素：逻辑像素：这个375*667就是逻辑...",
+    "url": "https://segmentfault.com/a/1190000041855237",
+    "author": "美丽又漂亮的前端",
+    "home_url": "https://segmentfault.com/u/meiliqianduan",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "CompletableFuture原理与实践-外卖商家端API的异步化",
+    "description": "CompletableFuture由Java 8提供，是实现异步化的工具类，上手难度较低，且功能强大，支持通过函数式编程的方式对各类操作进行组合编排。相比于ListenableFuture，CompletableFuture有效提升了代码的可读性，解决...",
+    "url": "https://segmentfault.com/a/1190000041859321",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "React Hooks 实现的中文输入组件",
+    "description": "在前端开发中，通过监听 onInput 事件来触发输入框内容的更新，是没有问题的，但如果输入的内容有中文的时候，会出现类似 zhong'wen'nei'rong这样的备选内容。这种内容的影响普遍不会很大，但是当需要对输入的内...",
+    "url": "https://segmentfault.com/a/1190000041857495",
+    "author": "知名喷子",
+    "home_url": "https://segmentfault.com/u/mourun_5eda169028465",
+    "votes": "1",
+    "rank": 12
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041790801",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "58",
+    "votes": "62",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041790775",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "40",
+    "votes": "41",
     "rank": 2
   },
   {
@@ -32,16 +32,16 @@
     "url": "https://segmentfault.com/a/1190000041728567",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "34",
+    "votes": "35",
     "rank": 4
   },
   {
-    "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
-    "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
-    "url": "https://segmentfault.com/a/1190000041729491",
-    "author": "獨釣寒江雪",
-    "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "28",
+    "title": "现代 CSS 解决方案：CSS 数学函数",
+    "description": "在 CSS 中，其实存在各种各样的函数。具体分为：Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...",
+    "url": "https://segmentfault.com/a/1190000041826742",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "33",
     "rank": 5
   },
   {
@@ -50,25 +50,25 @@
     "url": "https://segmentfault.com/a/1190000041718060",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "25",
+    "votes": "27",
     "rank": 6
   },
+  {
+    "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
+    "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
+    "url": "https://segmentfault.com/a/1190000041729491",
+    "author": "獨釣寒江雪",
+    "home_url": "https://segmentfault.com/u/king_hcj",
+    "votes": "28",
+    "rank": 7
+  },
   {
     "title": "CSS 中的简写到底有多少坑？以后不敢了...",
     "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
     "url": "https://segmentfault.com/a/1190000041804988",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "25",
-    "rank": 7
-  },
-  {
-    "title": "现代 CSS 解决方案：CSS 数学函数",
-    "description": "在 CSS 中，其实存在各种各样的函数。具体分为：Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...",
-    "url": "https://segmentfault.com/a/1190000041826742",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
+    "votes": "27",
     "rank": 8
   },
   {
@@ -77,9 +77,18 @@
     "url": "https://segmentfault.com/a/1190000041781215",
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "21",
+    "votes": "22",
     "rank": 9
   },
+  {
+    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
+    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
+    "url": "https://segmentfault.com/a/1190000041754709",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "23",
+    "rank": 10
+  },
   {
     "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
     "description": "某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...",
@@ -87,16 +96,34 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 10
+    "rank": 11
   },
   {
-    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
-    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
-    "url": "https://segmentfault.com/a/1190000041754709",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "22",
-    "rank": 11
+    "title": "为什么前端不能没有监控系统？",
+    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
+    "url": "https://segmentfault.com/a/1190000041833326",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "20",
+    "rank": 12
+  },
+  {
+    "title": "CSS 实现切角效果",
+    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
+    "url": "https://segmentfault.com/a/1190000041715976",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
+    "rank": 13
+  },
+  {
+    "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
+    "description": "今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...",
+    "url": "https://segmentfault.com/a/1190000041761117",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "14",
+    "rank": 14
   },
   {
     "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
@@ -105,7 +132,7 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "26",
-    "rank": 12
+    "rank": 15
   },
   {
     "title": "4.9W 播放量的 TS 动画版进阶教程合集来了！",
@@ -114,16 +141,7 @@
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
     "votes": "18",
-    "rank": 13
-  },
-  {
-    "title": "CSS 实现切角效果",
-    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
-    "url": "https://segmentfault.com/a/1190000041715976",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "15",
-    "rank": 14
+    "rank": 16
   },
   {
     "title": "以B端平台设计，理解尼尔森10大可用性原则",
@@ -132,24 +150,6 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "22",
-    "rank": 15
-  },
-  {
-    "title": "如何构建可控,可靠,可扩展的 PWA 应用",
-    "description": "PWA （Progressive Web App）指的是使用指定技术和标准模式来开发的 Web 应用，让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使用便捷，响应速度更加快等。",
-    "url": "https://segmentfault.com/a/1190000041730906",
-    "author": "JerryC",
-    "home_url": "https://segmentfault.com/u/jerryc",
-    "votes": "14",
-    "rank": 16
-  },
-  {
-    "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
-    "description": "今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...",
-    "url": "https://segmentfault.com/a/1190000041761117",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
     "rank": 17
   },
   {
@@ -158,15 +158,15 @@
     "url": "https://segmentfault.com/a/1190000041769612",
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "12",
+    "votes": "13",
     "rank": 18
   },
   {
-    "title": "🔥 2022 前端性能优化最佳实践",
-    "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
-    "url": "https://segmentfault.com/a/1190000041753539",
-    "author": "佩奇烹饪家",
-    "home_url": "https://segmentfault.com/u/cloudyttt",
+    "title": "如何构建可控,可靠,可扩展的 PWA 应用",
+    "description": "PWA （Progressive Web App）指的是使用指定技术和标准模式来开发的 Web 应用，让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使用便捷，响应速度更加快等。",
+    "url": "https://segmentfault.com/a/1190000041730906",
+    "author": "JerryC",
+    "home_url": "https://segmentfault.com/u/jerryc",
     "votes": "14",
     "rank": 19
   },
@@ -176,17 +176,26 @@
     "url": "https://segmentfault.com/a/1190000041830559",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "16",
+    "votes": "18",
     "rank": 20
   },
+  {
+    "title": "🔥 2022 前端性能优化最佳实践",
+    "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
+    "url": "https://segmentfault.com/a/1190000041753539",
+    "author": "佩奇烹饪家",
+    "home_url": "https://segmentfault.com/u/cloudyttt",
+    "votes": "14",
+    "rank": 21
+  },
   {
     "title": "2022 PHP程序员修炼秘籍",
     "description": "前言Hi , 各位大佬、小佬们，我是CrazyCodes，本来打算在年初奉上本篇，但因诸多原因延迟了以下是我往年的文章2021 PHP程序员修炼秘籍 [链接]2020 PHP程序员修炼秘籍 [链接]2019 PHP程序员修炼秘籍 [链接]计算机...",
     "url": "https://segmentfault.com/a/1190000041734354",
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "17",
-    "rank": 21
+    "votes": "18",
+    "rank": 22
   },
   {
     "title": "精读《不再需要 JS 做的 5 件事》",
@@ -195,16 +204,16 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "11",
-    "rank": 22
+    "rank": 23
   },
   {
-    "title": "为什么前端不能没有监控系统？",
-    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
-    "url": "https://segmentfault.com/a/1190000041833326",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "14",
-    "rank": 23
+    "title": "React官方团队出手，补齐原生Hook短板",
+    "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
+    "url": "https://segmentfault.com/a/1190000041798153",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "12",
+    "rank": 24
   },
   {
     "title": "招聘季征文活动获奖名单公布，快来领奖~",
@@ -213,15 +222,6 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "10",
-    "rank": 24
-  },
-  {
-    "title": "React官方团队出手，补齐原生Hook短板",
-    "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
-    "url": "https://segmentfault.com/a/1190000041798153",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "11",
     "rank": 25
   },
   {
@@ -266,7 +266,7 @@
     "url": "https://segmentfault.com/a/1190000041815758",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "8",
+    "votes": "9",
     "rank": 30
   }
 ]