@wcj/github-rank 22.9.26 → 22.9.28

package/web/data/sifou-daily.json

@@ -1,11 +1,56 @@
 [
   {
-    "title": "分布式链路追踪体验-skywalking框架入门",
-    "description": "旁友，你的线上服务是不是偶尔来个超时，或者突然抖动一下，造成用户一堆反馈投诉。然后你费了九牛二虎之力，查了一圈圈代码和日志才总算定位到问题原因了。或者公司内部有链路追踪系统，虽然可以很轻松地通过监...",
-    "url": "https://segmentfault.com/a/1190000042543277",
-    "author": "卷福同学",
-    "home_url": "https://segmentfault.com/u/longbig",
-    "votes": "1",
+    "title": "CSS transition 小技巧！如何保留 hover 的状态？",
+    "description": "欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...",
+    "url": "https://segmentfault.com/a/1190000042547772",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "8",
     "rank": 1
+  },
+  {
+    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
+    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
+    "url": "https://segmentfault.com/a/1190000042550192",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "4",
+    "rank": 2
+  },
+  {
+    "title": "SegmentFault 2022 年社区周报 Vol.9",
+    "description": "hello，本喵又回来啦，距离国庆假期只剩 3 个工作日啦，想想都很激动，我承认我是有点提前兴奋了，回归主题，来给大家来汇报一下社区近期发生的事儿～",
+    "url": "https://segmentfault.com/a/1190000042552230",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "2",
+    "rank": 3
+  },
+  {
+    "title": "一个新视角：前端框架们都卷错方向了？",
+    "description": "大家好，我卡颂。近几年，前端领域出现了很多新框架，比如Svelte、 Solid.js、Astro、Qwik等。伴随他们出现的，还有很多高大上的新概念 —— 运行时/编译时框架、Islands架构、Selective Hydration......这些概念的...",
+    "url": "https://segmentfault.com/a/1190000042549062",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "2",
+    "rank": 4
+  },
+  {
+    "title": "linux根据inode编号删除文件",
+    "description": "如删掉\"-d\"文件find . -inum 1328244 -exec rm -i {} \\;如果不需要确认，直接删除(上面的\"-H\"文件)： find . -inum 1328240 -exec rm -if {} \\;",
+    "url": "https://segmentfault.com/a/1190000042549285",
+    "author": "niewj",
+    "home_url": "https://segmentfault.com/u/niewj",
+    "votes": "1",
+    "rank": 5
+  },
+  {
+    "title": "设计模式之状态模式",
+    "description": "实际开发中订单往往都包含着订单状态，用户每进行一次操作都要切换对应的状态，而每次切换判断当前的状态是必须的，就不可避免的引入一系列判断语句，为了让代码更加清晰直观，我们引入今天的主角——状态模式。",
+    "url": "https://segmentfault.com/a/1190000042549218",
+    "author": "程序员田同学",
+    "home_url": "https://segmentfault.com/u/tian_study",
+    "votes": "2",
+    "rank": 6
   }
 ]

package/web/data/sifou-monthly.json

@@ -8,6 +8,15 @@
     "votes": "21",
     "rank": 1
   },
+  {
+    "title": "还在用定时器吗？借助 CSS 来监听事件",
+    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
+    "url": "https://segmentfault.com/a/1190000042475578",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "23",
+    "rank": 2
+  },
   {
     "title": "「多图预警」完美实现一个@功能",
     "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
@@ -15,16 +24,16 @@
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
     "votes": "20",
-    "rank": 2
+    "rank": 3
   },
   {
-    "title": "还在用定时器吗？借助 CSS 来监听事件",
-    "description": "平时工作中很多场合都要用到定时器，比如延迟加载、定时查询等等，但定时器的控制有时候会有些许麻烦，比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法，一起了解一下吧，相信...",
-    "url": "https://segmentfault.com/a/1190000042475578",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
-    "rank": 3
+    "title": "前端性能优化(图文并茂，通俗易懂)",
+    "description": "默认情况下，我们静态导入的所有模块都会添加到初始捆绑包中。使用默认 ES2015 导入语法 导入的模块将静态导入。import module from 'module'",
+    "url": "https://segmentfault.com/a/1190000042529771",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "10",
+    "rank": 4
   },
   {
     "title": "巧用 transition 实现短视频 APP 点赞动画",
@@ -33,7 +42,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "16",
-    "rank": 4
+    "rank": 5
   },
   {
     "title": "实现《羊了个羊》的小游戏",
@@ -41,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000042502121",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "12",
-    "rank": 5
+    "votes": "13",
+    "rank": 6
   },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
