@wcj/github-rank 22.8.22 → 22.8.25

package/web/data/sifou-daily.json

@@ -1,64 +1,64 @@
 [
   {
-    "title": "专业的三维人物动画制作工具：DAZ Studio",
-    "description": "想要制作三维动画不知道用什么工具？DAZ Studio是一款功能强大的三维人物动画制作工具，通过软件自带的虚拟人物模型，您不仅可以自由的添加场景环境等虚拟元素，还可以进行相关主题以及光线效果的设置，用户可以...",
-    "url": "https://segmentfault.com/a/1190000042352541",
-    "author": "吱吱的小奶包",
-    "home_url": "https://segmentfault.com/u/jinzhangdemianbao",
-    "votes": "2",
+    "title": "理想汽车 x JuiceFS：从 Hadoop 到云原生的演进与思考",
+    "description": "第一个时期： 2006 年到 2008 年。2008 年左右，Hadoop 成为了 Apache 顶级项目，并正式发布了 1.0 版本，它的基础主要是基于谷歌的三驾马车，GFS、MapReduce、BigTable 去定义的。",
+    "url": "https://segmentfault.com/a/1190000042370647",
+    "author": "JuiceFS",
+    "home_url": "https://segmentfault.com/u/juicefs",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "如何在CSS中使用变量",
-    "description": "CSS变量（官方称为自定义属性）是用户定义的值，它可以在你的代码库中设置一次并多次使用。它们使管理颜色、字体、大小和动画值变得更加容易，并确保整个web应用的一致性。",
-    "url": "https://segmentfault.com/a/1190000042352473",
-    "author": "chuck",
-    "home_url": "https://segmentfault.com/u/chuckqu",
-    "votes": "2",
+    "title": "编程语言中索引签名是什么？",
+    "description": "撰稿：宗喆原文：[链接]KusionStack: [链接]KCLVM: [链接]1. 背景最近在参与 KusionStack 内置的领域语言 —— KCL配置语言编译器 的开发，语言的语法中包括一个“索引签名”的概念，在参与社区讨论的时候发现很多小...",
+    "url": "https://segmentfault.com/a/1190000042367592",
+    "author": "chai2010",
+    "home_url": "https://segmentfault.com/u/chai2010",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "初学Go 值得深研的7大开源项目",
-    "description": "go-admin基于Gin + Vue + Element UI的前后端分离权限管理系统,系统初始化极度简单，只需要配置文件中，修改数据库连接，系统支持多指令操作，迁移指令可以让初始化数据库信息变得更简单，服务指令可以很简单的启...",
-    "url": "https://segmentfault.com/a/1190000042353994",
-    "author": "7small7",
-    "home_url": "https://segmentfault.com/u/7small7",
+    "title": "5个常见的JavaScript内存错误",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042366651",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "[Vue warn]: Method xx has already been defined as a prop",
-    "description": "报错如下Vue wran]: Method \"onLogin\" has already been defined as a prop.原因：一个组件内，props、data、computed、methods都会被挂载到vue实例(vm)上，因此不能重名解决:1、命名避开重名2、在watch监听里写",
-    "url": "https://segmentfault.com/a/1190000042353949",
-    "author": "starwang",
-    "home_url": "https://segmentfault.com/u/xiao_chen",
+    "title": "Prometheus+Grafana监控-基于docker-compose搭建",
+    "description": "Prometheus 是有 SoundCloud 开发的开源监控系统和时序数据库，基于 Go 语言开发。通过基于 HTTP 的 pull 方式采集时序数据，通过服务发现或静态配置去获取要采集的目标服务器，支持多节点工作，支持多种可视化图...",
+    "url": "https://segmentfault.com/a/1190000042371302",
+    "author": "MaxFang",
+    "home_url": "https://segmentfault.com/u/maxfang",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
-    "description": "你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会'卡死', 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...",
-    "url": "https://segmentfault.com/a/1190000042353870",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "3",
+    "title": "使用Operator的方式部署Prometheus",
+    "description": "一、介绍Operator是CoreOS公司开发，用于扩展kubernetes API或特定应用程序的控制器，它用来创建、配置、管理复杂的有状态应用，例如数据库，监控系统。其中Prometheus-Operator就是其中一个重要的项目。其架构图...",
+    "url": "https://segmentfault.com/a/1190000042370605",
+    "author": "小源学算法",
+    "home_url": "https://segmentfault.com/u/vdp7zaz5",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "伙计，Go项目怎么使用枚举？",
-    "description": "哈喽，大家好，我是asong。枚举是一种很重要的数据类型，在java、C语言等主流编程语言中都支持了枚举类型，但是在Go语言中却没有枚举类型，那有什么替代方案吗？ 本文我们来聊一聊这个事情；",
-    "url": "https://segmentfault.com/a/1190000042353300",
-    "author": "asong",
-    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
+    "title": "带你玩转消息队列和相关选型！",
+    "description": "导语 | 本文主要介绍Kafka、RabbitMQ、Pulsar、RocketMQ相关的基本原理和选型对比，希望对此方向感兴趣的读者提供一定经验和帮助。",
+    "url": "https://segmentfault.com/a/1190000042371688",
+    "author": "腾讯云开发者",
+    "home_url": "https://segmentfault.com/u/qcloudcommunity",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "几个提升Go语言开发效率的小技巧",
-    "description": "哈喽，大家好，我是asong。每门语言都有自己的语法糖，像java的语法糖就有方法变长参数、拆箱与装箱、枚举、for-each等等，Go语言也不例外，其也有自己的语法糖，掌握这些语法糖可以助我们提高开发的效率，所以本...",
-    "url": "https://segmentfault.com/a/1190000042353285",
-    "author": "asong",
-    "home_url": "https://segmentfault.com/u/asong_5eeb7a1d0da86",
+    "title": "万物皆可集成系列：低代码对接泛微e-cology",
+    "description": "近些年来，当谈论到企业信息化的时候，OA作为集团化全员应用，在企业经营管理中使用非常广泛。众所周知，泛微e-cology作为面向大中型企业的平台型协同办公自动化系统，它的标准化功能和软件的易用性，大大的提升...",
+    "url": "https://segmentfault.com/a/1190000042369220",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
     "rank": 7
   }

package/web/data/sifou-monthly.json

@@ -1,12 +1,30 @@
 [
+  {
+    "title": "多行文本下的文字渐隐消失术",
+    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
+    "url": "https://segmentfault.com/a/1190000042325723",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "24",
+    "rank": 1
+  },
+  {
+    "title": "Windows滚动条如何美化成 macOS 那样？",
+    "description": "欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...",
+    "url": "https://segmentfault.com/a/1190000042323523",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "30",
+    "rank": 2
+  },
   {
     "title": "提升web输入体验！JS 如何自动配对标点符号？",
     "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
     "url": "https://segmentfault.com/a/1190000042251637",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "23",
-    "rank": 1
+    "votes": "24",
+    "rank": 3
   },
   {
     "title": "圆角大杀器，使用滤镜构建圆角及波浪效果",
@@ -14,8 +32,8 @@
     "url": "https://segmentfault.com/a/1190000042217200",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "25",
-    "rank": 2
+    "votes": "26",
+    "rank": 4
   },
   {
     "title": "使用 CSS 构建强大且酷炫的粒子动画",
@@ -24,7 +42,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 3
+    "rank": 5
   },
   {
     "title": "妙用 CSS 构建花式透视背景效果",
@@ -33,7 +51,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 4
+    "rank": 6
   },
   {
     "title": "社区维基：将你的问答捐赠给社区",
@@ -42,7 +60,7 @@
     "author": "fenbox",
     "home_url": "https://segmentfault.com/u/fenbox",
     "votes": "13",
-    "rank": 5
+    "rank": 7
   },
   {
     "title": "防御式CSS是什么？这几点属性重点防御！",
@@ -51,7 +69,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "19",
-    "rank": 6
+    "rank": 8
   },
   {
     "title": "前端构建效率优化之路",
@@ -60,16 +78,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 7
-  },
-  {
-    "title": "多行文本下的文字渐隐消失术",
-    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
-    "url": "https://segmentfault.com/a/1190000042325723",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "17",
-    "rank": 8
+    "rank": 9
   },
   {
     "title": "可视化拖拽组件库一些技术要点原理分析（四）",
@@ -78,7 +87,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "14",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "今҈天҈真҈是҈热҈化҈了҈！",
@@ -87,7 +96,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "16",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "即日起，ONES 团队版50人以下免费",
@@ -96,16 +105,16 @@
     "author": "万事ONES",
     "home_url": "https://segmentfault.com/u/wanshiones",
     "votes": "11",
-    "rank": 11
+    "rank": 12
   },
   {
-    "title": "Windows滚动条如何美化成 macOS 那样？",
-    "description": "欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...",
-    "url": "https://segmentfault.com/a/1190000042323523",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
-    "rank": 12
+    "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
+    "description": "思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...",
+    "url": "https://segmentfault.com/a/1190000042331835",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "9",
+    "rank": 13
   },
   {
     "title": "使用前端技术实现静态图片局部流动效果 🌊",
@@ -114,7 +123,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "Wuzzle，进行基于 webpack 的 JS 转译",
@@ -123,7 +132,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "React Fiber架构原理剖析",
@@ -132,7 +141,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "11",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
@@ -141,7 +150,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "markdown 编辑器实现双屏同步滚动",
@@ -150,7 +159,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "9",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
@@ -159,15 +168,6 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "12",
-    "rank": 18
-  },
-  {
-    "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成既得限量周边！",
-    "description": "思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...",
-    "url": "https://segmentfault.com/a/1190000042331835",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "8",
     "rank": 19
   },
   {
@@ -176,7 +176,7 @@
     "url": "https://segmentfault.com/a/1190000042232699",
     "author": "JackySummer",
     "home_url": "https://segmentfault.com/u/jackysummer",
-    "votes": "15",
+    "votes": "16",
     "rank": 20
   },
   {
@@ -188,6 +188,15 @@
     "votes": "11",
     "rank": 21
   },
+  {
+    "title": "前端晋升答辩-性能优化篇范式",
+    "description": "本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。",
+    "url": "https://segmentfault.com/a/1190000042264240",
+    "author": "胡哥有话说",
+    "home_url": "https://segmentfault.com/u/justbecoder",
+    "votes": "7",
+    "rank": 22
+  },
   {
     "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
     "description": "近期工作有涉及到数字大屏的需求，于是利用业余时间，结合 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。页面使用 React + Three.js + Echarts + stylus 技术栈，本文涉及到的主...",
@@ -195,7 +204,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "6",
-    "rank": 22
+    "rank": 23
   },
   {
     "title": "你的 Tap bar  不够花里胡哨，试试这个！",
@@ -204,7 +213,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "基于 Next.js实现在线Excel",
@@ -213,15 +222,6 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "5",
-    "rank": 24
-  },
-  {
-    "title": "前端晋升答辩-性能优化篇范式",
-    "description": "本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。",
-    "url": "https://segmentfault.com/a/1190000042264240",
-    "author": "胡哥有话说",
-    "home_url": "https://segmentfault.com/u/justbecoder",
-    "votes": "7",
     "rank": 25
   },
   {
@@ -251,15 +251,6 @@
     "votes": "5",
     "rank": 28
   },
-  {
-    "title": "整理了这23个开源项，初学者可以拿来练习！",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042266784",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "7",
-    "rank": 29
-  },
   {
     "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
     "description": "大家好,我是webfansplz.继将 Vue 渲染到嵌入式液晶屏后,今天要跟大家分享的是如何将Vue渲染到命令行工具 :).关于命令行工具,大家应该都比较熟悉了,比如vue-cli、Vite等.我们在编写前端应用面向用户时,通常会非常...",
@@ -267,6 +258,15 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "4",
+    "rank": 29
+  },
+  {
+    "title": "整理了这23个开源项，初学者可以拿来练习！",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042266784",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "7",
     "rank": 30
   }
 ]