@wcj/github-rank 22.5.5 → 22.5.9

package/dist/sifou-daily.json

@@ -1,38 +1,29 @@
 [
   {
-    "title": "SegmentFault 思否加入 ONES",
-    "description": "ONES 成立于 2015 年，是国内领先的企业级研发管理解决方案提供商。2021 年，ONES 连续完成 3 轮总计近 1 亿美元融资，是国内研发管理领域累计融资金额最多、历史融资速度最快的公司。",
-    "url": "https://segmentfault.com/a/1190000041790775",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "3",
+    "title": "前端周刊第十八期",
+    "description": "前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。 <span style=\"color:red;\">如果外链不能访问，关注公众号前端每周...",
+    "url": "https://segmentfault.com/a/1190000041813457",
+    "author": "四六十",
+    "home_url": "https://segmentfault.com/u/keven",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "windows部署的WGCLOUD如何隐藏窗口运行和开机自动启动",
-    "description": "1、agent如何注册为windows系统服务（实现开机启动和隐藏窗口运行）[链接]2、server如何注册为windows系统服务[链接]",
-    "url": "https://segmentfault.com/a/1190000041788672",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "title": "Gitlab修复记",
+    "description": "他说：是啊，原先确实很好用，也不知道怎么了，最近这段时间就是不好用了，你说彻底不能用吧，也不是，偶尔也能用，但总要重试那么好几次，有时候甚至十几次才能用。",
+    "url": "https://segmentfault.com/a/1190000041813290",
+    "author": "张京",
+    "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "海外电商支付网关避坑指南",
-    "description": "上一篇我大致描述了支付系统开发的基本流程，但相比之下，国内的流程虽然大同小异，但必要步骤还是完整的，技术水平比较高，但相比之下，对接海外的三方支付就没有我们想象的那么通畅了。",
-    "url": "https://segmentfault.com/a/1190000041789752",
-    "author": "CrazyCodes",
-    "home_url": "https://segmentfault.com/u/crazycodes",
+    "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": 3
-  },
-  {
-    "title": "VictoriaMetrics集群原理",
-    "description": "VictoriaMetrics是一个快速、高效和可扩展的时序数据库，可作为prometheus的长期存储(long-term storage)。",
-    "url": "https://segmentfault.com/a/1190000041789939",
-    "author": "a朋",
-    "home_url": "https://segmentfault.com/u/apeng_613076cf5897b",
-    "votes": "1",
-    "rank": 4
   }
 ]

package/dist/sifou-monthly.json

