@wcj/github-rank 22.5.14 → 22.5.17

package/web/data/sifou-daily.json

@@ -1,92 +1,83 @@
 [
   {
-    "title": "IO模型与吃饭的那些事",
-    "description": "万香楼开张了，今天是第一天接待人，张三是第一个客人，他看了眼菜单，对recvfrom说道：“给我来碗臊子面吧，多放臊子。”，recvfrom客气道：“好，稍等哈，我立马给你做”。这一做就是20分钟过去了，后面排队的后面...",
-    "url": "https://segmentfault.com/a/1190000041841526",
-    "author": "kumfo",
-    "home_url": "https://segmentfault.com/u/kumfo",
+    "title": "我怀疑这是IDEA的BUG，但是我翻遍全网没找到证据！",
+    "description": "你好呀，我是歪歪。前几天有朋友给我发来这样的一个截图：他说他不理解，为什么这样不报错。我说我也不理解，把一个 boolean 类型赋值给 int 类型，怎么会不报错呢，并接着追问他：这个代码截图是哪里来的？他说...",
+    "url": "https://segmentfault.com/a/1190000041849673",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "2",
     "rank": 1
   },
   {
-    "title": "程序员的人生",
-    "description": "职业生涯中就是和两个数打交道：0、1。一辈子就做了两件事：学习、实践。所谓的成功无非两种结果：算出一个数、拼出了一个字符串。天天忙忙碌碌，但归纳起来就是：读取、写入。幸福感的获取方式有两种：制造bug、...",
-    "url": "https://segmentfault.com/a/1190000041838581",
-    "author": "NickWang",
-    "home_url": "https://segmentfault.com/u/nickw_cn",
-    "votes": "2",
+    "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",
     "rank": 2
   },
   {
-    "title": "webpack5自定义插件，对插入到html的js文件增加时间戳",
-    "description": "使用插件的自定义钩子的方式发生了变化： compilation.plugin['xxx'] -> HtmlWebpackPlugin.getHooks(compilation)",
-    "url": "https://segmentfault.com/a/1190000041842873",
-    "author": "回首",
-    "home_url": "https://segmentfault.com/u/huishou",
+    "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",
     "rank": 3
   },
   {
-    "title": "MySQL面试八股文背诵版",
-    "description": "文章目录：什么是MySQL?MySQL常用的存储引擎有什么?它们有什么区别?数据库的三大范式MySQL的数据类型有哪些索引什么是索引?索弓的优缺点?索|的数据结构?Hash索弓|和B+树的区别?薪的类型有哪些?索|的种类有哪些?B...",
-    "url": "https://segmentfault.com/a/1190000041839926",
-    "author": "java领域",
-    "home_url": "https://segmentfault.com/u/wudingfei",
+    "title": "[java并发编程]基于信号量semaphore实现限流器",
+    "description": "如果你的孩子热奶拿走一把，你的老婆热汤拿走一把，你的妈妈做菜拿走一把，你想煮面条就没有锅了。当你看到这种情况，你就不会进入厨房了，你处于等待状态。也就说厨房按照“锅的数量”作为信号量，只能容纳三个人(...",
+    "url": "https://segmentfault.com/a/1190000041853833",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "5分钟带你通过Javascript了解人工智能的基本原理",
-    "description": "学习人工智能门槛高不高？我入门花了2个月时间，学习了python、微积分，才大概弄懂了深度学习的基本原理，确实让人头大，不过现在回过头想想，其实基本原理是没这么难的。",
-    "url": "https://segmentfault.com/a/1190000041843081",
-    "author": "6666",
-    "home_url": "https://segmentfault.com/u/6666",
+    "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",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "React 组件库 CSS 样式方案分析",
-    "description": "随着业务的发展，一些代码逻辑可能同时在多个项目中使用，为了避免每次使用和更新都要复制粘贴代码，构造一个组件库就十分有必要了。构建组件库有很多需要考虑的方面，本文主要讨论在 React 生态下，如何选择一种...",
-    "url": "https://segmentfault.com/a/1190000041840130",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
+    "title": "【Java面试】Zookeeper中的Watch机制的原理？",
+    "description": "一个工作了7年的粉丝，遇到了一个Zookeeper的问题。因为接触过Zookeeper这个技术，不知道该怎么回答。我说一个工作了7年的程序员，没有接触过主流技术，这不正常。于是我问了他工资以后，我理解了！好吧，关于“Zo...",
+    "url": "https://segmentfault.com/a/1190000041851232",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "使用CSS实现《声生不息》节目Logo",
-    "description": "《声生不息》 是芒果TV、香港电视广播有限公司和湖南卫视联合推出的港乐竞唱献礼节目，听着音乐仿佛回到了那个令人怀念的港风席卷整个亚洲的年代。",
-    "url": "https://segmentfault.com/a/1190000041839660",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
+    "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",
     "rank": 7
   },
   {
-    "title": "MySQL核心技术_常见函数",
-    "description": "常见函数字符函数数学函数日期函数其他函数【补充】流程控制函数【补充】字符函数大小写控制函数这类函数改变字符的大小写。字符控制函数这类函数控制字符:数字函数ROUND: 四舍五入TRUNCATE: 截断MOD: 求余日期函...",
-    "url": "https://segmentfault.com/a/1190000041840033",
-    "author": "小谷哥",
-    "home_url": "https://segmentfault.com/u/atguigu",
+    "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",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "冴羽答读者问：人生的意义是什么？",
-    "description": "文章主体写于一年多前，当时我苦于思考人生意义这个问题，于是写下了这篇随笔，正好有同学提到人生意义的问题，就让这篇随笔从我的草稿箱中重见天日，和大家分享我当时的一些思索，现在看来有些地方很是浅薄，但...",
-    "url": "https://segmentfault.com/a/1190000041842063",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
+    "title": "开源之夏：502个项目上线，最火热的暑期开源活动发车了！",
+    "description": "在这里，无论你是想要探索哪个技术领域，都能找到最适合自己的项目，有来自华为、阿里、腾讯、百度等大厂开源项目，也有Apache基金会、CNCF基金会等顶级开源项目，还有众多活跃在一线的知名开源项目，涵盖了操作...",
+    "url": "https://segmentfault.com/a/1190000041848584",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
     "rank": 9
-  },
-  {
-    "title": "canvas 2 image的使用小心得",
-    "description": "在开发中遇到一个设置透明色的需求，大概描述就是一张图，然后再给一个颜色，把这个图片上所有这个颜色的像素点设置为透明色，如下图实现思路就是将图片画到canvas上，然后遍历图片像素信息，将指定的rgb的alpha...",
-    "url": "https://segmentfault.com/a/1190000041842028",
-    "author": "只盼云巅",
-    "home_url": "https://segmentfault.com/u/zhipanyun",
-    "votes": "3",
-    "rank": 10
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041790801",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "56",
+    "votes": "58",
     "rank": 1
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041729574",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "42",
+    "votes": "44",
     "rank": 3
   },
   {
@@ -32,35 +32,26 @@
     "url": "https://segmentfault.com/a/1190000041728567",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "33",
+    "votes": "34",
     "rank": 4
   },
-  {
-    "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
-    "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
-    "url": "https://segmentfault.com/a/1190000041718060",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "25",
-    "rank": 5
-  },
   {
     "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
     "description": "如果我说，我们要讨论一个 2016 年被提出、2017 年落地、至今在国内仍可算籍籍无名的概念，你是不是会觉得这没有什么意义？",
     "url": "https://segmentfault.com/a/1190000041729491",
     "author": "獨釣寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "27",
-    "rank": 6
+    "votes": "28",
+    "rank": 5
   },
   {
-    "title": "现代 CSS 解决方案：Modern CSS Reset",
-    "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
-    "url": "https://segmentfault.com/a/1190000041700998",
+    "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
+    "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
+    "url": "https://segmentfault.com/a/1190000041718060",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "25",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "CSS 中的简写到底有多少坑？以后不敢了...",
@@ -68,17 +59,8 @@
     "url": "https://segmentfault.com/a/1190000041804988",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "23",
-    "rank": 8
-  },
-  {
-    "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": 9
+    "votes": "25",
+    "rank": 7
   },
   {
     "title": "现代 CSS 解决方案：CSS 数学函数",
@@ -86,8 +68,17 @@
     "url": "https://segmentfault.com/a/1190000041826742",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
-    "rank": 10
+    "votes": "23",
+    "rank": 8
+  },
+  {
+    "title": "浅谈支付系统开发基本流程",
+    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
+    "url": "https://segmentfault.com/a/1190000041781215",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "21",
+    "rank": 9
   },
   {
     "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
@@ -96,15 +87,24 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
+    "rank": 10
+  },
+  {
+    "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": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
-    "url": "https://segmentfault.com/a/1190000041781215",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "20",
+    "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
+    "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
+    "url": "https://segmentfault.com/a/1190000041806654",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "26",
     "rank": 12
   },
   {
@@ -113,9 +113,18 @@
     "url": "https://segmentfault.com/a/1190000041819579",
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
-    "votes": "17",
+    "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
+  },
   {
     "title": "以B端平台设计，理解尼尔森10大可用性原则",
     "description": "尼尔森是一名人机交互学博士，通过总结分析200多个可用性问题，1995年提出了尼尔森十大可用性原则，不论在Web设计还是移动端设计，掌握了这十项原则，都能有效提升产品用户体验度。今天就以实例跟大家聊聊尼尔森...",
@@ -123,24 +132,15 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "22",
-    "rank": 14
-  },
-  {
-    "title": "40行代码实现React核心Diff算法",
-    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
-    "url": "https://segmentfault.com/a/1190000041706515",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "15",
     "rank": 15
   },
   {
-    "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
-    "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
-    "url": "https://segmentfault.com/a/1190000041806654",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "24",
+    "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
   },
   {
@@ -161,15 +161,6 @@
     "votes": "12",
     "rank": 18
   },
-  {
-    "title": "CSS 实现切角效果",
-    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
-    "url": "https://segmentfault.com/a/1190000041715976",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "14",
-    "rank": 19
-  },
   {
     "title": "🔥 2022 前端性能优化最佳实践",
     "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
@@ -177,16 +168,16 @@
     "author": "佩奇烹饪家",
     "home_url": "https://segmentfault.com/u/cloudyttt",
     "votes": "14",
-    "rank": 20
+    "rank": 19
   },
   {
-    "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": "13",
-    "rank": 21
+    "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
+    "description": "CSS (英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言...",
+    "url": "https://segmentfault.com/a/1190000041830559",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "16",
+    "rank": 20
   },
   {
     "title": "2022 PHP程序员修炼秘籍",
@@ -195,8 +186,26 @@
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
     "votes": "17",
+    "rank": 21
+  },
+  {
+    "title": "精读《不再需要 JS 做的 5 件事》",
+    "description": "关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。",
+    "url": "https://segmentfault.com/a/1190000041717742",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "11",
     "rank": 22
   },
+  {
+    "title": "为什么前端不能没有监控系统？",
+    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
+    "url": "https://segmentfault.com/a/1190000041833326",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "14",
+    "rank": 23
+  },
   {
     "title": "招聘季征文活动获奖名单公布，快来领奖~",
     "description": "由于疫情原因，快递暂时无法发出，快递可以发出的时候，会尽快给中奖的小伙伴邮寄哒，大家耐心等待哈~哈喽各位社区的小伙伴！2022招聘季有奖征文活动如约开奖啦~废话不多说，我们直接来揭晓获奖名单吧~🌟获奖名单...",
@@ -204,16 +213,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "10",
-    "rank": 23
+    "rank": 24
   },
   {
-    "title": "图说前端-送给您百张前端技术图谱",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
-    "url": "https://segmentfault.com/a/1190000041707644",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "13",
-    "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
   },
   {
     "title": "从源码里的一个注释，我追溯到了12年前，有点意思。",
@@ -222,7 +231,7 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "17",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
@@ -231,7 +240,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "10",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "这些CSS提效技巧，你需要知道！",
@@ -240,15 +249,6 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 27
-  },
-  {
-    "title": "React官方团队出手，补齐原生Hook短板",
-    "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
-    "url": "https://segmentfault.com/a/1190000041798153",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "10",
     "rank": 28
   },
   {
@@ -261,12 +261,12 @@
     "rank": 29
   },
   {
-    "title": "精读《不再需要 JS 做的 5 件事》",
-    "description": "关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 HTML 与 CSS 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。",
-    "url": "https://segmentfault.com/a/1190000041717742",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "9",
+    "title": "CSS 实现树状结构目录",
+    "description": "如果用到了 Ant Design 这样的框架，那可以直接用现成的组件。如果没有用到这样的框架呢？其实纯 CSS 也是可以搞定的，下面看看如何实现的，还有很多你可能不知道 CSS 小技巧哦~",
+    "url": "https://segmentfault.com/a/1190000041815758",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "8",
     "rank": 30
   }
 ]