@@ -51,7 +60,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -60,7 +69,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 7
+    "rank": 8
+  },
+  {
+    "title": "使用 SVG 生成带标识的 favicon",
+    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
+    "url": "https://segmentfault.com/a/1190000042435536",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "11",
+    "rank": 9
   },
   {
     "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
@@ -69,7 +87,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 8
+    "rank": 10
   },
   {
     "title": "CSS transform、transition、animation 指南",
@@ -78,7 +96,16 @@
     "author": "散一群逗逼",
     "home_url": "https://segmentfault.com/u/sanyiqundoubi",
     "votes": "11",
-    "rank": 9
+    "rank": 11
+  },
+  {
+    "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": "15",
+    "rank": 12
   },
   {
     "title": "AI数字绘画 stable-diffusion 保姆级教程",
@@ -87,7 +114,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "8",
-    "rank": 10
+    "rank": 13
   },
   {
     "title": "【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
@@ -96,43 +123,34 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 11
-  },
-  {
-    "title": "盘点一些好用的 JS 单行代码",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042391998",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "13",
-    "rank": 12
+    "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": "9",
-    "rank": 13
+    "title": "那些你不知道的炫酷按钮交互效果",
+    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
+    "url": "https://segmentfault.com/a/1190000042517595",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "11",
+    "rank": 15
   },
   {
-    "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": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "10",
+    "rank": 16
   },
   {
-    "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
+    "title": "当你 git push 时，极狐GitLab上发生了什么？",
+    "description": "本文来自：李振楠 极狐(GitLab) 研发工程师勇士，你可曾好奇过 Git 和极狐GitLab 是如何工作的？现在，拿起你心爱的 IDE，和我们一起踏上探索之旅吧！基础知识在开始旅程之前，我们需要做三分钟的知识储备，计时...",
+    "url": "https://segmentfault.com/a/1190000042537837",
+    "author": "极狐GitLab",
+    "home_url": "https://segmentfault.com/u/jihu_gitlab",
+    "votes": "8",
+    "rank": 17
   },
   {
     "title": "有意思的水平横向溢出滚动",
@@ -141,7 +159,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 16
+    "rank": 18
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -150,16 +168,25 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 17
+    "rank": 19
   },
   {
-    "title": "单标签实现复杂的棋盘布局",
-    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
-    "url": "https://segmentfault.com/a/1190000042513947",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
-    "rank": 18
+    "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": "4",
+    "rank": 20
+  },
+  {
+    "title": "CSS 有了:has伪类可以做些什么？",
+    "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
+    "url": "https://segmentfault.com/a/1190000042490237",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "9",
+    "rank": 21
   },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
@@ -168,7 +195,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "6",
-    "rank": 19
+    "rank": 22
   },
   {
     "title": "图解JS中的事件循环",
@@ -177,7 +204,16 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "5",
-    "rank": 20
+    "rank": 23
+  },
+  {
+    "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
+    "description": "哈喽各位社区的小伙伴！SegmentFault 思否技术征文丨浅谈 Java 进阶之路 如约开奖啦~话不多说，我们直接来揭晓获奖名单！强势插播一条预告：技术征文活动每月都有哦，大家多多关注「SegmentFault思否」参与技术征...",
+    "url": "https://segmentfault.com/a/1190000042531829",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
+    "rank": 24
   },
   {
     "title": "精读《SolidJS》",
@@ -186,16 +222,16 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 21
+    "rank": 25
   },
   {
-    "title": "那些你不知道的炫酷按钮交互效果",
-    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
-    "url": "https://segmentfault.com/a/1190000042517595",
+    "title": "近期对前端性能优化的总结",
+    "description": "前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...",
+    "url": "https://segmentfault.com/a/1190000042461022",
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "8",
-    "rank": 22
+    "votes": "4",
+    "rank": 26
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -204,7 +240,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 23
+    "rank": 27
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -213,16 +249,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 24
-  },
-  {
-    "title": "近期对前端性能优化的总结",
-    "description": "前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...",
-    "url": "https://segmentfault.com/a/1190000042461022",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "4",
-    "rank": 25
+    "rank": 28
   },
   {
     "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
@@ -231,42 +258,15 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "7",
-    "rank": 26
-  },
-  {
-    "title": "CSS 有了:has伪类可以做些什么？",
-    "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
-    "url": "https://segmentfault.com/a/1190000042490237",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "8",
-    "rank": 27
-  },
-  {
-    "title": "新时代布局新特性 -- 容器查询",
-    "description": "而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。",
-    "url": "https://segmentfault.com/a/1190000042475705",
-    "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
   },
   {
-    "title": "微信小程序转为App并上架应用市场",
-    "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
-    "url": "https://segmentfault.com/a/1190000042503461",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "4",
+    "title": "Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字",
+    "description": "作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...",
+    "url": "https://segmentfault.com/a/1190000042504992",
+    "author": "宁在春",
+    "home_url": "https://segmentfault.com/u/wyh_study",
+    "votes": "11",
     "rank": 30
   }
 ]