@wcj/github-rank 22.9.27 → 22.9.28

package/web/data/sifou-daily.json

@@ -1,29 +1,56 @@
 [
   {
-    "title": "在 Vue 中，使用 $attrs 构建高级组件",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042472592",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "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": "一万小时真的能成为专家吗？",
-    "description": "今天不聊具体的技术问题，聊一聊个人成长的问题，大家可能对一万小时定律耳熟能详了， 作家格拉德威尔在《异类》一书中说道：“人们眼中的天才之所以卓越非凡，并非天资超人一等，而是付出了持续不断...",
-    "url": "https://segmentfault.com/a/1190000042545387",
-    "author": "xindoo",
-    "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "2",
+    "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": "知乎疯转上万次的Spring Security手册及源码笔记",
-    "description": "Spring是非常流行和成功的Java应用开发框架，SpringSecurity正是Spring家族中的成员。SpringSecurity基于Spring框架，提供了一套Web应用安全性的完整解决方案。正如你可能知道的关于安全方面的两个主要区域是“认...",
-    "url": "https://segmentfault.com/a/1190000042544648",
-    "author": "Java架构师",
-    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
-    "votes": "1",
+    "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": "21",
-    "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,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "使用 SVG 生成带标识的 favicon",
@@ -68,8 +77,8 @@
     "url": "https://segmentfault.com/a/1190000042435536",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
-    "rank": 8
+    "votes": "11",
+    "rank": 9
   },
   {
     "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
@@ -78,7 +87,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "CSS transform、transition、animation 指南",
@@ -87,7 +96,16 @@
     "author": "散一群逗逼",
     "home_url": "https://segmentfault.com/u/sanyiqundoubi",
     "votes": "11",
-    "rank": 10
+    "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 保姆级教程",
@@ -96,7 +114,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "8",
-    "rank": 11
+    "rank": 13
   },
   {
     "title": "【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
@@ -105,16 +123,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 12
-  },
-  {
-    "title": "盘点一些好用的 JS 单行代码",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042391998",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "13",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "那些你不知道的炫酷按钮交互效果",
@@ -122,8 +131,8 @@
     "url": "https://segmentfault.com/a/1190000042517595",
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "10",
-    "rank": 14
+    "votes": "11",
+    "rank": 15
   },
   {
     "title": "单标签实现复杂的棋盘布局",
@@ -131,25 +140,16 @@
     "url": "https://segmentfault.com/a/1190000042513947",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "9",
-    "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": "13",
+    "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",
+    "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
   },
   {
@@ -170,15 +170,6 @@
     "votes": "4",
     "rank": 19
   },
-  {
-    "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": 20
-  },
   {
     "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
     "description": "2022 年 9 月 16 日，2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题，在“共码未来”的号召下，本届 Hackathon 大赛涌现出一大批针对多类型现实难...",
@@ -186,6 +177,15 @@
     "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
   },
   {
@@ -206,6 +206,15 @@
     "votes": "5",
     "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》",
     "description": "SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。",
@@ -213,7 +222,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "近期对前端性能优化的总结",
@@ -222,7 +231,7 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "4",
-    "rank": 25
+    "rank": 26
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -231,7 +240,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 26
+    "rank": 27
   },
   {
     "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
@@ -240,7 +249,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "8",
-    "rank": 27
+    "rank": 28
   },
   {
     "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
@@ -249,24 +258,15 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "7",
-    "rank": 28
-  },
-  {
-    "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": 29
   },
   {
-    "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",
+    "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
   }
 ]