@wcj/github-rank 22.6.1 → 22.6.4

package/web/data/sifou-daily.json

@@ -1,110 +1,20 @@
 [
   {
-    "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
-    "description": "JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...",
-    "url": "https://segmentfault.com/a/1190000041921498",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "4",
-    "rank": 1
-  },
-  {
-    "title": "React 发明的 server component 居然和 server-side render不是一个东西",
-    "description": "React 发明的 server component 居然和 server-side render不是一个东西，是用一种JSON数据把页面描述出来，让浏览器渲染的技术。",
-    "url": "https://segmentfault.com/a/1190000041923139",
-    "author": "知心哥哥",
-    "home_url": "https://segmentfault.com/u/loki",
-    "votes": "2",
-    "rank": 2
-  },
-  {
-    "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
-    "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
-    "url": "https://segmentfault.com/a/1190000041921943",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "2",
-    "rank": 3
-  },
-  {
-    "title": "C/C++ 单元自动化测试解决方案实践",
-    "description": "C/C++ 开发效率一直被业内开发人员诟病，单元测试开发效率也是如此，以至于开发人员不愿花时间来写单元测试。那么我们是不是可以通过改善编写单元测试的效率来提升项目的测试用例覆盖率？",
-    "url": "https://segmentfault.com/a/1190000041898671",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "title": "一起学习React18 新特性",
+    "description": "The React 17 release is unusual because it doesn’t add any new developer-facing features. Instead, this release is primarily focused on making it easier to upgrade React itself.",
+    "url": "https://segmentfault.com/a/1190000041936220",
+    "author": "Denzel",
+    "home_url": "https://segmentfault.com/u/denzel",
     "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "Redis的Java客户端比较：绝地武士与生菜",
-    "description": "我是一个真正的探索者，所以当我必须做出技术决定时——比如选择一个 Redis 客户端——我会去探险。这是我对 Java 客户端押韵组合的探索： Jedis 和 Lettuce。",
-    "url": "https://segmentfault.com/a/1190000041922455",
-    "author": "Yujiaao",
-    "home_url": "https://segmentfault.com/u/yujiaao",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "如果做到前后端并行开发？使用云端Mock真的是效率大增！！！",
-    "description": "前言大家好，我是林三心前后端分离回想起几年前那种前后端一体的时代，就有点抓狂，那时候如果一个项目给一人负责还好，要是多人开发，那简直是麻烦上天了（懂的都懂）近几年开始转为前后端分离的开发模式，降低...",
-    "url": "https://segmentfault.com/a/1190000041922305",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": ".NET MAUI 6  正式 GA：一个代码库，多个平台",
-    "description": "“一个代码库，多个平台。现在，超过 500 万 .NET 开发人员拥有面向 Android、iOS、macOS 和 Windows 的一流跨平台 UI 堆栈，以补充 .NET 工具链 (SDK) 和基类库 (BCL)。你可以使用 .NET 构建任何东西。”",
-    "url": "https://segmentfault.com/a/1190000041921103",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "如何用HMS Core位置和地图服务实现附近地点路径规划功能",
-    "description": "日常出行中，路径规划是很重要的部分。用户想要去往某个地点，获取到该地点的所有路径，再根据预估出行时间自行选择合适的路线，极大方便出行。平时生活中也存在大量使用场景，在出行类App中，根据乘客的目的地可...",
-    "url": "https://segmentfault.com/a/1190000041920238",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "线上项目出BUG没法调试？这款阿里开源的诊断神器，自带IDEA插件真香！",
-    "description": "记得之前写过一篇Arthas使用教程 ，通过使用Arthas我们既可以实现线上调试，还可以实现热修复。最近逛了下Arthas的官网，发现它已经支持直接集成到SpringBoot应用中去，并且还出了专用的IDEA插件。今天我们再来体...",
-    "url": "https://segmentfault.com/a/1190000041920077",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "地表最强 Markdown 文本编辑工具——Obsidian",
-    "description": "沈从文先生在给张兆和的情书中，有写道：“我一辈子走过许多地方的路，行过许多地方的桥，看过许多形状的云，喝过许多种类的酒，却只爱过一个正当最好年龄的人”。近十年，写文章或文档，用过非常多基于 Markdown ...",
-    "url": "https://segmentfault.com/a/1190000041923452",
-    "author": "jeffjade",
-    "home_url": "https://segmentfault.com/u/jeffjade",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "11个常用JS小小技巧",
-    "description": "在我们的日常开发过程中，我们经常会遇到数字与字符串转换，检查对象中是否存在对应值，条件性操作对象数据，过滤数组中的错误值，等等这类处理。在这里，整理出了一些常用的小技巧，这些技巧是我比较喜欢的❤️，...",
-    "url": "https://segmentfault.com/a/1190000041923141",
-    "author": "前端荣耀",
-    "home_url": "https://segmentfault.com/u/lengxing",
-    "votes": "1",
-    "rank": 11
+    "rank": 1
   },
   {
-    "title": "有了这个云端Mock功能，你的简历起码提升30分！",
-    "description": "前言大家好，我是林三心我发现一个现象很久了：很多人都喜欢私下自己做一些项目。也就是一些个人的项目，其实我觉得这样挺好处挺多的：1、可以在空闲时间提升自己的技术2、这些个人项目可以写在简历上，为自己加...",
-    "url": "https://segmentfault.com/a/1190000041922209",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "title": "MySQL-排序检索数据",
+    "description": "按某一列排序经过SELECT筛选后的数据，会直接以底层表中出现的顺序显示（收到数据存入的顺序、数据增删更新等影响）SQL由子句构成，有些子句是必须的，有些事可选的。可以使用ORDER BY 子句对SELECT检索出的数据...",
+    "url": "https://segmentfault.com/a/1190000041935959",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
     "votes": "1",
-    "rank": 12
+    "rank": 2
   }
 ]

