@wcj/github-rank 22.5.26 → 22.5.29

package/web/data/sifou-daily.json

@@ -1,83 +1,20 @@
 [
   {
-    "title": "Base64 编码知识，一文打尽！",
-    "description": "现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...",
-    "url": "https://segmentfault.com/a/1190000041894263",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "6",
-    "rank": 1
-  },
-  {
-    "title": "13 个Typescript 实用类型：开发人员的备忘单",
-    "description": "我们可以为 UserProfileResponse 定义类型，并为 LoginResponse 挑选一些属性，而不是定义相同上下文的 LoginResponse 和 UserProfileResponse 的类型。",
-    "url": "https://segmentfault.com/a/1190000041782911",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "6",
-    "rank": 2
-  },
-  {
-    "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": "2",
-    "rank": 3
-  },
-  {
-    "title": "如何基于Promise设计简单的请求/响应拦截器",
-    "description": "如何基于Promise设计简单的请求/响应拦截器面试官问你，如何才能设计出像 Axios 这样牛皮的请求和响应拦截器? 能不能简单手写其中的原理 {代码...} 之前一直不是特别能理解拦截器的核心实现原理，也就是下面这几...",
-    "url": "https://segmentfault.com/a/1190000041896607",
-    "author": "niaogege",
-    "home_url": "https://segmentfault.com/u/niaogege",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "Go学习笔记-Gin常用功能",
-    "description": "路由gin 框架中采用的路由库是基于httprouter做的Restful风格的APIRepresentational State Transfer 表现层状态转化，是一种互联网应用程序的API设计理念：URL定位资源，用HTTP描述操作增 POST / 删 DELETE / 改 ...",
-    "url": "https://segmentfault.com/a/1190000041896595",
-    "author": "IT小马",
-    "home_url": "https://segmentfault.com/u/itxiaoma",
+    "title": "【Java面试】如何中断一个正在运行的线程？",
+    "description": "一个去京东面试的工作了5年的粉丝来找我说：Mic老师，你说并发编程很重要，果然我今天又挂在一道并发编程的面试题上了。我问他问题是什么，他说：”如何中断一个正在运行中的线程？“。我说这个问题很多工作2年的人...",
+    "url": "https://segmentfault.com/a/1190000041909488",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "votes": "2",
-    "rank": 5
-  },
-  {
-    "title": "Go 缓冲通道（bufchan）用法",
-    "description": "非缓冲通道： {代码...} 缓冲通道： {代码...} 举个例子： {代码...} 运行结果是： {代码...} 其实就是缓冲区大小我们设为4导致的。参考：bilibili",
-    "url": "https://segmentfault.com/a/1190000041895135",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "HTML语义化，一图以蔽之",
-    "description": "HTML语义化，一图以蔽之图片来源于网络",
-    "url": "https://segmentfault.com/a/1190000041897432",
-    "author": "沉静地闪光",
-    "home_url": "https://segmentfault.com/u/007008",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "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": "1",
-    "rank": 8
+    "rank": 1
   },
   {
-    "title": "Go 定向通道（单向通道）",
-    "description": "定向通道是只能发送or只能接收数据的通道。双向通道是这样的： {代码...} 运行结果是这样的： {代码...} 未完待续。。。。",
-    "url": "https://segmentfault.com/a/1190000041895397",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
+    "title": "JavaScript 之原型、原型链",
+    "description": "其他编程语言如 Java 等使用 new 命令时，都会调用“类”的构造函数。但是，JavaScript没有“类”，本身并不提供一个 class 实现（虽然在ES6中提供了class 关键字，但其只是语法糖，JavaScript仍然是基于原型的）。于...",
+    "url": "https://segmentfault.com/a/1190000041910095",
+    "author": "佩奇烹饪家",
+    "home_url": "https://segmentfault.com/u/cloudyttt",
     "votes": "1",
-    "rank": 9
+    "rank": 2
   }
 ]

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": "76",
+    "votes": "80",
     "rank": 1
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041826742",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "44",
+    "votes": "45",
     "rank": 3
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000041781215",
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "30",
+    "votes": "31",
     "rank": 4
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000041804988",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "32",
+    "votes": "34",
     "rank": 5
   },
   {
@@ -62,15 +62,6 @@
     "votes": "21",
     "rank": 7
   },
-  {
-    "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": 8
-  },
   {
     "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
     "description": "2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...",
@@ -78,7 +69,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "20",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "8.9W 播放量的 TS 动画版进阶教程合集来了！",
@@ -86,8 +77,8 @@
     "url": "https://segmentfault.com/a/1190000041819579",
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
-    "votes": "22",
-    "rank": 10
+    "votes": "23",
+    "rank": 9
   },
   {
     "title": "React官方团队出手，补齐原生Hook短板",
@@ -96,7 +87,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "16",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
@@ -105,15 +96,24 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "21",
+    "rank": 11
+  },
+  {
+    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
+    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
+    "url": "https://segmentfault.com/a/1190000041881142",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "18",
     "rank": 12
   },
   {
-    "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
-    "description": "今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了 CSS 3D 的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯 CSS 实现类似...",
-    "url": "https://segmentfault.com/a/1190000041761117",
+    "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": "15",
+    "votes": "22",
     "rank": 13
   },
   {
@@ -126,32 +126,59 @@
     "rank": 14
   },
   {
-    "title": "我做了一个在线白板！！！",
-    "description": "相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个...",
-    "url": "https://segmentfault.com/a/1190000041769612",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "14",
+    "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
+    "description": "当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...",
+    "url": "https://segmentfault.com/a/1190000041794241",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "11",
     "rank": 15
   },
   {
-    "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": "20",
+    "title": "这些CSS提效技巧，你需要知道！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041711730",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
     "rank": 16
   },
   {
-    "title": "招聘季征文活动获奖名单公布，快来领奖~",
-    "description": "由于疫情原因，快递暂时无法发出，快递可以发出的时候，会尽快给中奖的小伙伴邮寄哒，大家耐心等待哈~哈喽各位社区的小伙伴！2022招聘季有奖征文活动如约开奖啦~废话不多说，我们直接来揭晓获奖名单吧~🌟获奖名单...",
-    "url": "https://segmentfault.com/a/1190000041757846",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "10",
+    "title": "前端监控的搭建步骤，别再一头雾水了！",
+    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
+    "url": "https://segmentfault.com/a/1190000041879217",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "16",
     "rank": 17
   },
