@wcj/github-rank 22.5.17 → 22.5.20

package/web/data/sifou-daily.json

@@ -1,83 +1,119 @@
 [
   {
-    "title": "我怀疑这是IDEA的BUG，但是我翻遍全网没找到证据！",
-    "description": "你好呀，我是歪歪。前几天有朋友给我发来这样的一个截图：他说他不理解，为什么这样不报错。我说我也不理解，把一个 boolean 类型赋值给 int 类型，怎么会不报错呢，并接着追问他：这个代码截图是哪里来的？他说...",
-    "url": "https://segmentfault.com/a/1190000041849673",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "2",
+    "title": "JSON数据传输大法第一式——用OADate处理日期格式",
+    "description": "JSON作为一种轻量级的数据交换格式，通常采用完全独立于编程语言的文本格式来存储和表示数据。它的层次结构简洁清晰，易于人们的阅读和编写，此外机器编写和生成也会变得容易，可以有效地提升网络传输效率，这些...",
+    "url": "https://segmentfault.com/a/1190000041866543",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "3",
     "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": "面试官问：Go 中的参数传递是值传递还是引用传递？",
+    "description": "一个程序中，变量分为变量名和变量内容，变量内容的存储一般会被分配到堆和栈上。而在 Go 语言中有两种传递变量的方式值传递和引用传递。其中值传递会直接将变量内容附在变量名上传递，而引用传递会将变量内容的...",
+    "url": "https://segmentfault.com/a/1190000041865949",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "3",
     "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": "常用的服务器宕机检测通知工具——WGCLOUD",
+    "description": "在项目中，有时候因为一些故障原因，系统会无法提供服务，或者服务器出现宕机现象，这时候，我们为了保证系统能够正常稳定运行，常常需要做一些措施，比如健康检测工具等",
+    "url": "https://segmentfault.com/a/1190000041868992",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "[java并发编程]基于信号量semaphore实现限流器",
-    "description": "如果你的孩子热奶拿走一把，你的老婆热汤拿走一把，你的妈妈做菜拿走一把，你想煮面条就没有锅了。当你看到这种情况，你就不会进入厨房了，你处于等待状态。也就说厨房按照“锅的数量”作为信号量，只能容纳三个人(...",
-    "url": "https://segmentfault.com/a/1190000041853833",
-    "author": "字母哥博客",
-    "home_url": "https://segmentfault.com/u/zimug",
-    "votes": "1",
+    "title": "被折磨了 13 年，Go 怎么解决再赋值的坑？",
+    "description": "大家好，我是煎鱼。最近在看 Go 的一些历史提案时，发现有个别很神奇的提案，已经提出来了许多年，但在如今依然没有关闭，并且不断地有人在讨论，但又解决不了。有种 “很气又干不掉我的样子”，今天就由煎鱼带大家...",
+    "url": "https://segmentfault.com/a/1190000041867051",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "3",
     "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": "Spring Boot 2.7.0发布，2.5停止维护，节奏太快了吧",
+    "description": "这几天是Spring版本日，很多Spring工件都发布了新版本， Spring Framework 6.0.0 发布了第 4 个里程碑版本，此版本包含所有针对 5.3.20 的修复补丁，以及特定于 6.0 分支的 39 项修复和改进。而今天Spring Boot 2...",
+    "url": "https://segmentfault.com/a/1190000041870045",
+    "author": "码农小胖哥",
+    "home_url": "https://segmentfault.com/u/10000000",
     "votes": "1",
     "rank": 5
   },
   {
-    "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",
+    "title": "JS判断对象是否为空对象的方法",
+    "description": "1.通过JSON自带的stringify()方法来判断 {代码...} 2.for in 循环判断 {代码...} 3.使用ES6的Object.keys()方法 {代码...} 4.Object.getOwnPropertyNames()方法 {代码...}",
+    "url": "https://segmentfault.com/a/1190000041866880",
+    "author": "jrue",
+    "home_url": "https://segmentfault.com/u/jrue",
     "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": "谢孟军：中国 Go 语言领军人的创业第五年",
+    "description": "Go 语言，又称 Golang，是一门由 Google 开发的开源编程语言。Go 语言自 2009 年推出后，因为其简单易学、性能强劲的特点，深受开发者的青睐，使用人数持续增长，还在 2016 年被评为「TIOBE 最佳语言」。",
+    "url": "https://segmentfault.com/a/1190000041866615",
+    "author": "腾源会",
+    "home_url": "https://segmentfault.com/u/weopen",
+    "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": "Angular 开发者 2021 调查报告",
+    "description": "今年早些时候 Angular 面向用户进行了年度开发者调查，共收到了25000份回复。调查结果表明：超过 84% 的开发者对 Angular 感到满意，不到 8% 的开发者表示不满意；工龄较大（11 年以上）的开发者有 85% 满意度。",
+    "url": "https://segmentfault.com/a/1190000041866590",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "开源之夏：502个项目上线，最火热的暑期开源活动发车了！",
-    "description": "在这里，无论你是想要探索哪个技术领域，都能找到最适合自己的项目，有来自华为、阿里、腾讯、百度等大厂开源项目，也有Apache基金会、CNCF基金会等顶级开源项目，还有众多活跃在一线的知名开源项目，涵盖了操作...",
-    "url": "https://segmentfault.com/a/1190000041848584",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "title": "1.还不会部署高可用的kubernetes集群?看我手把手教你使用二进制部署v1.23.6的K8S集群实践(下)",
+    "description": "0x02 安装部署6.Kubernetes 集群安装部署1) 二进制软件包下载安装 （手动-此处以该实践为例）2) 部署配置 kube-apiserver3) 部署配置 kubectl4) 部署配置 kube-controller-manager5) 部署配置 kube-scheduler6) ...",
+    "url": "https://segmentfault.com/a/1190000041869038",
+    "author": "WeiyiGeek",
+    "home_url": "https://segmentfault.com/u/weiyigeek",
     "votes": "1",
     "rank": 9
+  },
+  {
+    "title": "docker-compose jenkins 安装",
+    "description": "一、docker搭建jenkins1.新建文件夹1.1新建 dokcer-compose.yml ，将下面内容添加进去 {代码...} 1.2 执行 dokcer-compose up -d 1.3 通过浏览器访问页面，按照提示进操作，选择默认安装2.安装插件gitee(按照需求...",
+    "url": "https://segmentfault.com/a/1190000041867448",
+    "author": "月",
+    "home_url": "https://segmentfault.com/u/yue_627372905af9e",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "史上最强代码自测方法，没有之一！",
+    "description": "特别说明：这个真的不是标题党，我写代码20+年，真心认为 go fuzzing 是我见过的最牛逼的代码自测方法。我在用 AC自动机 算法改进关键字过滤效率（提升~50%），改进 mapreduce 对 panic 的处理机制的时候，都通过...",
+    "url": "https://segmentfault.com/a/1190000041866251",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "3",
+    "rank": 11
+  },
+  {
+    "title": "紧急呼唤 00 后“整顿”职场？尚德机构员工被要求“连夜”安装监控 5 分钟抓拍一次不敢上厕所引热议",
+    "description": "最近，有关“00 后整顿职场”的段子在社交媒体上流传的比较火，一时间引来不少老职场人“感慨”不已，更有网友大呼“职场太需要 00 后来拯救了”“00后赶紧入职吧”“00 后赶快加入反内卷...”",
+    "url": "https://segmentfault.com/a/1190000041868809",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "前端语音转文字实践总结",
+    "description": "最近准备一个技术分享，看到以前做个一个语音转文字的功能，放在slides上落灰了，索性整理到这里和大家分享下。从技术选型，到方案设计，到实际落地，可以说把全链路都覆盖到了。语音转写流程图PC端浏览器如何录...",
+    "url": "https://segmentfault.com/a/1190000041866984",
+    "author": "趁你还年轻",
+    "home_url": "https://segmentfault.com/u/chennihuannianqing",
+    "votes": "1",
+    "rank": 13
   }
 ]

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": "58",
+    "votes": "64",
     "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
   },
   {
@@ -23,17 +23,26 @@
     "url": "https://segmentfault.com/a/1190000041729574",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "44",
+    "votes": "45",
     "rank": 3
   },
