@wcj/github-rank 22.9.28 → 22.9.29

package/dist/sifou-daily.json

@@ -1,56 +1,56 @@
 [
   {
-    "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",
+    "title": "漫画 | Serverless + Data，让后端告别搬砖！",
+    "description": "文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...",
+    "url": "https://segmentfault.com/a/1190000042554569",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "2",
     "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",
+    "title": "项目篇：高并发内存池",
+    "description": "所谓池化技术，就是程序先向系统申请过量的资源，然后自己管理，当程序中需要申请内存时，不是直接向操作系统申请，而是直接从内存池中获取，释放内存时也不是将内存返回给操作系统，而是返回内存池中。",
+    "url": "https://segmentfault.com/a/1190000042558168",
+    "author": "夜枫微凉",
+    "home_url": "https://segmentfault.com/u/yefengweiliang",
+    "votes": "1",
     "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",
+    "title": "angular 附件上传  以及深拷贝",
+    "description": "ts里的深拷贝本来想着点击取消，恢复数据后，能取消掉实体的改动。比如如下图， 恢复数据后，A 能恢复到 a 数据的状态。 但是，经过测试发现,并没有。测试的代码, 可以看到。 带星号的代码1.ngOnInit（）的时候复...",
+    "url": "https://segmentfault.com/a/1190000042558152",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "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",
+    "title": "angular 指令",
+    "description": "首先就是如何在组件中使用指令，也就是我们所熟悉的selector,这里的selector规则与组件不同，组件在使用是是直接作为标签来使用如：",
+    "url": "https://segmentfault.com/a/1190000042558126",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
     "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",
+    "title": "Go 为什么能火？归功于这 5 个方面",
+    "description": "在国外的播客节目 Go Time #100 中，Rob Pike 和 Robert Griesemer（Go 的两位创始人）和主持人 Jerod Santo 讨论了 Go 语言的成功缘由和一些思考。",
+    "url": "https://segmentfault.com/a/1190000042555900",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "设计模式之状态模式",
-    "description": "实际开发中订单往往都包含着订单状态，用户每进行一次操作都要切换对应的状态，而每次切换判断当前的状态是必须的，就不可避免的引入一系列判断语句，为了让代码更加清晰直观，我们引入今天的主角——状态模式。",
-    "url": "https://segmentfault.com/a/1190000042549218",
-    "author": "程序员田同学",
-    "home_url": "https://segmentfault.com/u/tian_study",
-    "votes": "2",
+    "title": "用这招监听 Vue 的插槽变化",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042554193",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
     "rank": 6
   }
 ]

package/dist/sifou-monthly.json

@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000042481321",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "20",
+    "votes": "21",
     "rank": 3
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000042529771",
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "10",
+    "votes": "13",
     "rank": 4
   },
   {
@@ -44,6 +44,15 @@
     "votes": "16",
     "rank": 5
   },
+  {
+    "title": "那些你不知道的炫酷按钮交互效果",
+    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
+    "url": "https://segmentfault.com/a/1190000042517595",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "14",
+    "rank": 6
+  },
   {
     "title": "实现《羊了个羊》的小游戏",
     "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
@@ -51,7 +60,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "13",
-    "rank": 6
+    "rank": 7
   },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
