@wcj/github-rank 22.8.23 → 22.8.24

package/web/data/sifou-daily.json

@@ -1,56 +1,47 @@
 [
   {
-    "title": "使用mybatis + postgreSql 中遇到的问题",
-    "description": "问题一：字段名不存在背景是：进行mapper的insert单元测试的时候出了问题执行如下语句的时候出现了问题： {代码...} 这里运用了mapper自带的insert方法向数据库中插入数据。在用mapper进行插入的时候后，报了这样...",
-    "url": "https://segmentfault.com/a/1190000042357267",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
+    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
+    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
+    "url": "https://segmentfault.com/a/1190000042360785",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "6个常用的前端代码编辑器",
-    "description": "在线代码编辑器通常包括以下功能：包含代码高这的HTML、CSS 和 JavaScript编辑器代码命令自动完成一个预览窗口，（通常）无手动刷新的重新加载HTML预处理器，例如HAML，PugLess、Sass、Stylus 和类似的 CSS 预处...",
-    "url": "https://segmentfault.com/a/1190000042356334",
-    "author": "jinling",
-    "home_url": "https://segmentfault.com/u/liushuigs",
-    "votes": "2",
+    "title": "妙啊！纯 CSS 实现拼图游戏",
+    "description": "本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...",
+    "url": "https://segmentfault.com/a/1190000042361223",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "5",
     "rank": 2
   },
   {
-    "title": "JavaScript 中的可迭代对象与迭代器是啥",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042354262",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
+    "title": "怎么防止同事用 Evil.js 的代码投毒",
+    "description": "视频移步B站[链接]最近Evil.js被讨论的很多，项目介绍如下项目被发布到npm上后，引起了激烈的讨论，最终因为安全问题被npm官方移除，代码也闭源了作为一个前端老司机，我肯定是反对这种行为，泄私愤有很多种方式...",
+    "url": "https://segmentfault.com/a/1190000042360645",
+    "author": "前端小菜鸟",
+    "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "深入使用 Kotlin 后的感受",
-    "description": "大量使用 kotlin 的感受就是，每当在设计一个问题的解决方案时，你突发的独特灵感都能够被 kotlin 满足，能极大的提高你的编程体验，这是之前使用任何语言都未成有过的感受。",
-    "url": "https://segmentfault.com/a/1190000042358801",
-    "author": "zxdposter",
-    "home_url": "https://segmentfault.com/u/zxdposter",
+    "title": "spring接口多实现类，该依赖注入哪一个？",
+    "description": "一、问题的描述在实际的系统应用开发中我经常会遇到这样的一类需求，相信大家在工作中也会经常遇到：同一个系统在多个省份部署。一个业务在北京是一种实现方式，是基于北京用户的需求。同样的业务在上海是另外一...",
+    "url": "https://segmentfault.com/a/1190000042366375",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "本文为Mybatis面经，其中难点问题做了详细解释",
-    "description": "Mybatis 是一个半 ORM（对象关系映射）框架，它内部封装了 JDBC，开发时只需要关注 SQL 语句本身，不需要花费精力去处理加载驱动、创建连接、创建 statement 等繁杂的过程。程序员直接编写原生态 sql，可以严格控...",
-    "url": "https://segmentfault.com/a/1190000042357330",
-    "author": "用户bPc1FjG",
-    "home_url": "https://segmentfault.com/u/i_62f4ad94a52ca",
+    "title": "延时任务-基于redis zset的完整实现",
+    "description": "所谓的延时任务给大家举个例子：你买了一张火车票，必须在30分钟之内付款，否则该订单被自动取消。订单30分钟不付款自动取消，这个任务就是一个延时任务。 我之前已经写过2篇关于延时任务的文章：",
+    "url": "https://segmentfault.com/a/1190000042362468",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
     "votes": "1",
     "rank": 5
-  },
-  {
-    "title": "vue下载excel以及自适应表格宽度（前后端）",
-    "description": "本文使用 SpringBoot + vue + easyExcel 实现导出 Excel 功能，并解决文件中文乱码问题以及 Excel 宽度自适应的问题。需要先导入 pom 包。",
-    "url": "https://segmentfault.com/a/1190000042358524",
-    "author": "六七十三",
-    "home_url": "https://segmentfault.com/u/prepared",
-    "votes": "1",
-    "rank": 6
   }
 ]

package/web/data/sifou-monthly.json

@@ -8,14 +8,32 @@
     "votes": "23",
     "rank": 1
   },
+  {
+    "title": "Windows滚动条如何美化成 macOS 那样？",
+    "description": "欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...",
+    "url": "https://segmentfault.com/a/1190000042323523",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "29",
+    "rank": 2
+  },
   {
     "title": "圆角大杀器，使用滤镜构建圆角及波浪效果",
     "description": "本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...",
     "url": "https://segmentfault.com/a/1190000042217200",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "25",
-    "rank": 2
+    "votes": "26",
+    "rank": 3
+  },
+  {
+    "title": "多行文本下的文字渐隐消失术",
+    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
+    "url": "https://segmentfault.com/a/1190000042325723",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "23",
+    "rank": 4
   },
   {
     "title": "使用 CSS 构建强大且酷炫的粒子动画",
@@ -24,7 +42,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 3
+    "rank": 5
   },
   {
     "title": "妙用 CSS 构建花式透视背景效果",
@@ -33,16 +51,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 4
-  },
-  {
-    "title": "多行文本下的文字渐隐消失术",
-    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
-    "url": "https://segmentfault.com/a/1190000042325723",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
-    "rank": 5
+    "rank": 6
   },
   {
     "title": "社区维基：将你的问答捐赠给社区",
@@ -51,7 +60,7 @@
     "author": "fenbox",
     "home_url": "https://segmentfault.com/u/fenbox",
     "votes": "13",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "防御式CSS是什么？这几点属性重点防御！",
@@ -60,7 +69,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "19",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "前端构建效率优化之路",
@@ -69,15 +78,6 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 8
-  },
-  {
-    "title": "Windows滚动条如何美化成 macOS 那样？",
-    "description": "欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...",
-    "url": "https://segmentfault.com/a/1190000042323523",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "23",
     "rank": 9
   },
   {
@@ -107,6 +107,15 @@
     "votes": "11",
     "rank": 12
   },
+  {
+    "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
+    "description": "思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...",
+    "url": "https://segmentfault.com/a/1190000042331835",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "9",
+    "rank": 13
+  },
   {
     "title": "使用前端技术实现静态图片局部流动效果 🌊",
     "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
@@ -114,7 +123,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "Wuzzle，进行基于 webpack 的 JS 转译",
@@ -123,7 +132,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "React Fiber架构原理剖析",
@@ -132,7 +141,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "11",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
@@ -141,7 +150,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "markdown 编辑器实现双屏同步滚动",
@@ -150,15 +159,6 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "9",
-    "rank": 17
-  },
-  {
-    "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成既得限量周边！",
-    "description": "思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...",
-    "url": "https://segmentfault.com/a/1190000042331835",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "8",
     "rank": 18
   },
   {