@wcj/github-rank 22.5.22 → 22.5.23

package/dist/sifou-daily.json

@@ -1,38 +1,74 @@
 [
   {
-    "title": "夏天来啦，用纯CSS实现水果解解馋吧",
-    "description": "今日是二十四节气的小满，是夏季的第二个节气。不知不觉地又是一年夏天来临了，面对烈日炎炎，夏天要吃的水果那是必不可少，今天就用CSS来给大家带来一个水果拼盘，提前给大家解解暑~",
-    "url": "https://segmentfault.com/a/1190000041878246",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "1",
+    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
+    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
+    "url": "https://segmentfault.com/a/1190000041881142",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "9张图轻松吃透Go内存管理单元",
-    "description": "想深入了解Go语言的内存管理实现，必然绕不开「Go内存管理单元mspan」，今天我们就通过几张图，层层深入并解开「Go内存管理单元mspan」的神秘面纱。",
-    "url": "https://segmentfault.com/a/1190000041877254",
-    "author": "TIGERB",
-    "home_url": "https://segmentfault.com/u/tigerb",
-    "votes": "1",
+    "title": "前端监控的搭建步骤，别再一头雾水了！",
+    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
+    "url": "https://segmentfault.com/a/1190000041879217",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "Go内存架构，一个有趣的问题",
-    "description": "在学习Go语言内存管理部分过程中，发现了一个很有意思的问题，今天就借助这篇文章：1.把这个问题也抛给大家，建议大家看见这个问题后，可以先自己思考一番🤔之后再读下文。2.进一步强化大家对Go内存架构的理解开始...",
-    "url": "https://segmentfault.com/a/1190000041877230",
-    "author": "TIGERB",
-    "home_url": "https://segmentfault.com/u/tigerb",
+    "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",
     "rank": 3
   },
   {
-    "title": "mac 上删除 .DS_store ，且防止再次生成",
-    "description": "本方法也是适应于 Mac M1 版本描述 {代码...} 命令删除 .DS_store 文件 {代码...} 防止 .DS_store 文件再次产生 {代码...} 删除命令（在固定的文件中删除） {代码...} Git仓库管理忽略 DS_Store 文件将 . DS_Stor...",
-    "url": "https://segmentfault.com/a/1190000041876247",
-    "author": "Regigigas",
-    "home_url": "https://segmentfault.com/u/regigigas",
+    "title": "面向对象与设计原则",
+    "description": "三大特性抽象类和接口抽象类的三个特性(abstract)接口的三个属性(interface)抽象类和接口的区别两者再区别总结基于接口而非实现编程SOLID原则三大特性封装：封装也叫做信息隐匿或者数据访问保护，类通过暴露有限...",
+    "url": "https://segmentfault.com/a/1190000041880719",
+    "author": "eacape",
+    "home_url": "https://segmentfault.com/u/xiaoyongyong",
     "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",
+    "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",
+    "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",
+    "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",
+    "votes": "1",
+    "rank": 8
   }
 ]

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": "68",
+    "votes": "71",
     "rank": 1
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041826742",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "43",
+    "votes": "44",
     "rank": 3
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000041781215",
     "author": "CrazyCodes",
     "home_url": "https://segmentfault.com/u/crazycodes",
-    "votes": "28",
+    "votes": "29",
     "rank": 4
   },
   {
@@ -44,32 +44,14 @@
     "votes": "29",
     "rank": 5
   },
-  {
-    "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": 6
-  },
   {
     "title": "离谱的 CSS！从表盘刻度到艺术剪纸",
     "description": "某日，群里有这样一个问题，如何实现这样的表盘刻度：这其实是个挺有意思的问题，方法也有很多。单标签，使用 conic-gradient 实现表盘刻度最简单便捷的方式，就是利用角向渐变的方式 conic-gradient，代码也非常...",
     "url": "https://segmentfault.com/a/1190000041791819",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
-    "rank": 7
-  },
-  {
-    "title": "4.9W 播放量的 TS 动画版进阶教程合集来了！",
-    "description": "阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 11 期，其中 2 期的观看量均已破 1.3W，该合集的播放量目前...",
-    "url": "https://segmentfault.com/a/1190000041819579",
-    "author": "阿宝哥",
-    "home_url": "https://segmentfault.com/u/angular4",
     "votes": "21",
-    "rank": 8
+    "rank": 6
   },
   {
     "title": "为什么前端不能没有监控系统？",
@@ -77,6 +59,24 @@
     "url": "https://segmentfault.com/a/1190000041833326",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "24",
+    "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": "4.9W 播放量的 TS 动画版进阶教程合集来了！",
+    "description": "阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 11 期，其中 2 期的观看量均已破 1.3W，该合集的播放量目前...",
+    "url": "https://segmentfault.com/a/1190000041819579",
+    "author": "阿宝哥",
+    "home_url": "https://segmentfault.com/u/angular4",
     "votes": "22",
     "rank": 9
   },
@@ -122,9 +122,18 @@
     "url": "https://segmentfault.com/a/1190000041798153",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "13",
+    "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": "随着业务的不断迭代，项目日渐壮大，为了给用户提供更优的体验，性能优化是前端开发避不开的话题。一个优秀的网站必然是拥有丰富功能的同时具有比较块的响应速度，想必我们浏览网页时都更喜欢丝般顺滑的感受。",
@@ -132,16 +141,16 @@
     "author": "佩奇烹饪家",
     "home_url": "https://segmentfault.com/u/cloudyttt",
     "votes": "14",
-    "rank": 15
+    "rank": 16
   },
   {
-    "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": "12",
-    "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
   },
   {
     "title": "招聘季征文活动获奖名单公布，快来领奖~",
@@ -150,7 +159,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "10",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "CSS 实现树状结构目录",
@@ -159,7 +168,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "跨域问题很难吗？来！教你使用 Nginx 反向代理轻松解决",
@@ -168,7 +177,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "10",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "CSS 阴影进阶，实现更加的立体的阴影效果！",
@@ -177,7 +186,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "这些CSS提效技巧，你需要知道！",
@@ -186,15 +195,6 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 21
-  },
-  {
-    "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": 22
   },
   {
@@ -206,6 +206,15 @@
     "votes": "9",
     "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在我测试...",
@@ -213,7 +222,7 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "13",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "使用 CSS 绘制带有动画效果的 React Logo",
@@ -222,15 +231,6 @@
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
     "votes": "7",
-    "rank": 25
-  },
-  {
-    "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": "12",
     "rank": 26
   },
   {