@wcj/github-rank 22.9.30 → 22.10.2

package/dist/sifou-daily.json

@@ -1,74 +1,20 @@
 [
   {
-    "title": "前端web实现（@、At、艾特）选人或引用数据",
-    "description": "1、在输入框中输入 @ ，弹出浮窗，然后可以选择浮窗中相关的数据；2、在输入框中输入 # ，弹出浮窗，然后可以选择浮窗中相关的数据；3、@ 和 # 引用的数据要包含名称和id等，最终要传给后端；4、删除 @ 和 # 引用...",
-    "url": "https://segmentfault.com/a/1190000042563289",
-    "author": "xmanlin",
-    "home_url": "https://segmentfault.com/u/dxpang",
+    "title": "ShardingSphere高CPU消耗的问题",
+    "description": "ShardingSphere官方文档[链接]一、老版本TreeMap问题在5.0.0之前的ShardingResultSet中使用的TreeMap设置的不分大小写导致的，这个源码中写死的。1.1 标志性热点二、5.0.0版本之后去掉了TreeMap在5.0.0版本之后，...",
+    "url": "https://segmentfault.com/a/1190000042567934",
+    "author": "开翻挖掘机",
+    "home_url": "https://segmentfault.com/u/wajueji9527",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "Monaco Editor 中的 Keybinding 机制",
-    "description": "前段时间碰到了一个 Keybinding 相关的问题，于是探究了一番，首先大家可能会有两个问题：Monaco Editor 是啥？Keybinding 又是啥？",
-    "url": "https://segmentfault.com/a/1190000042562942",
-    "author": "袋鼠云数栈UED",
-    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
-    "votes": "2",
-    "rank": 2
-  },
-  {
-    "title": "撸了一款 Vue 生态缺失的 CMD+K 类库",
-    "description": "9月底，新轮子又来了，Vue Command Palette 是一个为 Vue 而生的快速、无样式、可组合的 Command Palette（CMDK）组件库。",
-    "url": "https://segmentfault.com/a/1190000042559544",
-    "author": "xiaoluoboding",
-    "home_url": "https://segmentfault.com/u/xlbd",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "Dev Together 🥳 2022 开发者生态峰会正式启动，议题征集启动！",
-    "description": "Dev Together 中国开发者生态峰会是由 SegmentFault 思否发起的，面向 to D Marketing、开发者运营、开发者关系从业者的交流活动。我们希望打破日常工作中来自不同厂商背景给大家带来的交流屏障，在一个中立的平...",
-    "url": "https://segmentfault.com/a/1190000042560534",
-    "author": "波波Nadia",
-    "home_url": "https://segmentfault.com/u/bobonadia",
-    "votes": "2",
-    "rank": 4
-  },
-  {
-    "title": "vue 项目vue.config.js 中 devServer proxy 未生效问题解决方案",
-    "description": "clone vue-material-admin 项目到本地运行, 修改了 .env.development, 希望代理到本地5005端口 {代码...} 改为了(参考原始内容照葫芦画瓢, .env.development误人啊) {代码...} devServer配置代理如下 {代码...} ...",
-    "url": "https://segmentfault.com/a/1190000042560078",
-    "author": "Yi_Zhi_Yu",
-    "home_url": "https://segmentfault.com/u/a_fish",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "常用正则表达式整理",
-    "description": "常用正则表达式(持续更新)校验数字 {代码...} 校验字符 {代码...} 其他 {代码...}",
-    "url": "https://segmentfault.com/a/1190000042560341",
-    "author": "wasdquiop",
-    "home_url": "https://segmentfault.com/u/ryan_5fd1bc9a06259",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "javaScript正则表达式",
-    "description": "RegExp：是正则表达式（regular expression）的简写正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具",
-    "url": "https://segmentfault.com/a/1190000042560239",
-    "author": "wasdquiop",
-    "home_url": "https://segmentfault.com/u/ryan_5fd1bc9a06259",
+    "title": "React面试：谈谈虚拟DOM，Diff算法与Key机制",
+    "description": "原生的JS DOM操作非常消耗性能，而React把真实原生JS DOM转换成了JavaScript对象。这就是虚拟Dom（Virtual Dom）",
+    "url": "https://segmentfault.com/a/1190000042567864",
+    "author": "紧张的大葱",
+    "home_url": "https://segmentfault.com/u/jinzhangdedacong",
     "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "【2-6 Golang】Go并发编程—定时器timer",
-    "description": "定时器使得我们可以延迟若干时间执行某项任务，或者以某一时间周期性执行某项任务，Linux系统本身也具备定时器能力，Go语言是定时器是基于系统调用实现的吗？另外，Go语言不是多协程吗，定时器触发时...",
-    "url": "https://segmentfault.com/a/1190000042559485",
-    "author": "西红柿",
-    "home_url": "https://segmentfault.com/u/tomato_5e8c292fd884c",
-    "votes": "1",
-    "rank": 8
+    "rank": 2
   }
 ]

package/dist/sifou-monthly.json

