@wcj/github-rank 22.6.11 → 22.6.12

package/web/data/sifou-daily.json

@@ -1,74 +1,38 @@
 [
   {
-    "title": "搭建前端监控，如何采集异常数据？",
-    "description": "前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。",
-    "url": "https://segmentfault.com/a/1190000041962607",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "6",
+    "title": "JS实现JSON对象与URL参数的相互转换",
+    "description": "JSON对象转换为URL参数，主要有两种实现方式，一种是编辑JSON对象属性，另一种是使用 URLSearchParams ，下面分别结合代码介绍一下。",
+    "url": "https://segmentfault.com/a/1190000041961440",
+    "author": "十方",
+    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "前端视角看视频处理",
-    "description": "视频，英文：video，直译为视觉画面的频率，最原始的含义，应该是随着时间的流逝不停地播放画面，进而产生了一种视觉上连续的效果，彷佛重现了现实世界的场景。",
-    "url": "https://segmentfault.com/a/1190000041967735",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
+    "title": "6 月 TIOBE 榜单：C++ 即将超越 Java 进入 Top3，PHP 热度再下滑",
+    "description": "近日，TIOBE 出炉了 2022 年 6 月份的编程语言趋势榜单。本次数据显示，C++ 的热度和流行趋势即将超越 Java，而 PHP 热度再下滑，已跌出前十。",
+    "url": "https://segmentfault.com/a/1190000041969334",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "Spring Security整合企业微信的扫码登录，企微的API惊讶到我了",
-    "description": "现在很多企业都接入了企业微信，作为私域社群工具，企业微信开放了很多API，可以打通很多自有的应用。既然是应用，那肯定需要做登录。正好企业微信提供了企业微信扫码授权登录功能，而且号称使用了OAuth，正好拿...",
-    "url": "https://segmentfault.com/a/1190000041967393",
-    "author": "码农小胖哥",
-    "home_url": "https://segmentfault.com/u/10000000",
+    "title": "MMO服务器从零开始(1) - Beacon Server",
+    "description": "为了建立Elixir集群，需要所有 Beam 节点在启动之时就已经知道一个固定的节点用来连接，之后 Beam 会自动完成节点之间的链接，即默认的全连接模式，所有节点两两之间均有连接。关于这一点我还没有深入思考过有没...",
+    "url": "https://segmentfault.com/a/1190000041969087",
+    "author": "dyzdyz010",
+    "home_url": "https://segmentfault.com/u/dyzdyz010",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "【Java面试】请你简单说一下Mysql的事务隔离级别",
-    "description": "一个工作了6年的粉丝，去阿里面试，在第一面的时候被问到”Mysql的事务隔离级别“。他竟然没有回答上来，一直在私信向我诉苦。我说，你只能怪年轻时候的你，那个时候不够努力导致现在的你技术水平不够。好吧，关于...",
-    "url": "https://segmentfault.com/a/1190000041965539",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "title": "Golang 基础之并发知识 (三)",
+    "description": "大家好，今天将梳理出的 Go语言并发知识内容，分享给大家。 请多多指教，谢谢。本次《Go语言并发知识》内容共分为三个章节，本文为第三章节。Golang 基础之并发知识 (一)Golang 基础之并发知识 (二)Golang 基础之...",
+    "url": "https://segmentfault.com/a/1190000041968934",
+    "author": "帽儿山的枪手",
+    "home_url": "https://segmentfault.com/u/changhao_flag",
     "votes": "1",
     "rank": 4
-  },
-  {
-    "title": "OAuth2学习中的一些高频问题的QA",
-    "description": "A： OAuth2主要用于API授权，是跨API服务之间授权的解决方案。它适用于单点登录（SSO）、微服务之间的授权鉴权、API开放平台等场景。",
-    "url": "https://segmentfault.com/a/1190000041964006",
-    "author": "码农小胖哥",
-    "home_url": "https://segmentfault.com/u/10000000",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "基于Gin框架的web后端开发（十）: Gin框架-中间件",
-    "description": "Gin-中间件：Gin框架的作者为开发者们提供的一种机制，可以让开发者自定义请求执行的Hook函数，中间件函数（或者叫Hook函数、钩子函数）适合处理很多重复的操作的场景（比如登录认证，权限校验，数据分页，耗时统...",
-    "url": "https://segmentfault.com/a/1190000041963752",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "2",
-    "rank": 6
-  },
-  {
-    "title": "基于Gin框架的web后端开发（九）: Gin框架的路由和路由组",
-    "description": "tips: 如果用浏览器测试的时候出现之前几篇博客编码的结果，可以删除一下cookie，或者打开无痕模式。一般的路由可以这么写： {代码...} 路由组可以这么写： {代码...} 另外，路由组支持嵌套，在划分API层级or业务...",
-    "url": "https://segmentfault.com/a/1190000041963603",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "2",
-    "rank": 7
-  },
-  {
-    "title": "200、岛屿数量 | 算法（leetcode，附思维导图 + 全部解法）300题",
-    "description": "零 标题：算法（leetcode，附思维导图 + 全部解法）300题之（200）岛屿数量一 题目描述二 解法总览（思维导图）三 全部解法1 方案11)代码： {代码...} 2 方案21)代码： {代码...} 3 方案31)代码： {代码...} 4 方...",
-    "url": "https://segmentfault.com/a/1190000041967894",
-    "author": "码农三少",
-    "home_url": "https://segmentfault.com/u/chenyob",
-    "votes": "1",
-    "rank": 8
   }
 ]

package/web/data/sifou-monthly.json

