@wcj/github-rank 22.9.24 → 22.9.26

package/dist/sifou-daily.json

@@ -1,74 +1,11 @@
 [
   {
-    "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
-    "description": "2022 年 9 月 16 日，2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题，在“共码未来”的号召下，本届 Hackathon 大赛涌现出一大批针对多类型现实难...",
-    "url": "https://segmentfault.com/a/1190000042535848",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "2",
-    "rank": 1
-  },
-  {
-    "title": "基于canvas实现的多功能画板",
-    "description": "前言最近空闲时间比较多，就想做点小工具玩玩，方案选了好几个，最终决定做一个基于canvas的画板，目前已经完成了第一版，有以下主要功能画笔（动态宽度设置，颜色设置）橡皮擦撤回，反撤回，清除画板，保存画板...",
-    "url": "https://segmentfault.com/a/1190000042533770",
-    "author": "LH_S",
-    "home_url": "https://segmentfault.com/u/lh_s",
-    "votes": "2",
-    "rank": 2
-  },
-  {
-    "title": "超详细的 Angular 国际化方案",
-    "description": "第一次在 Angular 框架上落地国际化方案，将 Eoapi 的经验分享给大家～1. 项目背景需要支持 Web 和 Electron 桌面端技术栈Angular 14Electron 19NG-ZORR 13.0.62. 可能遇到的困难各语言下样式不统一，例如阿拉伯...",
-    "url": "https://segmentfault.com/a/1190000042536913",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "2",
-    "rank": 3
-  },
-  {
-    "title": "Eclipse Theia技术揭秘——构建桌面IDE",
-    "description": "在上一篇文章 Eclipse Theia技术揭秘——初识Theia 简单介绍了一下Eclipse Theia这套IDE平台，这篇文章介绍一下如何基于Eclipse Theia构建桌面IDE。",
-    "url": "https://segmentfault.com/a/1190000042536405",
-    "author": "码出世界",
-    "home_url": "https://segmentfault.com/u/codeteenager",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "React Hooks之useDebugValue - 代替console.log来调试Hook",
-    "description": "而useDebugValue的优势在于，用useDebugValue输出的值，是和DevTools中的Hook状态一起动态显示的，不需要在DevTools和Console面板中切换查看Hook状态和console.log输出。",
-    "url": "https://segmentfault.com/a/1190000042535705",
-    "author": "jinling",
-    "home_url": "https://segmentfault.com/u/liushuigs",
+    "title": "分布式链路追踪体验-skywalking框架入门",
+    "description": "旁友，你的线上服务是不是偶尔来个超时，或者突然抖动一下，造成用户一堆反馈投诉。然后你费了九牛二虎之力，查了一圈圈代码和日志才总算定位到问题原因了。或者公司内部有链路追踪系统，虽然可以很轻松地通过监...",
+    "url": "https://segmentfault.com/a/1190000042543277",
+    "author": "卷福同学",
+    "home_url": "https://segmentfault.com/u/longbig",
     "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "新提案，初识CSS的object-view-box属性",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042534308",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 6
-  },
-  {
-    "title": "微信跳转到支付宝App自动领取赏金红包",
-    "description": "关于支付宝赏金红包这件事，其实已经好几年了，我记得2018年就已经有这个了，当初通过一个链接在微信点击，就会自动跳转到支付宝领取赏金，当初我也写过一篇：[链接] 那一年我的赏金就已经赚了2w多，后来支付宝为...",
-    "url": "https://segmentfault.com/a/1190000042535910",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "通过vNode实现给列表字段打标签",
-    "description": "问题如何给列表数据打标签？类似下面这种样子👇思路数模转化（对接口请求回来的数据进行过滤标记，返回新的数据）渲染新的数据模型实现1、过滤数据，需要打标签的采用jsx写法业务数据的处理我封装在 mixins 里面 {...",
-    "url": "https://segmentfault.com/a/1190000042535143",
-    "author": "甜点cc",
-    "home_url": "https://segmentfault.com/u/xiaojt",
-    "votes": "1",
-    "rank": 8
+    "rank": 1
   }
 ]

package/dist/sifou-monthly.json

@@ -26,15 +26,6 @@
     "votes": "20",
     "rank": 3
   },
