@wcj/github-rank 22.5.8 → 22.5.9

package/dist/sifou-daily.json

@@ -1,236 +1,29 @@
 [
   {
-    "title": "CSS 中的简写到底有多少坑？以后不敢了...",
-    "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
-    "url": "https://segmentfault.com/a/1190000041804988",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "3",
-    "rank": 1
-  },
-  {
-    "title": "28个Javascript数组方法，开发者的小抄",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041747864",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
-    "rank": 2
-  },
-  {
-    "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
-    "description": "但是最近公司内碰到的这一个bug，这个bug初看很简单，但是非常妖孽，在一段时间内我甚至是百思不得其解。在长达几天的时间内，复现的概率非常低。几乎难以抓住任何踪迹。",
-    "url": "https://segmentfault.com/a/1190000041806654",
-    "author": "铂赛东",
-    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "2",
-    "rank": 3
-  },
-  {
-    "title": "Node.js 创始人：Javascript 容器是简化服务器抽象的“先驱”践行者",
-    "description": "近日，Node.js 创始人 Ryan Dahl 在社区以“JavaScript Containers”为题发文谈论了自己对 Javascript 容器的看法 —— Javascript 是通用脚本语言的“未来”，而 Javascript 容器则是简化服务器抽象的“先驱”践行者。",
-    "url": "https://segmentfault.com/a/1190000041806754",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
-    "rank": 4
-  },
-  {
-    "title": "分布式日志存储架构代码实践",
-    "description": "上一篇，我们针对分布式日志存储方案设计做了一个理论上的分析与总结，文章地址。本文我们将结合其中的一种方案进行实战代码的演示。另外一种方案，将在下一篇文章进行分享，此篇文章分享的是MongoDB架构模式。在...",
-    "url": "https://segmentfault.com/a/1190000041811176",
-    "author": "7small7",
-    "home_url": "https://segmentfault.com/u/7small7",
+    "title": "前端周刊第十八期",
+    "description": "前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。 <span style=\"color:red;\">如果外链不能访问，关注公众号前端每周...",
+    "url": "https://segmentfault.com/a/1190000041813457",
+    "author": "四六十",
+    "home_url": "https://segmentfault.com/u/keven",
     "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "javascript正则表达式",
-    "description": "有一点要注意，字面量声明是在//里面声明，而构造函数声明传进去的参数是字符串，所有遇到一些\\n这样转义字符，需要双重转义，变成\\\\n，下面列出了一些例子：",
-    "url": "https://segmentfault.com/a/1190000041808831",
-    "author": "美丽又漂亮的前端",
-    "home_url": "https://segmentfault.com/u/meiliqianduan",
-    "votes": "2",
-    "rank": 6
-  },
-  {
-    "title": "印刷工、程序员与模型",
-    "description": "The Body of B. Franklin, Printer, Like the Cover of an old Book, Its Contents torn out, And stript of its Lettering & Gilding, Lies here, Food for Worms. But the Work shall not be lost: For it will...",
-    "url": "https://segmentfault.com/a/1190000041806923",
-    "author": "innate",
-    "home_url": "https://segmentfault.com/u/innate",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "ApiPost简单介绍",
-    "description": "各位好久不见了，这次就不聊人文了，来给大家安利一个完全可以替代postman的软件，没错，他就是ApiPost，目前本人已经脱离postman转战ApiPost了。",
-    "url": "https://segmentfault.com/a/1190000041805876",
-    "author": "玩足球的煎饼",
-    "home_url": "https://segmentfault.com/u/wanzuqiudejianbing",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "谈谈ApiPost初使用",
-    "description": "学习工具，多多益善。今天看一下APIPOST这款文档、调试、Mock测试一体化测试工具号称：ApiPost = 接口调试+接口文档快速生成+接口文档规范化管理+Mock API+接口流程测试。登录之后使用效果更佳，没登陆它要一直提...",
-    "url": "https://segmentfault.com/a/1190000041805728",
-    "author": "玩足球的煎饼",
-    "home_url": "https://segmentfault.com/u/wanzuqiudejianbing",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "apipost 接口测试参数化",
-    "description": "例：你可以配置线上或者线下环境的变量值。在URL中引用方式变量名。线上环境：host 对应 郑州商帮网络科技有限公司官网-郑州商帮网络科技有限公司旗下网站请求URL：https://{{host}}/get.php 对应 [链接]",
-    "url": "https://segmentfault.com/a/1190000041805652",
-    "author": "玩足球的煎饼",
-    "home_url": "https://segmentfault.com/u/wanzuqiudejianbing",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "apipost 如何使用参数描述库",
-    "description": "填写参数描述是我们最烦恼的一件事情，尤其对于很多接口来说，往往具有大量相同名称、相同意义的参数，假如每次都需要手动录入，将会是一件非常耗时、低效的事情。我们可以通过参数描述库解决这个问题。",
-    "url": "https://segmentfault.com/a/1190000041805574",
-    "author": "玩足球的煎饼",
-    "home_url": "https://segmentfault.com/u/wanzuqiudejianbing",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "如何快速方便的生成好看的接口文档？",
-    "description": "一键生成文档我们在“2分钟玩转APIPOST”一讲中，简单介绍了如何生成并分享接口文档：点击分享文档复制并打开文档地址就可以看到了完整的接口文档。本节课主要是讲解一些需要注意的事项。请求参数的描述填写对于hea...",
-    "url": "https://segmentfault.com/a/1190000041805534",
-    "author": "玩足球的煎饼",
-    "home_url": "https://segmentfault.com/u/wanzuqiudejianbing",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "Go 临界资源的安全问题（引入同步异步处理）",
-    "description": "经典的售票问题，好多个窗口同时售票的门票的数量就是一个典型的临界资源安全问题，下面用4个协程模拟一下售票过程：",
-    "url": "https://segmentfault.com/a/1190000041810629",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "Linux 中的 JQ 命令使用实例",
-    "description": "JSON 是一种数据表示格式，用于在应用程序的不同层之间存储和传输数据；它将数据存储在键：值对中。在文章中，我们将学习使用 JQ 命令在shell 中操作和处理 JSON 数据。如何安装JQ命令在Centos8中使用下面命令安...",
-    "url": "https://segmentfault.com/a/1190000041809945",
-    "author": "刘遄",
-    "home_url": "https://segmentfault.com/u/linuxprobe",
-    "votes": "1",
-    "rank": 14
+    "rank": 1
   },
   {
-    "title": "如何入门产品的功能设计？《简约至上》读书笔记",
-    "description": "引言原文链接：[链接]谢邀，人在飞机，刚下海上。《简约至上：交互式设计四策略》是最近读的一本指导产品设计的书，它对我的产品设计方法带来了很大的改变。书中不仅有设计思维方面的内容，还有执行层面的方法论...",
-    "url": "https://segmentfault.com/a/1190000041806705",
-    "author": "且徐行",
-    "home_url": "https://segmentfault.com/u/qiexuxing_614696702a18f",
+    "title": "Gitlab修复记",
+    "description": "他说：是啊，原先确实很好用，也不知道怎么了，最近这段时间就是不好用了，你说彻底不能用吧，也不是，偶尔也能用，但总要重试那么好几次，有时候甚至十几次才能用。",
+    "url": "https://segmentfault.com/a/1190000041813290",
+    "author": "张京",
+    "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "1",
-    "rank": 15
+    "rank": 2
   },
   {
-    "title": "【面试普通人VS高手系列】为什么要使用Spring 框架？",
-    "description": "一个工作了4年的小伙伴，他说他从线下培训就开始接触Spring，到现在已经快5年时间了。从来没有想过，为什么要使用Spring 框架。结果在面试的时候，竟然遇到一个这样的问题。大脑一时间短路了，来求助我，这类问题...",
-    "url": "https://segmentfault.com/a/1190000041806649",
+    "title": "【面试普通人VS高手系列】Spring中事务的传播行为有哪些？",
+    "description": "一个工作了2年的粉丝，私信了一个比较简单的问题。说： “Spring中事务的传播行为有哪些？”他说他能记得一些，但是在项目中基本上不需要配置，所以一下就忘记了。结果导致面试被拒绝，有点遗憾！ok，关于这个问题...",
+    "url": "https://segmentfault.com/a/1190000041812678",
     "author": "跟着Mic学架构",
     "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "智能时代，该如何选择智能生态系统，homekit还是homeassistant？",
-    "description": "也许在很多人脑海里，智能家居只不过是一个词汇罢了，经常在网上看到这个词，也只不过是一闪而过，没有进行深入的了解。比如我用了这么久的iPhone手机，什么Apple HomeKit、Apple HomePod，在手机里经常看到，但...",
-    "url": "https://segmentfault.com/a/1190000041806602",
-    "author": "爱科技的怡宝",
-    "home_url": "https://segmentfault.com/u/shiwangdelianou",
-    "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "官宣｜Apache Flink 1.15 发布公告",
-    "description": "Apache Flink，作为 Apache 社区最活跃的项目之一[1]，一直秉承积极开放的态度不断进行技术深耕。在此我们很荣幸的发布 Flink 1.15 版本，并和大家分享这个版本令人振奋的一些功能和改进！",
-    "url": "https://segmentfault.com/a/1190000041806039",
-    "author": "ApacheFlink",
-    "home_url": "https://segmentfault.com/u/ververica",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "title": "区块链的跨链技术介绍完整版",
-    "description": "自十三年前比特币诞生以来，现已开发了数百种竞赛币，具有各种新的优势和功用。可是，比特币的统治位置依然存在，而许多重复的竞赛硬币则湮没在前史中。尽管比特币有许多缺点和局限性，但它是最去中心化、最涣散...",
-    "url": "https://segmentfault.com/a/1190000041805970",
-    "author": "v18025329335",
-    "home_url": "https://segmentfault.com/u/xiaozhang_626a49fc32a35",
-    "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "闲置计费 | Serverless 冷启动与成本间的最优解",
-    "description": "小王是一名程序员，公司的应用是跑在自建机房的服务器上，所有的底层服务和运维都需要自己亲自下手来做，每次升级、机器扩容都带来比较大的运维压力，同时为了能及时扩容堆了不少闲置的机器，机器成本一直比较高...",
-    "url": "https://segmentfault.com/a/1190000041805916",
-    "author": "阿里云开发者",
-    "home_url": "https://segmentfault.com/u/alijishu",
-    "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "微服务从代码到k8s部署应有尽有系列（十三、服务监控）",
-    "description": "整个项目使用了go-zero开发的微服务，基本包含了go-zero以及相关go-zero作者开发的一些中间件，所用到的技术栈基本是go-zero项目组的自研组件，基本是go-zero全家桶了。",
-    "url": "https://segmentfault.com/a/1190000041805576",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "1",
-    "rank": 21
-  },
-  {
-    "title": "加密访问资源方法总结",
-    "description": "根据如上就可以实现资源机密访问，最总实现效果如下(站点域名为：www.test.com)-- 例如资源真实地址为：/upload/test.jpg-- 访问 www.test.com/upload/test.jpg 失败-- 访问 www.test.com/test.jpg 失败-- 访问 w...",
-    "url": "https://segmentfault.com/a/1190000041805394",
-    "author": "huaweichenai",
-    "home_url": "https://segmentfault.com/u/huaweichenai",
-    "votes": "1",
-    "rank": 22
-  },
-  {
-    "title": "HMS Core地理围栏能力助你实现指定范围人群的精准消息推送",
-    "description": "精准推送是移动端产品留存阶段的主要运营手段，精准推送常常会与用户画像紧密结合，针对用户的喜好、画像，采用不同策略，但基于用户所属区域推送消息却很难实现。目前市面上大多数第三方消息推送服务商，在系统...",
-    "url": "https://segmentfault.com/a/1190000041805259",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
-    "rank": 23
-  },
-  {
-    "title": "2022年了，该学会用VSCode debug了",
-    "description": "前言VSCode作为目前使用人数最多的IDE，在前端开发者中也是十分受欢迎的。它免费、开源、还具备许多强大的功能，例如智能提示、插件商店、集成Git等等，但除此之外还有一个被许多开发者忽略的功能——运行和调试（R...",
-    "url": "https://segmentfault.com/a/1190000041809448",
-    "author": "数据先声",
-    "home_url": "https://segmentfault.com/u/hfr8e1fd",
-    "votes": "1",
-    "rank": 24
-  },
-  {
-    "title": "Node.js 中的进程和线程",
-    "description": "进程（Process），进程是计算机中的程序关于某数据集合上的一次运行活动，是系统进行资源分配和调度的基本单位，是操作系统结构的基础，进程是线程的容器。",
-    "url": "https://segmentfault.com/a/1190000041807254",
-    "author": "袋鼠云数栈UED",
-    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
-    "votes": "2",
-    "rank": 25
-  },
-  {
-    "title": "Android 13 将限制应用侧载权限，从而提高用户隐私安全",
-    "description": "继去年苹果公司 CEO 库克在 DealBook 峰会上表示“如果想要侧载 APP，请去购买安卓手机”后，近日，有消息称从 Android 13 开始，Google 将不允许侧载 APP 使用Accessibility API。",
-    "url": "https://segmentfault.com/a/1190000041806640",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "1",
-    "rank": 26
+    "rank": 3
   }
 ]

