@wcj/github-rank 22.10.5 → 22.10.7

package/dist/sifou-daily.json

@@ -1,38 +1 @@
-[
-  {
-    "title": "牛客网高频算法题系列-BM16-删除有序链表中重复的元素-II",
-    "description": "首先，考虑特殊情况，如果链表为空或者只有一个结点，不会有重复的元素，返回原链表。否则，遍历链表判断是否有重复元素，处理过程如下：首先，因为头结点也可能重复，所以使用一个虚拟头结点dummyNode；然后，用...",
-    "url": "https://segmentfault.com/a/1190000042572573",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
-    "rank": 1
-  },
-  {
-    "title": "Linux三剑客：grep、sed、awk基础入门学习笔记",
-    "description": "正则表达式是对字符串和特殊字符操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。",
-    "url": "https://segmentfault.com/a/1190000042572545",
-    "author": "生信分析笔记",
-    "home_url": "https://segmentfault.com/u/jewin",
-    "votes": "2",
-    "rank": 2
-  },
-  {
-    "title": "从零开始Wails2编写Web桌面应用",
-    "description": "前端要写桌面应用的话首先想到的肯定是Electron，Electron的应用成熟度已经无可置疑，但包体积始终是个令人头疼的问题。如果很在意体积问题，而且喜欢尝试新技术的话，在现代其他编程语言不断侵入前端生态的情况...",
-    "url": "https://segmentfault.com/a/1190000042572133",
-    "author": "LnEoi",
-    "home_url": "https://segmentfault.com/u/lneoi",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "解决图片底部白边",
-    "description": "解决图片底部白边当图片的父元素是一个块盒，且父元素高度自动即没有指定值，图片底部和父元素底边之间往往会出现空白。例： {代码...} 效果如下 ：我们可以明显的看到图片与边框存在一个白边，那么我们要如何解...",
-    "url": "https://segmentfault.com/a/1190000042573147",
-    "author": "小卢没烦恼",
-    "home_url": "https://segmentfault.com/u/_632fb19cc6ef3",
-    "votes": "1",
-    "rank": 4
-  }
-]
+[]

package/dist/sifou-monthly.json

@@ -62,6 +62,15 @@
     "votes": "18",
     "rank": 7
   },
+  {
+    "title": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "12",
+    "rank": 8
+  },
   {
     "title": "使用 SVG 生成带标识的 favicon",
     "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
@@ -69,15 +78,6 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "12",
-    "rank": 8
-  },
-  {
-    "title": "单标签实现复杂的棋盘布局",
-    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
-    "url": "https://segmentfault.com/a/1190000042513947",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
     "rank": 9
   },
   {
@@ -170,15 +170,6 @@
     "votes": "7",
     "rank": 19
   },
-  {
-    "title": "有意思的水平横向溢出滚动",
-    "description": "最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...",
-    "url": "https://segmentfault.com/a/1190000042443056",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "6",
-    "rank": 20
-  },
   {
     "title": "Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字",
     "description": "作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...",
@@ -186,6 +177,15 @@
     "author": "宁在春",
     "home_url": "https://segmentfault.com/u/wyh_study",
     "votes": "12",
+    "rank": 20
+  },
+  {
+    "title": "有意思的水平横向溢出滚动",
+    "description": "最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如...",
+    "url": "https://segmentfault.com/a/1190000042443056",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "6",
     "rank": 21
   },
   {
@@ -206,15 +206,6 @@
     "votes": "5",
     "rank": 23
   },
-  {
-    "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": 24
-  },
   {
     "title": "借助 :has 实现3d轮播图",
     "description": "前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...",
@@ -222,15 +213,24 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "7",
+    "rank": 24
+  },
+  {
+    "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": 25
   },
   {
-    "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",
+    "title": "5 种瀑布流场景的实现原理解析",
+    "description": "一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...",
+    "url": "https://segmentfault.com/a/1190000042562451",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "6",
     "rank": 26
   },
   {
@@ -243,23 +243,14 @@
     "rank": 27
   },
   {
-    "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",
+    "title": "与小程序的 2M 空间斗智斗勇之图片优化",
+    "description": "现在的网站或者 app 等各类应用，但凡有图片资源，基本上都是通过 CDN 的方式加载，而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情，必然是对图片资源的优化、压缩。久而久之，大家似乎也...",
+    "url": "https://segmentfault.com/a/1190000042507363",
+    "author": "林小志",
+    "home_url": "https://segmentfault.com/u/linxz",
+    "votes": "4",
     "rank": 28
   },
-  {
-    "title": "5 种瀑布流场景的实现原理解析",
-    "description": "一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...",
-    "url": "https://segmentfault.com/a/1190000042562451",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "6",
-    "rank": 29
-  },
   {
     "title": "近期对前端性能优化的总结",
     "description": "前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...",
@@ -267,6 +258,15 @@
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "4",
+    "rank": 29
+  },
+  {
+    "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
+    "description": "AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。",
+    "url": "https://segmentfault.com/a/1190000042509388",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
+    "votes": "6",
     "rank": 30
   }
 ]