+  {
+    "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": "40",
+    "rank": 4
+  },
   {
     "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
     "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
     "url": "https://segmentfault.com/a/1190000041728567",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "34",
-    "rank": 4
+    "votes": "35",
+    "rank": 5
   },
   {
     "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
@@ -41,17 +50,17 @@
     "url": "https://segmentfault.com/a/1190000041729491",
     "author": "獨釣寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
-    "votes": "28",
-    "rank": 5
+    "votes": "29",
+    "rank": 6
   },
   {
-    "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": 6
+    "title": "浅谈支付系统开发基本流程",
+    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
+    "url": "https://segmentfault.com/a/1190000041781215",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "26",
+    "rank": 7
   },
   {
     "title": "CSS 中的简写到底有多少坑？以后不敢了...",
@@ -59,25 +68,16 @@
     "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": "28",
     "rank": 8
   },
   {
-    "title": "浅谈支付系统开发基本流程",
-    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
-    "url": "https://segmentfault.com/a/1190000041781215",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "21",
+    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
+    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
+    "url": "https://segmentfault.com/a/1190000041754709",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "25",
     "rank": 9
   },
   {
@@ -90,14 +90,32 @@
     "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",
+    "title": "为什么前端不能没有监控系统？",
+    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
+    "url": "https://segmentfault.com/a/1190000041833326",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "22",
     "rank": 11
   },