package/dist/sifou-monthly.json

@@ -14,17 +14,26 @@
     "url": "https://segmentfault.com/a/1190000041790775",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "34",
+    "votes": "35",
     "rank": 2
   },
+  {
+    "title": "10",
+    "description": "各位 SegmentFault 思否社区的小伙伴们，相信大家已经从多个渠道了解到 SegmentFault 将加入 ONES 的消息。而今年正好也是 SegmentFault 社区创立的 10 周年，有趣的是 “10” 这个数字不论在十进制还是计算机世界...",
+    "url": "https://segmentfault.com/a/1190000041790801",
+    "author": "joyqi",
+    "home_url": "https://segmentfault.com/u/joyqi",
+    "votes": "46",
+    "rank": 3
+  },
   {
     "title": "JS阻塞渲染，这么多年我理解错啦？",
     "description": "大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案...",
     "url": "https://segmentfault.com/a/1190000041729574",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "39",
-    "rank": 3
+    "votes": "12",
+    "rank": 4
   },
   {
     "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
@@ -33,26 +42,8 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "43",
-    "rank": 4
-  },
-  {
-    "title": "10",
-    "description": "各位 SegmentFault 思否社区的小伙伴们，相信大家已经从多个渠道了解到 SegmentFault 将加入 ONES 的消息。而今年正好也是 SegmentFault 社区创立的 10 周年，有趣的是 “10” 这个数字不论在十进制还是计算机世界...",
-    "url": "https://segmentfault.com/a/1190000041790801",
-    "author": "joyqi",
-    "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "43",
     "rank": 5
   },