+  {
+    "title": "CSS 穿墙术！太强了",
+    "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
+    "url": "https://segmentfault.com/a/1190000041887095",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "16",
+    "rank": 18
+  },
+  {
+    "title": "妙啊！动画还可以这样控制？",
+    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
+    "url": "https://segmentfault.com/a/1190000041887820",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "14",
+    "rank": 19
+  },
+  {
+    "title": "如何做新人引导功能？",
+    "description": "节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。",
+    "url": "https://segmentfault.com/a/1190000041789636",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "12",
+    "rank": 20
+  },
   {
     "title": "CSS 实现树状结构目录",
     "description": "如果用到了 Ant Design 这样的框架，那可以直接用现成的组件。如果没有用到这样的框架呢？其实纯 CSS 也是可以搞定的，下面看看如何实现的，还有很多你可能不知道 CSS 小技巧哦~",
@@ -159,16 +186,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 18
-  },
-  {
-    "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
-    "description": "当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理，我相信它能帮到你。准备前端网站地址：[链接]服务端网址：[链接]首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正...",
-    "url": "https://segmentfault.com/a/1190000041794241",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "10",
-    "rank": 19
+    "rank": 21
   },
   {
     "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
@@ -177,44 +195,17 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 20
-  },
-  {
-    "title": "这些CSS提效技巧，你需要知道！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041711730",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "12",
-    "rank": 21
-  },
-  {
-    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
-    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
-    "url": "https://segmentfault.com/a/1190000041881142",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "14",
     "rank": 22
   },
   {
-    "title": "如何做新人引导功能？",
-    "description": "节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。",
-    "url": "https://segmentfault.com/a/1190000041789636",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "10",
+    "title": "关于代码评审(CodeReview)那些不得不说的事儿",
+    "description": "在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...",
+    "url": "https://segmentfault.com/a/1190000041885333",
+    "author": "xindoo",
+    "home_url": "https://segmentfault.com/u/xindoo",
+    "votes": "12",
     "rank": 23
   },
-  {
-    "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": "11",
-    "rank": 24
-  },
   {
     "title": "实现聚焦效果",
     "description": "这是之前朋友问我的一个功能：他觉得看网页有时候注意力会被转移，希望可以有个蒙层帮助他集中注意力反手我就用 box-shadow 把功能写了出来。 {代码...} 因为 z-index 无法超过非 static 层级导致的 bug在我测试...",
@@ -222,34 +213,16 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 25
-  },
-  {
-    "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": 26
-  },
-  {
-    "title": "前端监控的搭建步骤，别再一头雾水了！",
-    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
-    "url": "https://segmentfault.com/a/1190000041879217",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "10",
-    "rank": 27
+    "rank": 24
   },
   {
-    "title": "CSS 穿墙术！太强了",
-    "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
-    "url": "https://segmentfault.com/a/1190000041887095",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "10",
-    "rank": 28
+    "title": "5分钟带你通过Javascript了解人工智能的基本原理",
+    "description": "学习人工智能门槛高不高？我入门花了2个月时间，学习了python、微积分，才大概弄懂了深度学习的基本原理，确实让人头大，不过现在回过头想想，其实基本原理是没这么难的。",
+    "url": "https://segmentfault.com/a/1190000041843081",
+    "author": "6666",
+    "home_url": "https://segmentfault.com/u/6666",
+    "votes": "8",
+    "rank": 25
   },
   {
     "title": "没有框架怎么办？原生 CSS + JS 实现一个标签输入框",
@@ -258,7 +231,25 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "9",
-    "rank": 29
+    "rank": 26
+  },
+  {
+    "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": 27
+  },
+  {
+    "title": "python又搞事情 想一统天下？",
+    "description": "python最近又在搞大事情，就在最近，github上突然多了一个神奇的项目： git地址.并且最近一直在更新。一看这个名字就让我们不禁想起JavaScript，再去官网一看pyscript官网, 这家伙不仅模仿了JavaScript的名字，甚...",
+    "url": "https://segmentfault.com/a/1190000041819433",
+    "author": "我的小熊不见了",
+    "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
+    "votes": "9",
+    "rank": 28
   },
   {
     "title": "代码写得好，Reduce 方法少不了",
@@ -267,6 +258,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "6",
+    "rank": 29
+  },
+  {
+    "title": "互联网后端技术大全！建议收藏",
+    "description": "工欲善其事，必先利其器；士欲宣其义，必先读其书。后台开发作为互联网技术领域的掌上明珠，一直都是开发者们的追逐的高峰。本文将从后台开发所涉及到的技术术语出发，基于系统开发、架构设计、网络通信等几个方...",
+    "url": "https://segmentfault.com/a/1190000041794118",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "9",
     "rank": 30
   }
 ]