@@ -1,29 +1,29 @@
 [
-  {
-    "title": "还在使用定时器吗？CSS 也能实现电子时钟",
-    "description": "欢迎关注我的公众号：前端侦探通常要做一个时钟，肯定离不开 JS 定时器。今天换一种思路，用 CSS 来实现一个时钟，如下：你也可以访问这个CSS time (codepen.io)查看实际效果当然借用了一点点 JS 用于初始化时间...",
-    "url": "https://segmentfault.com/a/1190000041661094",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "46",
-    "rank": 1
-  },
   {
     "title": "分享 15 个 Vue3 全家桶开发的避坑经验",
     "description": "最近入门 Vue3 并完成 3 个项目，遇到问题蛮多的，今天就花点时间整理一下，和大家分享 15 个比较常见的问题，基本都贴出对应文档地址，还请多看文档~已经完成的 3 个项目基本都是使用 Vue3 (setup-script 模式)...",
     "url": "https://segmentfault.com/a/1190000041679573",
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "48",
+    "votes": "51",
+    "rank": 1
+  },
+  {
+    "title": "SegmentFault 思否加入 ONES",
+    "description": "ONES 成立于 2015 年，是国内领先的企业级研发管理解决方案提供商。2021 年，ONES 连续完成 3 轮总计近 1 亿美元融资，是国内研发管理领域累计融资金额最多、历史融资速度最快的公司。",
+    "url": "https://segmentfault.com/a/1190000041790775",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "35",
     "rank": 2
   },
   {
-    "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
-    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...",
-    "url": "https://segmentfault.com/a/1190000041683548",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "42",
+    "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
   },
   {
@@ -32,18 +32,27 @@
     "url": "https://segmentfault.com/a/1190000041729574",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "11",
+    "votes": "12",
     "rank": 4
   },
   {
-    "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": "38",
+    "title": "11+ chrome高级调试技巧，学会效率直接提升666%",
+    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1...",
+    "url": "https://segmentfault.com/a/1190000041683548",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "43",
     "rank": 5
   },
+  {
+    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
+    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
+    "url": "https://segmentfault.com/a/1190000041728567",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "30",
+    "rank": 6
+  },
   {
     "title": "Amazing！巧用 CSS 视差实现酷炫交互动效",
     "description": "本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以...",
@@ -51,15 +60,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "20",
-    "rank": 6
-  },
-  {
-    "title": "10个我经常逛的“小网站”，嘿嘿嘿！！！",
-    "description": "你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。",
-    "url": "https://segmentfault.com/a/1190000041728567",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "18",
     "rank": 7
   },
   {
@@ -71,23 +71,14 @@
     "votes": "26",
     "rank": 8
   },
-  {
-    "title": "Koa2 搭建信令服务器，JS 也能搞定视频通话！",
-    "description": "在实际应用场景中，信令服务器的本质就是一台 WeSocket 服务器，两个客户端必须与这个服务器建立 WeSocket 连接，才能互相发送消息。",
-    "url": "https://segmentfault.com/a/1190000041668070",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "24",
-    "rank": 9
-  },
   {
     "title": "现代 CSS 解决方案：Modern CSS Reset",
     "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
     "url": "https://segmentfault.com/a/1190000041700998",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
-    "rank": 10
+    "votes": "24",
+    "rank": 9
   },
   {
     "title": "40行代码实现React核心Diff算法",
@@ -95,8 +86,8 @@
     "url": "https://segmentfault.com/a/1190000041706515",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "11",
-    "rank": 11
+    "votes": "14",
+    "rank": 10
   },
   {
     "title": "以B端平台设计，理解尼尔森10大可用性原则",
@@ -104,17 +95,8 @@
     "url": "https://segmentfault.com/a/1190000041725043",
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "19",
-    "rank": 12
-  },
-  {
-    "title": "CSS 实现切角效果",
-    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
-    "url": "https://segmentfault.com/a/1190000041715976",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
-    "rank": 13
+    "votes": "20",
+    "rank": 11
   },
   {
     "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
@@ -122,51 +104,69 @@
     "url": "https://segmentfault.com/a/1190000041693503",
     "author": "恪晨",
     "home_url": "https://segmentfault.com/u/bo_wang_code",
+    "votes": "17",
+    "rank": 12
+  },
+  {
+    "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": "16",
+    "rank": 13
+  },
+  {
+    "title": "CSS 中的简写到底有多少坑？以后不敢了...",
+    "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
+    "url": "https://segmentfault.com/a/1190000041804988",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "4",
     "rank": 14
   },
   {
-    "title": "图说前端-送给您百张前端技术图谱",
-    "description": "TNTWeb - 全称腾讯新闻前端团队，组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施...",
-    "url": "https://segmentfault.com/a/1190000041707644",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "14",
+    "title": "我做了一个在线白板！！！",
+    "description": "相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...",
+    "url": "https://segmentfault.com/a/1190000041769612",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "10",
     "rank": 15
   },
   {
-    "title": "一些关于react的keep-alive功能相关知识在这里(上)",
-    "description": "这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...",
-    "url": "https://segmentfault.com/a/1190000041683300",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "15",
+    "title": "CSS 实现切角效果",
+    "description": "欢迎关注我的公众号：前端侦探最近项目中看到这样的一个切角效果，如下所示就是一个正常的矩形，然后被“切”了一块，而且是沿着右上角切的。那么，这种布局如何实现呢？一、自适应方式这种布局一般有两种自适应方...",
+    "url": "https://segmentfault.com/a/1190000041715976",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "13",
     "rank": 16
   },
+  {
+    "title": "招聘季征文活动获奖名单公布，快来领奖~",
+    "description": "由于疫情原因，快递暂时无法发出，快递可以发出的时候，会尽快给中奖的小伙伴邮寄哒，大家耐心等待哈~哈喽各位社区的小伙伴！2022招聘季有奖征文活动如约开奖啦~废话不多说，我们直接来揭晓获奖名单吧~🌟获奖名单...",
+    "url": "https://segmentfault.com/a/1190000041757846",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "10",
+    "rank": 17
+  },
   {
     "title": "🔥 2022 前端性能优化最佳实践",
     "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
     "url": "https://segmentfault.com/a/1190000041753539",
     "author": "佩奇烹饪家",
     "home_url": "https://segmentfault.com/u/cloudyttt",
-    "votes": "5",
-    "rank": 17
-  },
-  {
-    "title": "我做了一个在线白板！！！",
-    "description": "相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...",
-    "url": "https://segmentfault.com/a/1190000041769612",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "7",
+    "votes": "6",
     "rank": 18
   },
   {
-    "title": "一些关于react的keep-alive功能相关知识在这里(下)",
-    "description": "比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。",
-    "url": "https://segmentfault.com/a/1190000041683421",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
+    "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": 19
   },
@@ -176,97 +176,97 @@
     "url": "https://segmentfault.com/a/1190000041761117",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "9",
+    "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": "11",
-    "rank": 21
+    "votes": "6",
+    "rank": 22
   },
   {
-    "title": "10个有用的自定义钩子vue.js",
+    "title": "这些CSS提效技巧，你需要知道！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041598901",
+    "url": "https://segmentfault.com/a/1190000041711730",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
-    "rank": 22
-  },
-  {
-    "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": "12",
+    "votes": "6",
     "rank": 23
   },
   {
-    "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
-    "description": "在Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？中我们说到可以使用布隆过滤器避免「缓存穿透」。码哥，布隆过滤器还能在哪些场景使用呀？比如我们使用「码哥跳动」开发的「明日头条」APP 看新闻，如何...",
-    "url": "https://segmentfault.com/a/1190000041686261",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "13",
+    "title": "一些关于react的keep-alive功能相关知识在这里(上)",
+    "description": "这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...",
+    "url": "https://segmentfault.com/a/1190000041683300",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "15",
     "rank": 24
   },
   {
-    "title": "javaScript 内存管理机制",
-    "description": "大家好，今天分享的主题为 JavaScript 内存管理机制，本次分享将从以下三部分进行讲述：js 内存管理与 js 垃圾常见的 GC 算法V8 引擎的垃圾回收js 内存管理与 js 垃圾关于 JavaScript 内存管理机制，相信大家都有...",
-    "url": "https://segmentfault.com/a/1190000041701063",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "11",
+    "title": "一些关于react的keep-alive功能相关知识在这里(下)",
+    "description": "比如页面上的table里有100条数据, 我们想看第100条数据, 那就要滚动不少距离, 不少场景这种滚动距离也是有必要保留的。",
+    "url": "https://segmentfault.com/a/1190000041683421",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "13",
     "rank": 25
   },
   {
-    "title": "初级程序员的SQL拾遗（增删改查）",
-    "description": "虽然平时开发中经常接触MySQL，但大多数的数据库操作都是通过ORM实现的（SpringDataJPA），自己并没有从底层接触SQL。再加上笔者非专业的身份，对于原生的SQL语句几乎完全不了解。本文是写给自己的，关于原生SQL...",
-    "url": "https://segmentfault.com/a/1190000041753021",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "10",
+    "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
+    "description": "当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...",
+    "url": "https://segmentfault.com/a/1190000041794241",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "9",
     "rank": 26
   },
   {
-    "title": "5个一定要学会的JavaScript新特性",
-    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言JavaScript在不断地升级迭代，越来越多的新特性让我们的代码写起来变得简洁有趣，这篇文章会介绍5个新特性，一起研究一下把。1.# 使用\"Object.hasOwn\"替...",
-    "url": "https://segmentfault.com/a/1190000041694411",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "13",
+    "title": "提高前端人效率的工具、网站和书籍",
+    "description": "提高前端人效率的工具、网站和书籍在线编译（编辑）、playgroundJS 代码混淆www.jsfuck.com/嗯，优点是你可以用来给你的前端工程师好友搞恶作剧，缺点是只能用一次SCSS 转 CSS 在线编译www.sassmeister.com/有时...",
+    "url": "https://segmentfault.com/a/1190000041763788",
+    "author": "playboy5566",
+    "home_url": "https://segmentfault.com/u/playboy5566",
+    "votes": "8",
     "rank": 27
   },
   {
-    "title": "搞懂 TypeScript 中的映射类型（Mapped Types）",
-    "description": "本文会和大家详细介绍 TypeScript 中的映射类型（Mapped Type），看完本文你将学到以下知识点：数学中的映射和 TS 中的映射类型的关系；TS 中映射类型的应用；TS 中映射类型修饰符的应用；接下来会先从「数学中的...",
-    "url": "https://segmentfault.com/a/1190000041715281",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "9",
+    "title": "浅谈支付系统开发基本流程",
+    "description": "前言Hi，各位好久不见，我是CrazyCodes，今天我们来聊聊支付系统。支付系统是每个系统都必备的模块之一，也是众多模块中最核心的功能，如果支付出现问题，那么意味着会直接影响到产品收益，事故严重程度高。本篇...",
+    "url": "https://segmentfault.com/a/1190000041781215",
+    "author": "CrazyCodes",
+    "home_url": "https://segmentfault.com/u/crazycodes",
+    "votes": "7",
     "rank": 28
   },
   {
-    "title": "2022 招聘季 ｜ 面试了一个月，我经历了什么",
-    "description": "Hello， 大家好，我是程序员海军，又到了金三银四的招聘季。 本篇文章总结了我去年面试中遇到的坑，以及身边人遇到的面试坑，经过总结分析才出了此篇文章， 送给 金三银四 找工作的你，找工作运气很重要，时机更...",
-    "url": "https://segmentfault.com/a/1190000041658543",
-    "author": "程序员海军",
-    "home_url": "https://segmentfault.com/u/haijun_5e7e16c909f52",
-    "votes": "11",
+    "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": "8",
     "rank": 29
   },
   {
-    "title": "从源码里的一个注释，我追溯到了12年前，有点意思。",
-    "description": "你好呀，我是歪歪。那天我正在用键盘疯狂的输出：突然微信弹出一个消息，是一个读者发给我的。我点开一看：啊，这熟悉的味道，一看就是 HashMap，八股文梦开始的地方啊。但是他问出的问题，似乎又不是一个属于 Ha...",
-    "url": "https://segmentfault.com/a/1190000041718955",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "2",
+    "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
   }
 ]