@wcj/github-rank 22.5.23 → 22.5.26

package/dist/sifou-daily.json

@@ -1,74 +1,83 @@
 [
   {
-    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
-    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
-    "url": "https://segmentfault.com/a/1190000041881142",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "4",
+    "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": "前端监控的搭建步骤，别再一头雾水了！",
-    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
-    "url": "https://segmentfault.com/a/1190000041879217",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "2",
+    "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": "Golang RocketMq安装及简单应用（Mac环境）",
-    "description": "一、下载安装RocketMq {代码...} 我选择的是这个二进制版本安装：选择一个目录解压，一般情况路径是:/usr/local/bin，下面是我自己的路径是：由于RocketMq是纯java编写，确认自己是否有jdk环境，执行如下命令： {...",
-    "url": "https://segmentfault.com/a/1190000041881238",
-    "author": "Banmi",
-    "home_url": "https://segmentfault.com/u/heng_5f357c3b3d0ef",
-    "votes": "1",
+    "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": "面向对象与设计原则",
-    "description": "三大特性抽象类和接口抽象类的三个特性(abstract)接口的三个属性(interface)抽象类和接口的区别两者再区别总结基于接口而非实现编程SOLID原则三大特性封装：封装也叫做信息隐匿或者数据访问保护，类通过暴露有限...",
-    "url": "https://segmentfault.com/a/1190000041880719",
-    "author": "eacape",
-    "home_url": "https://segmentfault.com/u/xiaoyongyong",
+    "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": "js获取页面尺寸",
-    "description": "在开发中经常用到获取元素位置和大小的需求，我最近在vue2.x上写了一个图片查看组件，它有拖动，定点缩放功能，这就需要获取视口大小，元素位置和大小。看了阮老师的相关文章，实现了这个组件，也顺便在阮老师的...",
-    "url": "https://segmentfault.com/a/1190000041879966",
-    "author": "welsen",
-    "home_url": "https://segmentfault.com/u/huaming",
-    "votes": "1",
+    "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",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "各种Buffer傻傻分不清，今天终于有点悟了",
-    "description": "参考知乎问答 Java NIO中，关于DirectBuffer，HeapBuffer的疑问？DirectBuffer本身这个对象是在堆中，但是引用了一块非堆的native memory，这块内存实际上还是属于java进程的内存中，这个角度说的话，DirectBuffe...",
-    "url": "https://segmentfault.com/a/1190000041879813",
-    "author": "开翻挖掘机",
-    "home_url": "https://segmentfault.com/u/wajueji9527",
+    "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": "Spring 中 @EnableXXX 注解的套路",
-    "description": "在 Spring 框架中有很多实用的功能，不需要写大量的配置代码，只需添加几个注解即可开启。 其中一个重要原因是那些 @EnableXXX 注解，它可以让你通过在配置类加上简单的注解来快速地开启诸如事务管理（@EnableTra...",
-    "url": "https://segmentfault.com/a/1190000041879583",
-    "author": "mghio",
-    "home_url": "https://segmentfault.com/u/mghio",
+    "title": "HTML语义化，一图以蔽之",
+    "description": "HTML语义化，一图以蔽之图片来源于网络",
+    "url": "https://segmentfault.com/a/1190000041897432",
+    "author": "沉静地闪光",
+    "home_url": "https://segmentfault.com/u/007008",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "golang  sync 包",
-    "description": "当多个 goroutine 都需要创建同⼀个对象的时候，如果 goroutine 数过多，导致对象的创建数⽬剧增，进⽽导致 GC 压⼒增大。形成 “并发⼤－占⽤内存⼤－GC 缓慢－处理并发能⼒降低－并发更⼤”这样的恶性循环。 在这...",
-    "url": "https://segmentfault.com/a/1190000041878635",
-    "author": "风云",
-    "home_url": "https://segmentfault.com/u/fengyun_58aa59db14dcd",
+    "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
+  },
+  {
+    "title": "Go 定向通道（单向通道）",
+    "description": "定向通道是只能发送or只能接收数据的通道。双向通道是这样的： {代码...} 运行结果是这样的： {代码...} 未完待续。。。。",
+    "url": "https://segmentfault.com/a/1190000041895397",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
+    "votes": "1",
+    "rank": 9
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041790801",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "71",
+    "votes": "76",
     "rank": 1
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000041781215",
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "29",
+    "votes": "30",
     "rank": 4
   },
   {
@@ -41,9 +41,18 @@
     "url": "https://segmentfault.com/a/1190000041804988",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "29",
+    "votes": "32",
     "rank": 5
   },
+  {
+    "title": "为什么前端不能没有监控系统？",
+    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
+    "url": "https://segmentfault.com/a/1190000041833326",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "26",
+    "rank": 6
+  },
   {
     "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
     "description": "某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...",
@@ -51,15 +60,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "21",
-    "rank": 6
-  },
-  {
-    "title": "为什么前端不能没有监控系统？",
-    "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
-    "url": "https://segmentfault.com/a/1190000041833326",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "24",
     "rank": 7
   },
   {
@@ -72,13 +72,31 @@
     "rank": 8
   },
   {
-    "title": "4.9W 播放量的 TS 动画版进阶教程合集来了！",
-    "description": "阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 11 期，其中 2 期的观看量均已破 1.3W，该合集的播放量目前...",
+    "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
+    "description": "2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...",
+    "url": "https://segmentfault.com/a/1190000041861125",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "20",
+    "rank": 9
+  },
+  {
+    "title": "8.9W 播放量的 TS 动画版进阶教程合集来了！",
+    "description": "阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 15 期，其中 1 期的观看量已破 1.9W，该合集的播放量目前已...",
     "url": "https://segmentfault.com/a/1190000041819579",
     "author": "阿宝哥",
     "home_url": "https://segmentfault.com/u/angular4",
     "votes": "22",
-    "rank": 9
+    "rank": 10
+  },
+  {
+    "title": "React官方团队出手，补齐原生Hook短板",
+    "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
+    "url": "https://segmentfault.com/a/1190000041798153",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "16",
+    "rank": 11
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
@@ -87,7 +105,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "21",
-    "rank": 10
+    "rank": 12
   },
   {
     "title": "让交互更加生动！有意思的鼠标跟随 3D 旋转动效",
@@ -96,7 +114,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "15",
-    "rank": 11
+    "rank": 13
   },
   {
     "title": "年年出妖事，一例由JSON解析导致的\"薛定谔BUG\"排查过程记录",
@@ -105,7 +123,7 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "26",
-    "rank": 12
+    "rank": 14
   },
   {
     "title": "我做了一个在线白板！！！",
@@ -114,43 +132,16 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "14",
-    "rank": 13
-  },
-  {
-    "title": "React官方团队出手，补齐原生Hook短板",
-    "description": "大家好，我卡颂。我们知道，Hooks使用时存在所谓的闭包陷阱，考虑如下代码： {代码...} 我们期望点击后sendMessage能传递text的最新值。然而实际上，由于回调函数被useCallback缓存，形成闭包，所以点击的效果始...",
-    "url": "https://segmentfault.com/a/1190000041798153",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "14",
-    "rank": 14
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
-    "description": "2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...",
-    "url": "https://segmentfault.com/a/1190000041861125",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "15",
     "rank": 15
   },
-  {
-    "title": "🔥 2022 前端性能优化最佳实践",
-    "description": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
-    "url": "https://segmentfault.com/a/1190000041753539",
-    "author": "佩奇烹饪家",
-    "home_url": "https://segmentfault.com/u/cloudyttt",
-    "votes": "14",
-    "rank": 16
-  },
   {
     "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": "14",
-    "rank": 17
+    "votes": "20",
+    "rank": 16
   },
   {
     "title": "招聘季征文活动获奖名单公布，快来领奖~",
@@ -159,7 +150,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "10",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "CSS 实现树状结构目录",
@@ -168,7 +159,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
@@ -177,7 +168,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "10",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
@@ -186,7 +177,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 21
+    "rank": 20
   },
   {
     "title": "这些CSS提效技巧，你需要知道！",
@@ -195,6 +186,15 @@
     "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
   },
   {
@@ -203,7 +203,7 @@
     "url": "https://segmentfault.com/a/1190000041789636",
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
-    "votes": "9",
+    "votes": "10",
     "rank": 23
   },
   {
@@ -234,14 +234,23 @@
     "rank": 26
   },
   {
-    "title": "5 分钟教你快速掌握 GitHub Actions 自动发布 Npm 包和网站",
-    "description": "自从 GitHub 宣布 GitHub Actions 在平台上对所有开发人员和存储库可用以来，GitHub Actions 越来越受欢迎。很多第三方平台在生态系统中有速度等限制，将进一步推动开发人员将他们的软件自动化迁移到 GitHub Acti...",
-    "url": "https://segmentfault.com/a/1190000041753907",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "4",
+    "title": "前端监控的搭建步骤，别再一头雾水了！",
+    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
+    "url": "https://segmentfault.com/a/1190000041879217",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "10",
     "rank": 27
   },
+  {
+    "title": "CSS 穿墙术！太强了",
+    "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
+    "url": "https://segmentfault.com/a/1190000041887095",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "10",
+    "rank": 28
+  },
   {
     "title": "没有框架怎么办？原生 CSS + JS 实现一个标签输入框",
     "description": "欢迎关注我的公众号：前端侦探最近在项目中需要做一个标签输入框，还挺实用的，演示效果如下主要交互要求是这样的点击输入框可以输入内容按回车可以生成标签按退格键可以删除标签点击标签上的关闭按钮可以删除标...",
@@ -249,24 +258,15 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "9",
-    "rank": 28
-  },
-  {
-    "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",
     "rank": 29
   },
   {
-    "title": "Redis 内存满了怎么办？这样设置才正确！",
-    "description": "上回在《Redis 数据过期了会被立马删除么？》说到如果过期的数据太多，定时删除无法删除完全（每次删除完过期的 key 还是超过 25%），同时这些 key 再也不会被客户端请求，就无法走惰性删除，内存被打满会怎样？",
-    "url": "https://segmentfault.com/a/1190000041749980",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "9",
+    "title": "代码写得好，Reduce 方法少不了",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041790709",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "6",
     "rank": 30
   }
 ]