@wcj/github-rank 22.9.14 → 22.9.16

package/web/data/sifou-daily.json

@@ -1,56 +1,20 @@
 [
   {
-    "title": "Google 谷歌开发者大会观看指南，速速收藏！",
-    "description": "222 Google 开发者大会明天上午 9 : 30 将正式开幕！收藏这份大会观看指南线上线下同步自由探索24 个产品线和话题最新动态80+ 个技术专题演讲30+ 个技术与产品趣味互动体验开启技术灵感交流的难忘之旅！9 月 14 ...",
-    "url": "https://segmentfault.com/a/1190000042471763",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
-    "rank": 1
-  },
-  {
-    "title": "深入理解JavaScript-JavaScript 中的始皇",
-    "description": "为什么会如此，Object 和 Function 谁才是始皇，还有 Object.prototype 处于什么位置，Function.prototype 呢？",
-    "url": "https://segmentfault.com/a/1190000042469668",
+    "title": "深入理解JavaScript-instanceof——找祖籍",
+    "description": "我们分别在 JavaScript由什么组成 和 JavaScript 中的始皇 两篇文章中讲到了 instanceof，这篇文章好好说说 instanceof什么是 instanceof？MAN 的解释是：instanceof 运算符用于检测构造函数的 prototype 属性是...",
+    "url": "https://segmentfault.com/a/1190000042488074",
     "author": "山头人汉波",
     "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "2",
-    "rank": 2
-  },
-  {
-    "title": "分析了1011个程序员的裁员情况后得出的启示",
-    "description": "大家好，我卡颂。大家应该能明显感觉到最近几个月求职环境不太好，但究竟有多不好，具体的情况是什么样的？为了分析程序员职场现状，我进行了裁员情况调查，一共有1011位程序员朋友参与。本文会根据调查结果，为...",
-    "url": "https://segmentfault.com/a/1190000042461269",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "2",
-    "rank": 3
-  },
-  {
-    "title": "一文看懂Node处理CPU密集型任务的方法有哪些",
-    "description": "Node是一个非阻塞I/O(non-blocking I/O)和事件驱动(event-driven)的JavaScript运行环境(runtime)，所以它非常适合用来构建I/O密集型应用，例如Web服务等。",
-    "url": "https://segmentfault.com/a/1190000042471511",
-    "author": "进击的大葱",
-    "home_url": "https://segmentfault.com/u/jinjidedacong",
     "votes": "1",
-    "rank": 4
+    "rank": 1
   },
   {
-    "title": "基于 .NET 6 的轻量级 Webapi 框架 FastEndpoints",
-    "description": "FastEndpoints 是一个基于 .NET 6 开发的开源 webapi 框架，它可以很好地替代 .NET Minimal APIs 和 MVC ，专门为开发效率而生，带来了全新的开发模式和编码体验。另外对于 .NET 的中间件、认证、授权、日志，依...",
-    "url": "https://segmentfault.com/a/1190000042462393",
-    "author": "微软技术栈",
-    "home_url": "https://segmentfault.com/u/mstech",
+    "title": "图解JS中的事件循环",
+    "description": "1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...",
+    "url": "https://segmentfault.com/a/1190000042485178",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "vivo 全球商城：电商平台通用取货码设计",
-    "description": "随着O2O线上线下业务的不断扩展，电商平台也在逐步完善交易侧相关的产品功能。在最近的需求版本中，业务方为进一步提升用户的使用体验，规划了取货码生成及订单核销相关逻辑，目的是让线上的用户在付完款之后能够...",
-    "url": "https://segmentfault.com/a/1190000042461697",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "3",
-    "rank": 6
+    "rank": 2
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,22 +1,4 @@
 [
-  {
-    "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": "36",
-    "rank": 1
-  },
-  {
-    "title": "多行文本下的文字渐隐消失术",
-    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
-    "url": "https://segmentfault.com/a/1190000042325723",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "29",
-    "rank": 2
-  },
   {
     "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
     "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
@@ -24,7 +6,7 @@
     "author": "dreamapplehappy",
     "home_url": "https://segmentfault.com/u/dreamapplehappy",
     "votes": "18",
-    "rank": 3
+    "rank": 1
   },
   {
     "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
@@ -33,7 +15,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "19",
-    "rank": 4
+    "rank": 2
   },
   {
     "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
@@ -42,7 +24,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "13",
-    "rank": 5
+    "rank": 3
   },
   {
     "title": "妙啊！纯 CSS 实现拼图游戏",
@@ -51,7 +33,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 6
+    "rank": 4
   },
   {
     "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
@@ -60,16 +42,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 7
-  },
-  {
-    "title": "即日起，ONES 团队版50人以下免费",
-    "description": "ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...",
-    "url": "https://segmentfault.com/a/1190000042319176",
-    "author": "万事ONES",
-    "home_url": "https://segmentfault.com/u/wanshiones",
-    "votes": "12",
-    "rank": 8
+    "rank": 5
   },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
@@ -78,7 +51,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 9
+    "rank": 6
   },
   {
     "title": "巧用 transition 实现短视频 APP 点赞动画",
@@ -86,8 +59,8 @@
     "url": "https://segmentfault.com/a/1190000042398943",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
-    "rank": 10
+    "votes": "15",
+    "rank": 7
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -96,16 +69,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 11
-  },
-  {
-    "title": "手写一个有点意思的电梯小程序（React版本）",
-    "description": "查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...",
-    "url": "https://segmentfault.com/a/1190000042322957",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "5",
-    "rank": 12
+    "rank": 8
   },
   {
     "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
@@ -114,7 +78,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
-    "rank": 13
+    "rank": 9
   },
   {
     "title": "盘点一些好用的 JS 单行代码",
@@ -123,16 +87,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "12",
-    "rank": 14
-  },
-  {
-    "title": "精读《pnpm》",
-    "description": "pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。",
-    "url": "https://segmentfault.com/a/1190000042318738",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "10",
-    "rank": 15
+    "rank": 10
   },
   {
     "title": "记录第一次给开源项目提 PR",
@@ -141,7 +96,7 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "6",
-    "rank": 16
+    "rank": 11
   },
   {
     "title": "聊聊 npm 的语义化版本（Semver）",
@@ -150,7 +105,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "6",
-    "rank": 17
+    "rank": 12
   },
   {
     "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
@@ -159,7 +114,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 18
+    "rank": 13
   },
   {
     "title": "怎么防止同事用 Evil.js 的代码投毒",
@@ -168,7 +123,16 @@
     "author": "前端小菜鸟",
     "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
     "votes": "8",
-    "rank": 19
+    "rank": 14
+  },
+  {
+    "title": "使用 SVG 生成带标识的 favicon",
+    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
+    "url": "https://segmentfault.com/a/1190000042435536",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "8",
+    "rank": 15
   },
   {
     "title": "你不知道的 console，让 JS 调试更简单",
@@ -177,25 +141,25 @@
     "author": "高志鹏",
     "home_url": "https://segmentfault.com/u/gaozhipeng",
     "votes": "10",
-    "rank": 20
+    "rank": 16
   },
   {
-    "title": "使用 SVG 生成带标识的 favicon",
-    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
-    "url": "https://segmentfault.com/a/1190000042435536",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "8",
-    "rank": 21
+    "title": "CSS transform、transition、animation 指南",
+    "description": "transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...",
+    "url": "https://segmentfault.com/a/1190000042443684",
+    "author": "散一群逗逼",
+    "home_url": "https://segmentfault.com/u/sanyiqundoubi",
+    "votes": "9",
+    "rank": 17
   },
   {
-    "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
-    "description": "我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：",
-    "url": "https://segmentfault.com/a/1190000042329366",
-    "author": "Awbeci",
-    "home_url": "https://segmentfault.com/u/awbeci",
-    "votes": "7",
-    "rank": 22
+    "title": "CodeForBetter_Hackathon，唤醒代码的力量",
+    "description": "黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...",
+    "url": "https://segmentfault.com/a/1190000042416590",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "4",
+    "rank": 18
   },
   {
     "title": "AI数字绘画 stable-diffusion 保姆级教程",
@@ -204,16 +168,25 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "6",
-    "rank": 23
+    "rank": 19
   },
   {
-    "title": "CSS transform、transition、animation 指南",
-    "description": "transform变换~ 复杂的变换参数。Transform 取值`none `初始值None 适用于除 “基元行内”框之外的所有元素 百分数相对范围框计算 计算值指定的值，不过相对长度值会计算为绝对长度 继承性否 动画性变形 坐标系1.1 ...",
-    "url": "https://segmentfault.com/a/1190000042443684",
-    "author": "散一群逗逼",
-    "home_url": "https://segmentfault.com/u/sanyiqundoubi",
+    "title": "有意思的水平横向溢出滚动",
+    "description": "最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...",
+    "url": "https://segmentfault.com/a/1190000042443056",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "6",
+    "rank": 20
+  },
+  {
+    "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
+    "description": "可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:\"会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力\", 就像发明 车 之前大多数人会认...",
+    "url": "https://segmentfault.com/a/1190000042458570",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "7",
-    "rank": 24
+    "rank": 21
   },
   {
     "title": "精读《SolidJS》",
@@ -222,7 +195,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 25
+    "rank": 22
   },
   {
     "title": "在阿里做前端程序员，我是这样规划的",
@@ -231,7 +204,16 @@
     "author": "大淘宝技术",
     "home_url": "https://segmentfault.com/u/alibabataoxijishu",
     "votes": "9",
-    "rank": 26
+    "rank": 23
+  },
+  {
+    "title": "还在用定时器吗？借助 CSS 来监听事件",
+    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
+    "url": "https://segmentfault.com/a/1190000042475578",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "9",
+    "rank": 24
   },
   {
     "title": "有意思的方向裁切 overflow: clip",
@@ -240,7 +222,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "5",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -249,7 +231,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 28
+    "rank": 26
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -258,15 +240,33 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 29
+    "rank": 27
   },
   {
-    "title": "CodeForBetter_Hackathon，唤醒代码的力量",
-    "description": "黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...",
-    "url": "https://segmentfault.com/a/1190000042416590",
+    "title": "用Vue.js写一个命令行贪吃蛇游戏",
+    "description": "大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...",
+    "url": "https://segmentfault.com/a/1190000042431217",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "5",
+    "rank": 28
+  },
+  {
+    "title": "SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
+    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，征文方向包含 Java、C...",
+    "url": "https://segmentfault.com/a/1190000042453662",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "3",
+    "votes": "7",
+    "rank": 29
+  },
+  {
+    "title": "拒绝加班:巧用前端电子表格中构建公式树",
+    "description": "还在为满屏的公式而“内牛满面”吗？还在为长串的公式解析而发愁吗？ 还在定位错误的公式而苦恼吗？上班要写代码，加班还要分析这又长又臭的公式。你的发际线还好吗？",
+    "url": "https://segmentfault.com/a/1190000042377267",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 30
   }
 ]