@@ -1,4 +1,13 @@
 [
+  {
+    "title": "「多图预警」完美实现一个@功能",
+    "description": "一天产品大大向 boss 汇报完研发成果和产品业绩产出，若有所思的走出来，劲直向我走过来，嘴角微微上扬。产品大大：boss 对我们的研发成果挺满意的，balabala...（内心 OS：不听，讲重点）产品大大：咱们的客服 I...",
+    "url": "https://segmentfault.com/a/1190000042481321",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "23",
+    "rank": 1
+  },
   {
     "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
     "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
@@ -6,7 +15,7 @@
     "author": "dreamapplehappy",
     "home_url": "https://segmentfault.com/u/dreamapplehappy",
     "votes": "21",
-    "rank": 1
+    "rank": 2
   },
   {
     "title": "还在用定时器吗？借助 CSS 来监听事件",
@@ -14,16 +23,7 @@
     "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...",
-    "url": "https://segmentfault.com/a/1190000042481321",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "21",
+    "votes": "24",
     "rank": 3
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000042517595",
     "author": "南城大前端",
     "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "16",
+    "votes": "18",
     "rank": 5
   },
   {
@@ -50,9 +50,27 @@
     "url": "https://segmentfault.com/a/1190000042547772",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "15",
+    "votes": "16",
     "rank": 6
   },
+  {
+    "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": "17",
+    "rank": 7
+  },
+  {
+    "title": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 8
+  },
   {
     "title": "实现《羊了个羊》的小游戏",
     "description": "这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。",
@@ -60,7 +78,7 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "13",
-    "rank": 7
+    "rank": 9
   },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
@@ -69,7 +87,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 8
+    "rank": 10
   },
   {
     "title": "CSS transform、transition、animation 指南",
@@ -78,25 +96,16 @@
     "author": "散一群逗逼",
     "home_url": "https://segmentfault.com/u/sanyiqundoubi",
     "votes": "12",
-    "rank": 9
-  },
-  {
-    "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": 10
+    "rank": 11
   },
   {
-    "title": "单标签实现复杂的棋盘布局",
-    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
-    "url": "https://segmentfault.com/a/1190000042513947",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "title": "漫画 | Serverless + Data，让后端告别搬砖！",
+    "description": "文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...",
+    "url": "https://segmentfault.com/a/1190000042554569",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 11
+    "rank": 12
   },
   {
     "title": "使用 SVG 生成带标识的 favicon",
@@ -105,7 +114,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 12
+    "rank": 13
   },
   {
     "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
@@ -114,7 +123,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "10",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "AI数字绘画 stable-diffusion 保姆级教程",
@@ -123,7 +132,16 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "9",
-    "rank": 14
+    "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": "9",
+    "rank": 16
   },
   {
     "title": "【已结束】SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
@@ -132,7 +150,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 15
+    "rank": 17
   },
   {
     "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
@@ -141,16 +159,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "8",
-    "rank": 16
-  },
-  {
-    "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
+    "rank": 18
   },
   {
     "title": "CSS 有了:has伪类可以做些什么？",
@@ -159,7 +168,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "10",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "有意思的水平横向溢出滚动",
@@ -168,7 +177,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "6",
-    "rank": 19
+    "rank": 20
+  },
+  {
+    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
+    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
+    "url": "https://segmentfault.com/a/1190000042550192",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
+    "rank": 21
   },
   {
     "title": "CodeForBetter_Hackathon，唤醒代码的力量",
@@ -177,7 +195,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 20
+    "rank": 22
   },
   {
     "title": "图解JS中的事件循环",
@@ -186,16 +204,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "6",
-    "rank": 21
-  },
-  {
-    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
-    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
-    "url": "https://segmentfault.com/a/1190000042550192",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
-    "rank": 22
+    "rank": 23
   },
   {
     "title": "Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字",
@@ -204,7 +213,7 @@
     "author": "宁在春",
     "home_url": "https://segmentfault.com/u/wyh_study",
     "votes": "12",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
@@ -213,15 +222,6 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "4",
-    "rank": 24
-  },
-  {
-    "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": 25
   },
   {
@@ -233,6 +233,24 @@
     "votes": "5",
     "rank": 26
   },
+  {
+    "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": 27
+  },
+  {
+    "title": "借助 :has 实现3d轮播图",
+    "description": "前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...",
+    "url": "https://segmentfault.com/a/1190000042512102",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "7",
+    "rank": 28
+  },
   {
     "title": "新时代布局新特性 -- 容器查询",
     "description": "而目前，我们也能在 Chrome Canary 版本中，或者在 Chrome 93~104 通过开启 Enable CSS Container Queries 特性抢先体验。",
@@ -240,7 +258,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "8",
-    "rank": 27
+    "rank": 29
   },
   {
     "title": "用Vue.js写一个命令行贪吃蛇游戏",
@@ -249,24 +267,6 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "6",
-    "rank": 28
-  },
-  {
-    "title": "近期对前端性能优化的总结",
-    "description": "前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...",
-    "url": "https://segmentfault.com/a/1190000042461022",
-    "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
   }
 ]