package/web/data/sifou-monthly.json

@@ -8,24 +8,33 @@
     "votes": "82",
     "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": "41",
-    "rank": 2
-  },
   {
     "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": "45",
+    "votes": "48",
+    "rank": 2
+  },
+  {
+    "title": "为我们的 10 周年喝彩",
+    "description": "10 年前，我和高阳及董锋在北京参加了中国第一届黑客马拉松。以开发者为中心的活动在当时还是个新鲜事物，我们第一次看到了这个群体中所蕴含的巨大能量，以至于它对我们后面的创业决定也产生了巨大的影响。活动结...",
+    "url": "https://segmentfault.com/a/1190000041925065",
+    "author": "joyqi",
+    "home_url": "https://segmentfault.com/u/joyqi",
+    "votes": "40",
     "rank": 3
   },
+  {
+    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
+    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
+    "url": "https://segmentfault.com/a/1190000041881142",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "24",
+    "rank": 4
+  },
   {
     "title": "CSS 中的简写到底有多少坑？以后不敢了...",
     "description": "为什么说是爱恨情仇呢？因为简写给我们带来了很多的便利，但凡事都有好有坏，你不能说简写一点坏处都没有。所以我们就聊聊简写的 \"好\" 和 \"坏\"",
@@ -33,7 +42,7 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "34",
-    "rank": 4
+    "rank": 5
   },
   {
     "title": "为什么前端不能没有监控系统？",
@@ -41,25 +50,16 @@
     "url": "https://segmentfault.com/a/1190000041833326",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "28",
-    "rank": 5
-  },
-  {
-    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
-    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
-    "url": "https://segmentfault.com/a/1190000041881142",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "22",
+    "votes": "29",
     "rank": 6
   },
   {
-    "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
-    "description": "某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...",
-    "url": "https://segmentfault.com/a/1190000041791819",
+    "title": "妙啊！动画还可以这样控制？",
+    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
+    "url": "https://segmentfault.com/a/1190000041887820",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "21",
+    "votes": "25",
     "rank": 7
   },
   {
@@ -68,18 +68,27 @@
     "url": "https://segmentfault.com/a/1190000041806654",
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
-    "votes": "30",
+    "votes": "31",
     "rank": 8
   },
   {
-    "title": "妙啊！动画还可以这样控制？",
-    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
-    "url": "https://segmentfault.com/a/1190000041887820",
+    "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
+    "description": "某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...",
+    "url": "https://segmentfault.com/a/1190000041791819",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "22",
     "rank": 9
   },