-  {
-    "title": "巧用 background-clip 实现超强的文字动效",
-    "description": "最近，有同学询问，如何使用 CSS 实现如下效果：看起来是个很有意思的动效。仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。有意思的 background-clip: textbackground-...",
-    "url": "https://segmentfault.com/a/1190000041666096",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "39",
-    "rank": 6
-  },
   {
     "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
     "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
@@ -60,7 +51,7 @@
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
     "votes": "30",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
@@ -69,7 +60,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "20",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？",
@@ -78,16 +69,7 @@
     "author": "獨釣寒江雪",
     "home_url": "https://segmentfault.com/u/king_hcj",
     "votes": "26",
-    "rank": 9
-  },
-  {
-    "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
-    "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
-    "url": "https://segmentfault.com/a/1190000041668070",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "24",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "现代 CSS 解决方案：Modern CSS Reset",
@@ -96,7 +78,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "24",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "40行代码实现React核心Diff算法",
@@ -105,7 +87,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "以B端平台设计，理解尼尔森10大可用性原则",
@@ -114,7 +96,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "20",
-    "rank": 13
+    "rank": 11
   },
   {
     "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
@@ -123,7 +105,7 @@
     "author": "恪晨",
     "home_url": "https://segmentfault.com/u/bo_wang_code",
     "votes": "17",
-    "rank": 14
+    "rank": 12
   },
   {
     "title": "2022 PHP程序员修炼秘籍",
@@ -132,7 +114,16 @@
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
     "votes": "16",
-    "rank": 15
+    "rank": 13
+  },
+  {
+    "title": "CSS 中的简写到底有多少坑？以后不敢了...",
+    "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
+    "url": "https://segmentfault.com/a/1190000041804988",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "4",
+    "rank": 14
   },
   {
     "title": "我做了一个在线白板！！！",
@@ -140,8 +131,8 @@
     "url": "https://segmentfault.com/a/1190000041769612",
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "8",
-    "rank": 16
+    "votes": "10",
+    "rank": 15
   },
   {
     "title": "CSS 实现切角效果",
@@ -150,7 +141,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "13",
-    "rank": 17
+    "rank": 16
   },
   {
     "title": "招聘季征文活动获奖名单公布，快来领奖~",
@@ -159,7 +150,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "10",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "🔥 2022 前端性能优化最佳实践",
@@ -168,7 +159,7 @@
     "author": "佩奇烹饪家",
     "home_url": "https://segmentfault.com/u/cloudyttt",
     "votes": "6",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "图说前端-送给您百张前端技术图谱",
@@ -177,7 +168,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
@@ -186,8 +177,26 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "11",
+    "rank": 20
+  },
+  {
+    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
+    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
+    "url": "https://segmentfault.com/a/1190000041754709",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "14",
     "rank": 21
   },