@@ -17,15 +17,6 @@
     "votes": "27",
     "rank": 2
   },
-  {
-    "title": "为什么前端不能没有监控系统？",
-    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
-    "url": "https://segmentfault.com/a/1190000041833326",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "31",
-    "rank": 3
-  },
   {
     "title": "如何实现一个能精确同步滚动的Markdown编辑器",
     "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
@@ -33,7 +24,7 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "24",
-    "rank": 4
+    "rank": 3
   },
   {
     "title": "浅谈逻辑选择器 -- 父选择器它来了！",
@@ -42,7 +33,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "26",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
@@ -51,7 +42,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "25",
-    "rank": 6
+    "rank": 5
   },
   {
     "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
@@ -60,7 +51,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "22",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "前端监控的搭建步骤，别再一头雾水了！",
@@ -69,7 +60,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "22",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "文字轮播与图片轮播？CSS 不在话下",
@@ -78,7 +69,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "22",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "关于代码评审(CodeReview)那些不得不说的事儿",
@@ -87,7 +78,7 @@
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
     "votes": "18",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "CSS 穿墙术！太强了",
@@ -96,7 +87,7 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "22",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "CSS 实现头像名称首字符自动占位",
@@ -105,7 +96,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "20",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "如何做新人引导功能？",
@@ -114,7 +105,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
@@ -123,7 +114,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "16",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
@@ -132,7 +123,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "16",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
@@ -141,7 +132,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "11",
-    "rank": 16
+    "rank": 15
   },
   {
     "title": "5分钟带你通过Javascript了解人工智能的基本原理",
@@ -150,16 +141,7 @@
     "author": "6666",
     "home_url": "https://segmentfault.com/u/6666",
     "votes": "10",
-    "rank": 17
-  },
-  {
-    "title": "移动端常见适配方案",
-    "description": "做移动端页面有一段时间了，总结下工作中常用的几种移动端适配方案。基础网上已经有非常多的基础知识总结，不再赘诉，详情可以见《关于移动端适配，你必须要知道的》《不要再问我移动适配的问题了》其中容易搞混...",
-    "url": "https://segmentfault.com/a/1190000041831493",
-    "author": "深红",
-    "home_url": "https://segmentfault.com/u/deepred5",
-    "votes": "11",
-    "rank": 18
+    "rank": 16
   },
   {
     "title": "云原生时代 PHP/Golang 项目如何实现微服务",
@@ -168,16 +150,16 @@
     "author": "韩天峰",
     "home_url": "https://segmentfault.com/u/hantianfeng",
     "votes": "9",
-    "rank": 19
+    "rank": 17
   },
   {
-    "title": "它来了！Flutter3.0发布全解析",
-    "description": "我们很高兴地宣布，作为谷歌I/O主题演讲的一部分，我们今天推出了Flutter 3。Flutter 3完成了我们从以移动为中心到多平台框架的路线图，提供了对macOS和Linux桌面应用的支持，以及对Firebase集成的改进，新的生产...",
-    "url": "https://segmentfault.com/a/1190000041832303",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "6",
-    "rank": 20
+    "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
+    "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
+    "url": "https://segmentfault.com/a/1190000041921943",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "12",
+    "rank": 18
   },
   {
     "title": "Base64 编码知识，一文打尽！",
@@ -186,16 +168,16 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "11",
-    "rank": 21
+    "rank": 19
   },
   {
-    "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
-    "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
-    "url": "https://segmentfault.com/a/1190000041921943",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "11",
-    "rank": 22
+    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
+    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
+    "url": "https://segmentfault.com/a/1190000041943100",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "9",
+    "rank": 20
   },
   {
     "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
@@ -204,7 +186,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "如何自定义 drag 样式",
@@ -213,7 +195,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "全球顶级交易所前端二面",
@@ -222,7 +204,7 @@
     "author": "Peter谭老师",
     "home_url": "https://segmentfault.com/u/jerrytanjinjie",
     "votes": "7",
-    "rank": 25
+    "rank": 23
   },
   {
     "title": "js面试题(进阶)梳理",
@@ -231,7 +213,7 @@
     "author": "墨城",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "13",
-    "rank": 26
+    "rank": 24
   },
   {
     "title": "锁定项目 Node 版本和包管理器",
@@ -240,7 +222,7 @@
     "author": "亖混子",
     "home_url": "https://segmentfault.com/u/1023",
     "votes": "10",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
@@ -249,7 +231,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 28
+    "rank": 26
   },
   {
     "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
@@ -258,14 +240,32 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
+    "rank": 27
+  },
+  {
+    "title": "CSS 变量自动变色技术",
+    "description": "欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...",
+    "url": "https://segmentfault.com/a/1190000041914954",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "9",
+    "rank": 28
+  },
+  {
+    "title": "13 个Typescript 实用类型：开发人员的备忘单",
+    "description": "我们可以为 UserProfileResponse 定义类型，并为 LoginResponse 挑选一些属性，而不是定义相同上下文的 LoginResponse 和 UserProfileResponse 的类型。",
+    "url": "https://segmentfault.com/a/1190000041782911",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
     "rank": 29
   },
   {
-    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
-    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
-    "url": "https://segmentfault.com/a/1190000041943100",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
+    "title": "js 生成UUID的几种方法",
+    "description": "UUID(Universally Unique IDentifier) 全局唯一标识符。UUID是一种由算法生成的二进制长度为128位的数字标识符。UUID的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”，其中的 x 是 0-9 或 a-f范围内的一个32位十...",
+    "url": "https://segmentfault.com/a/1190000041895680",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "8",
     "rank": 30
   }