-  {
-    "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
-    "description": "开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。",
-    "url": "https://segmentfault.com/a/1190000042386997",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "14",
-    "rank": 4
-  },
   {
     "title": "巧用 transition 实现短视频 APP 点赞动画",
     "description": "那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。",
@@ -42,7 +33,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "16",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "实现《羊了个羊》的小游戏",
@@ -51,7 +42,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "12",
-    "rank": 6
+    "rank": 5
   },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
@@ -60,7 +51,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -69,7 +60,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
@@ -78,7 +69,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "CSS transform、transition、animation 指南",
@@ -87,7 +78,7 @@
     "author": "散一群逗逼",
     "home_url": "https://segmentfault.com/u/sanyiqundoubi",
     "votes": "11",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "AI数字绘画 stable-diffusion 保姆级教程",
@@ -96,7 +87,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "8",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
@@ -105,7 +96,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "盘点一些好用的 JS 单行代码",
@@ -114,7 +105,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "13",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "使用 SVG 生成带标识的 favicon",
@@ -123,15 +114,24 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "9",
+    "rank": 13
+  },
+  {
+    "title": "50天用vue3完成了50个web项目，我学到了什么?",
+    "description": "通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...",
+    "url": "https://segmentfault.com/a/1190000042509082",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "12",
     "rank": 14
   },
   {
-    "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",
+    "title": "前端是性能优化(图文并茂，通俗易懂)",
+    "description": "默认情况下，我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from 'module'",
+    "url": "https://segmentfault.com/a/1190000042529771",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "6",
     "rank": 15
   },
   {
@@ -144,12 +144,12 @@
     "rank": 16
   },
   {
-    "title": "50天用vue3完成了50个web项目，我学到了什么?",
-    "description": "通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...",
-    "url": "https://segmentfault.com/a/1190000042509082",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "11",
+    "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": 17
   },
   {
@@ -170,15 +170,6 @@
     "votes": "6",
     "rank": 19
   },
-  {
-    "title": "精读《SolidJS》",
-    "description": "SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。",
-    "url": "https://segmentfault.com/a/1190000042392152",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "5",
-    "rank": 20
-  },
   {
     "title": "图解JS中的事件循环",
     "description": "1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...",
@@ -186,15 +177,24 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "5",
-    "rank": 21
+    "rank": 20
   },
   {
-    "title": "有意思的方向裁切 overflow: clip",
-    "description": "本文将介绍一个新特性，从 Chrome 90 开始，overflow 新增的一个新特性 -- overflow: clip，使用它，轻松的对溢出方向进行控制。",
-    "url": "https://segmentfault.com/a/1190000042382028",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "title": "精读《SolidJS》",
+    "description": "SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。",
+    "url": "https://segmentfault.com/a/1190000042392152",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
+    "rank": 21
+  },
+  {
+    "title": "那些你不知道的炫酷按钮交互效果",
+    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
+    "url": "https://segmentfault.com/a/1190000042517595",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "8",
     "rank": 22
   },
   {
@@ -215,15 +215,6 @@
     "votes": "8",
     "rank": 24
   },
-  {
-    "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
-    "description": "不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...",
-    "url": "https://segmentfault.com/a/1190000042475152",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "7",
-    "rank": 25
-  },
   {
     "title": "近期对前端性能优化的总结",
     "description": "前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...",
@@ -231,6 +222,15 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "4",
+    "rank": 25
+  },
+  {
+    "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
+    "description": "不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...",
+    "url": "https://segmentfault.com/a/1190000042475152",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "7",
     "rank": 26
   },
   {
@@ -242,15 +242,6 @@
     "votes": "8",
     "rank": 27
   },
-  {
-    "title": "那些你不知道的炫酷按钮交互效果",
-    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
-    "url": "https://segmentfault.com/a/1190000042517595",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "8",
-    "rank": 28
-  },
   {
     "title": "新时代布局新特性 -- 容器查询",
     "description": "而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。",
@@ -258,6 +249,15 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "7",
+    "rank": 28
+  },
+  {
+    "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
+    "description": "2022 年 9 月 16 日，2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题，在“共码未来”的号召下，本届 Hackathon 大赛涌现出一大批针对多类型现实难...",
+    "url": "https://segmentfault.com/a/1190000042535848",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "3",
     "rank": 29
   },
   {