+  {
+    "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": "6",
+    "rank": 22
+  },
   {
     "title": "这些CSS提效技巧，你需要知道！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -195,15 +204,6 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "6",
-    "rank": 22
-  },
-  {
-    "title": "仅用一个HTML标签，实现带动画的抖音LOGO",
-    "description": "大家好，我是零一，今天给大家表演 仅用一个HTML标签实现带动画的抖音LOGO，涉及了很多知识点，欢迎交流讨论先上结果，最终实现效果如下：还原度应该还可以吧？抖音Logo结构想要用CSS来画抖音的Logo，前提要先了...",
-    "url": "https://segmentfault.com/a/1190000041754709",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "14",
     "rank": 23
   },
   {
@@ -225,23 +225,14 @@
     "rank": 25
   },
   {
-    "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": "11",
+    "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
+    "description": "当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...",
+    "url": "https://segmentfault.com/a/1190000041794241",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "9",
     "rank": 26
   },
-  {
-    "title": "10个有用的自定义钩子vue.js",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041598901",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
-    "rank": 27
-  },
   {
     "title": "提高前端人效率的工具、网站和书籍",
     "description": "提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...",
@@ -249,7 +240,7 @@
     "author": "playboy5566",
     "home_url": "https://segmentfault.com/u/playboy5566",
     "votes": "8",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "浅谈支付系统开发基本流程",
@@ -257,8 +248,8 @@
     "url": "https://segmentfault.com/a/1190000041781215",
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "13",
-    "rank": 29
+    "votes": "7",
+    "rank": 28
   },
   {
     "title": "精读《不再需要 JS 做的 5 件事》",
@@ -267,6 +258,15 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "8",
+    "rank": 29
+  },
+  {
+    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
+    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
+    "url": "https://segmentfault.com/a/1190000041686261",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "13",
     "rank": 30
   }
 ]