+  {
+    "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": "21",
+    "rank": 12
+  },
+  {
+    "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
+    "description": "今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...",
+    "url": "https://segmentfault.com/a/1190000041761117",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "15",
+    "rank": 13
+  },
   {
     "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
     "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
@@ -105,7 +123,16 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "26",
-    "rank": 12
+    "rank": 14
+  },
+  {
+    "title": "我做了一个在线白板！！！",
+    "description": "相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...",
+    "url": "https://segmentfault.com/a/1190000041769612",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "14",
+    "rank": 15
   },
   {
     "title": "4.9W 播放量的 TS 动画版进阶教程合集来了！",
@@ -113,17 +140,8 @@
     "url": "https://segmentfault.com/a/1190000041819579",
     "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
+    "votes": "19",
+    "rank": 16
   },
   {
     "title": "以B端平台设计，理解尼尔森10大可用性原则",
@@ -132,7 +150,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "22",
-    "rank": 15
+    "rank": 17
   },
   {
     "title": "如何构建可控,可靠,可扩展的 PWA 应用",
@@ -141,25 +159,16 @@
     "author": "JerryC",
     "home_url": "https://segmentfault.com/u/jerryc",
     "votes": "14",
-    "rank": 16
+    "rank": 18
   },
   {
-    "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
-    "description": "今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...",
-    "url": "https://segmentfault.com/a/1190000041761117",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "title": "React官方团队出手，补齐原生Hook短板",
+    "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
+    "url": "https://segmentfault.com/a/1190000041798153",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "13",
-    "rank": 17
-  },
-  {
-    "title": "我做了一个在线白板！！！",
-    "description": "相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...",
-    "url": "https://segmentfault.com/a/1190000041769612",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "12",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "🔥 2022 前端性能优化最佳实践",
@@ -168,15 +177,6 @@
     "author": "佩奇烹饪家",
     "home_url": "https://segmentfault.com/u/cloudyttt",
     "votes": "14",
-    "rank": 19
-  },
-  {
-    "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
   },
   {
@@ -185,27 +185,9 @@
     "url": "https://segmentfault.com/a/1190000041734354",
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "17",
+    "votes": "18",
     "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招聘季有奖征文活动如约开奖啦~废话不多说，我们直接来揭晓获奖名单吧~🌟获奖名单...",
@@ -213,25 +195,7 @@
     "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
-  },
-  {
-    "title": "从源码里的一个注释，我追溯到了12年前，有点意思。",
-    "description": "你好呀，我是歪歪。那天我正在用键盘疯狂的输出：突然微信弹出一个消息，是一个读者发给我的。我点开一看：啊，这熟悉的味道，一看就是 HashMap，八股文梦开始的地方啊。但是他问出的问题，似乎又不是一个属于 Ha...",
-    "url": "https://segmentfault.com/a/1190000041718955",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "17",
-    "rank": 26
+    "rank": 22
   },
   {
     "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
@@ -240,7 +204,16 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "10",
-    "rank": 27
+    "rank": 23
+  },
+  {
+    "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
+    "description": "CSS 阴影的存在，让物体看上去更加有型立体。然而，在最简单的阴影使用之上，我们可以实现更多有意思且更加立体的阴影效果。本文将带大家看看如何使用 CSS 实现几类比普通阴影更加立体的阴影效果。CSS 阴影基础CS...",
+    "url": "https://segmentfault.com/a/1190000041771296",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "12",
+    "rank": 24
   },
   {
     "title": "这些CSS提效技巧，你需要知道！",
@@ -249,7 +222,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 28
+    "rank": 25
   },
   {
     "title": "提高前端人效率的工具、网站和书籍",
@@ -258,7 +231,7 @@
     "author": "playboy5566",
     "home_url": "https://segmentfault.com/u/playboy5566",
     "votes": "11",
-    "rank": 29
+    "rank": 26
   },
   {
     "title": "CSS 实现树状结构目录",
@@ -266,7 +239,34 @@
     "url": "https://segmentfault.com/a/1190000041815758",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "8",
+    "votes": "10",
+    "rank": 27
+  },
+  {
+    "title": "实现聚焦效果",
+    "description": "这是之前朋友问我的一个功能：他觉得看网页有时候注意力会被转移，希望可以有个蒙层帮助他集中注意力反手我就用 box-shadow 把功能写了出来。 {代码...} 因为 z-index 无法超过非 static 层级导致的 bug在我测试...",
+    "url": "https://segmentfault.com/a/1190000041804137",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "13",
+    "rank": 28
+  },
+  {
+    "title": "使用 CSS 绘制带有动画效果的 React Logo",
+    "description": "原本想着是不是写“用一个 div 绘制 React Logo”，最后想想，就算用一个 div 实现了，那么对于后面可能要添加的效果就会有很大的局限性，于是就放弃了这样的标题。至于 HTML 结构中，div 的使用也不是很多，就下面...",
+    "url": "https://segmentfault.com/a/1190000041767393",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "7",
+    "rank": 29
+  },
+  {
+    "title": "5 分钟教你快速掌握 GitHub Actions 自动发布 Npm 包和网站",
+    "description": "自从 GitHub 宣布 GitHub Actions 在平台上对所有开发人员和存储库可用以来，GitHub Actions 越来越受欢迎。很多第三方平台在生态系统中有速度等限制，将进一步推动开发人员将他们的软件自动化迁移到 GitHub Acti...",
+    "url": "https://segmentfault.com/a/1190000041753907",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "4",
     "rank": 30
   }
 ]