+  {
+    "title": "浅谈逻辑选择器 -- 父选择器它来了！",
+    "description": "在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...",
+    "url": "https://segmentfault.com/a/1190000041860587",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "25",
+    "rank": 10
+  },
   {
     "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
     "description": "2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...",
@@ -87,7 +96,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "21",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "8.9W 播放量的 TS 动画版进阶教程合集来了！",
@@ -95,8 +104,17 @@
     "url": "https://segmentfault.com/a/1190000041819579",
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
-    "votes": "24",
-    "rank": 11
+    "votes": "25",
+    "rank": 12
+  },
+  {
+    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
+    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
+    "url": "https://segmentfault.com/a/1190000041925107",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "22",
+    "rank": 13
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
@@ -105,16 +123,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "23",
-    "rank": 12
-  },
-  {
-    "title": "浅谈逻辑选择器 -- 父选择器它来了！",
-    "description": "在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...",
-    "url": "https://segmentfault.com/a/1190000041860587",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "React官方团队出手，补齐原生Hook短板",
@@ -123,7 +132,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "16",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "前端监控的搭建步骤，别再一头雾水了！",
@@ -131,8 +140,8 @@
     "url": "https://segmentfault.com/a/1190000041879217",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "18",
-    "rank": 15
+    "votes": "19",
+    "rank": 16
   },
   {
     "title": "CSS 穿墙术！太强了",
@@ -141,15 +150,6 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "21",
-    "rank": 16
-  },
-  {
-    "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
-    "description": "当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...",
-    "url": "https://segmentfault.com/a/1190000041794241",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "11",
     "rank": 17
   },
   {
@@ -158,9 +158,18 @@
     "url": "https://segmentfault.com/a/1190000041885333",
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "15",
+    "votes": "17",
     "rank": 18
   },
+  {
+    "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
+    "description": "当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...",
+    "url": "https://segmentfault.com/a/1190000041794241",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "11",
+    "rank": 19
+  },
   {
     "title": "如何做新人引导功能？",
     "description": "节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。",
@@ -168,7 +177,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "CSS 实现树状结构目录",
@@ -177,7 +186,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "实现聚焦效果",
@@ -186,7 +195,16 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 21
+    "rank": 22
+  },
+  {
+    "title": "SegmentFault 思否技术周刊 -- 进击的 React",
+    "description": "React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...",
+    "url": "https://segmentfault.com/a/1190000041892645",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "10",
+    "rank": 23
   },
   {
     "title": "python又搞事情 想一统天下？",
@@ -195,7 +213,7 @@
     "author": "我的小熊不见了",
     "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
     "votes": "11",
-    "rank": 22
+    "rank": 24
   },
   {
     "title": "5分钟带你通过Javascript了解人工智能的基本原理",
@@ -204,16 +222,7 @@
     "author": "6666",
     "home_url": "https://segmentfault.com/u/6666",
     "votes": "9",
-    "rank": 23
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 -- 进击的 React",
-    "description": "React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...",
-    "url": "https://segmentfault.com/a/1190000041892645",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "9",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "移动端常见适配方案",
@@ -221,8 +230,8 @@
     "url": "https://segmentfault.com/a/1190000041831493",
     "author": "深红",
     "home_url": "https://segmentfault.com/u/deepred5",
-    "votes": "10",
-    "rank": 25
+    "votes": "11",
+    "rank": 26
   },
   {
     "title": "它来了！Flutter3.0发布全解析",
@@ -231,15 +240,6 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "6",
-    "rank": 26
-  },
-  {
-    "title": "代码写得好，Reduce 方法少不了",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041790709",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "6",
     "rank": 27
   },
   {