@@ -60,7 +69,16 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 7
+    "rank": 8
+  },
+  {
+    "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": "16",
+    "rank": 9
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -69,7 +87,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 8
+    "rank": 10
+  },
+  {
+    "title": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "10",
+    "rank": 11
   },
   {
     "title": "使用 SVG 生成带标识的 favicon",
@@ -78,7 +105,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 9
+    "rank": 12
   },
   {
     "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
@@ -87,7 +114,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 10
+    "rank": 13
   },
   {
     "title": "CSS transform、transition、animation 指南",
@@ -96,16 +123,16 @@
     "author": "散一群逗逼",
     "home_url": "https://segmentfault.com/u/sanyiqundoubi",
     "votes": "11",
-    "rank": 11
+    "rank": 14
   },
   {
-    "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": "CSS transition 小技巧！如何保留 hover 的状态？",
+    "description": "欢迎关注我的公众号：前端侦探通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 {代码...} 这就意味着，如果需要保留hover的状态，可能就不得不借助JS了，比如下面是某某书院的首页...",
+    "url": "https://segmentfault.com/a/1190000042547772",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
+    "rank": 15
   },
   {
     "title": "AI数字绘画 stable-diffusion 保姆级教程",
@@ -114,7 +141,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "8",
-    "rank": 13
+    "rank": 16
   },
   {
     "title": "【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
@@ -123,25 +150,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 14
-  },
-  {
-    "title": "那些你不知道的炫酷按钮交互效果",
-    "description": "在日常开发中肯定都遇到过不少有按钮交互的地方，但你有用到什么炫酷的交互效果吗？日常开发中想必最多的就是点击按钮背景文字变色，阴影，按钮按下，加载中之类的效果，相对都比较平平无奇，都是一些按部就班的...",
-    "url": "https://segmentfault.com/a/1190000042517595",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "11",
-    "rank": 15
-  },
-  {
-    "title": "单标签实现复杂的棋盘布局",
-    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
-    "url": "https://segmentfault.com/a/1190000042513947",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "10",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "当你 git push 时，极狐GitLab上发生了什么？",
@@ -150,7 +159,16 @@
     "author": "极狐GitLab",
     "home_url": "https://segmentfault.com/u/jihu_gitlab",
     "votes": "8",
-    "rank": 17
+    "rank": 18
+  },
+  {
+    "title": "CSS 有了:has伪类可以做些什么？",
+    "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
+    "url": "https://segmentfault.com/a/1190000042490237",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "10",
+    "rank": 19
   },
   {
     "title": "有意思的水平横向溢出滚动",
@@ -159,7 +177,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 18
+    "rank": 20
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -168,7 +186,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 19
+    "rank": 21
+  },
+  {
+    "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": "6",
+    "rank": 22
   },
   {
     "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
@@ -177,34 +204,16 @@
     "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写一个命令行贪吃蛇游戏",
-    "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": "6",
-    "rank": 22
+    "rank": 23
   },
   {
-    "title": "图解JS中的事件循环",
-    "description": "1、js单线程，并非指js只有一个线程，而是同一时刻只能有一个线程在工作。2、js中，主线程之外，还有其他线程，比如事件循环线程，定时器触发线程，http异步线程， 浏览器事件线程。3、在js主线程中，分为两个子...",
-    "url": "https://segmentfault.com/a/1190000042485178",
+    "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
+    "description": "偶然一次发现，他们两个的引入模块的方式不一样，在好奇心的驱使下，便开始一探究竟。1、vue.config方式打开项目的package.json，找到 scripts位置。找到 vue-cli-service 命令，通常命令都位于当前项目的node_mo...",
+    "url": "https://segmentfault.com/a/1190000042432407",
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "5",
-    "rank": 23
+    "votes": "8",
+    "rank": 24
   },
   {
     "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
@@ -213,16 +222,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 24
+    "rank": 25
   },
   {
-    "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": 25
+    "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": "6",
+    "rank": 26
   },
   {
     "title": "近期对前端性能优化的总结",
@@ -231,7 +240,16 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "4",
-    "rank": 26
+    "rank": 27
+  },
+  {
+    "title": "Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字",
+    "description": "作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...",
+    "url": "https://segmentfault.com/a/1190000042504992",
+    "author": "宁在春",
+    "home_url": "https://segmentfault.com/u/wyh_study",
+    "votes": "12",
+    "rank": 28
   },
   {
     "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
@@ -240,16 +258,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 27
-  },
-  {
-    "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
-    "description": "偶然一次发现，他们两个的引入模块的方式不一样，在好奇心的驱使下，便开始一探究竟。1、vue.config方式打开项目的package.json，找到 scripts位置。找到 vue-cli-service 命令，通常命令都位于当前项目的node_mo...",
-    "url": "https://segmentfault.com/a/1190000042432407",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "8",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
@@ -258,15 +267,6 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "7",
-    "rank": 29
-  },
-  {
-    "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
   }
 ]