@wcj/github-rank 22.7.5 → 22.7.6

package/web/data/sifou-daily.json

@@ -1,137 +1,101 @@
 [
   {
-    "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
-    "description": "在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影",
-    "url": "https://segmentfault.com/a/1190000042065365",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "title": "使用纯 CSS 实现超酷炫的粘性气泡效果",
+    "description": "最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...",
+    "url": "https://segmentfault.com/a/1190000042070334",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "11",
     "rank": 1
   },
   {
-    "title": "runc hang 导致 Kubernetes 节点 NotReady",
-    "description": "Kubernetes 1.19.3OS: CentOS 7.9.2009Kernel: 5.4.94-1.el7.elrepo.x86_64Docker: 20.10.6先说结论，runc v1.0.0-rc93 有 bug，会导致 docker hang 住。发现问题线上告警提示集群中存在 2-3 个 K8s 节点处于 Not...",
-    "url": "https://segmentfault.com/a/1190000042065327",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
+    "title": "使用CSS background实现炫酷悬停效果",
+    "description": "日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...",
+    "url": "https://segmentfault.com/a/1190000042069856",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
+    "votes": "5",
     "rank": 2
   },
   {
-    "title": "反爬篇 | 手把手教你处理 JS 逆向之图片伪装",
-    "description": "aHR0cHM6Ly93d3cuZ3hyYy5jb20vam9iRGV0YWlsL2Q2NmExNjQxNzc2MjRlNzA4MzU5NWIzMjI1ZWJjMTBi",
-    "url": "https://segmentfault.com/a/1190000042065274",
-    "author": "Python技术大本营",
-    "home_url": "https://segmentfault.com/u/bianchengdandan",
-    "votes": "1",
+    "title": "Nginx 实战核心知识点整理（上）",
+    "description": "Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。",
+    "url": "https://segmentfault.com/a/1190000042070687",
+    "author": "Rhythm_2019",
+    "home_url": "https://segmentfault.com/u/rhythm_2019",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "如何优雅地实现多数据库的发件箱模式",
-    "description": "一个微服务可能需要执行“存数据库”和“发送事件”两个步骤。例如发布一篇文章后，需要更新作者的发文统计信息。业务上要求两个操作同时失败，或者同时成功，而不能出现一个成功一个失败。假如最终文章发布了，更新...",
-    "url": "https://segmentfault.com/a/1190000042063425",
-    "author": "叶东富",
-    "home_url": "https://segmentfault.com/u/yedongfu",
+    "title": "你还在为组件文档烦恼吗？",
+    "description": "从 0 到 1 搭建一个全新的组件库文档工具不是最优的选择，本人先在网上搜寻一些已有的解决方案。业务项目技术栈是基于 React，UI 库使用的是 Antd，下面是一些方案的汇总和分析：",
+    "url": "https://segmentfault.com/a/1190000042073725",
+    "author": "Samon",
+    "home_url": "https://segmentfault.com/u/samonxian",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "Web 应用实时版本检测，这么做最方便",
-    "description": "经常会发生这样的情况: 当用户在浏览器中打开某 web 应用较长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。",
-    "url": "https://segmentfault.com/a/1190000042069210",
-    "author": "Myou_Aki",
-    "home_url": "https://segmentfault.com/u/akimyou",
+    "title": "Lepton 无损压缩原理及性能分析",
+    "description": "作者：vivo 互联网数据库团队- Li Shihai本文主要介绍无损压缩图片的概要流程和原理，以及Lepton无损压缩在前期调研中发现的问题和解决方案。一、从一个游戏开始1.1 游戏找茬请拿出你的秒表计时，在15秒时间内找...",
+    "url": "https://segmentfault.com/a/1190000042069792",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "uniapp 监听消息推送",
-    "description": "1、监听消息推送，后端记得推送的模板是 ： 透传消息！透传消息！透传消息！2、我的需求是根据后端推送的数据，一旦有值就重新调用接口刷新页面数据。3、我这边是监听消息推送即可，所以用不到监听的数据，用了wa...",
-    "url": "https://segmentfault.com/a/1190000042067919",
-    "author": "红尘戏子",
-    "home_url": "https://segmentfault.com/u/nongcha_5f009dd6254e5",
+    "title": "Vim直接上手（一）：三种模式",
+    "description": "比如，我们直接在mac上的terminal上输入vim 1.txt,这样系统就会查找是否存在这个txt文件，有就打开，没有就创建一个再打开。",
+    "url": "https://segmentfault.com/a/1190000042073871",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "EMQX Newsletter 2022-06｜与 HStreamDB 集成、充电桩通信协议 OCPP 网关开发…",
-    "description": "继 EMQX 5.0.0-rc.4 发布之后，v5.0 的开发工作已经接近尾声。除了继续优化 Dashboard 的 UI/UX 以提升使用体验，和测试并修复各项 Bug 以提升软件稳定性以外，EMQX 团队也在对用户文档进行全面的改进和更新，不...",
-    "url": "https://segmentfault.com/a/1190000042067910",
-    "author": "EMQX",
-    "home_url": "https://segmentfault.com/u/emqx",
-    "votes": "1",
+    "title": "Vue 源码中的工具函数",
+    "description": "在 Vue 源码中，封装了很多工具函数，学习这些函数，一方面学习大佬们的实现方式，另一方面是温习基础知识，希望大家在日常工作中，简单的函数也可以自己封装，提高编码能力。",
+    "url": "https://segmentfault.com/a/1190000042073070",
+    "author": "诺顿",
+    "home_url": "https://segmentfault.com/u/nuodun",
+    "votes": "2",
     "rank": 7
   },
   {
-    "title": "uniapp PDA广播扫码",
-    "description": "1、需求是：App监听东大PDA内置的扫描工具，通过扫描工具扫描条码，把数据自动赋值在input输入框，无需手动设置或者调用uniapp的uni.scanCode({})去赋值2、这里声明下，在封装的JS里面，你需要知道你的PDA的广播...",
-    "url": "https://segmentfault.com/a/1190000042067688",
-    "author": "红尘戏子",
-    "home_url": "https://segmentfault.com/u/nongcha_5f009dd6254e5",
+    "title": "下一个行业风口：NFT 数字藏品，是机遇还是泡沫？",
+    "description": "2021年3月，艺术家Beeple花费5000多天制成的作品《每一天：前5000天》，作为史上第一件公开拍卖的纯数字艺术品，在顶级拍卖行佳士得以高达6900万美元（约合4.5亿人民币）的天价成交，刷新了网上拍卖成交最高作品...",
+    "url": "https://segmentfault.com/a/1190000042072196",
+    "author": "腾讯云加社区",
+    "home_url": "https://segmentfault.com/u/qcloudcommunity",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "uniapp 使用websocket请求",
-    "description": "1.此处说下我的需求：是通过websocket接受后端传递的数据，赋值到input输入框，然后再进行一系列的操作，如果websocket链接失败则弹窗提示，并且无限建立心跳链接，不允许断开。废话不多直接代码截图。",
-    "url": "https://segmentfault.com/a/1190000042065187",
-    "author": "红尘戏子",
-    "home_url": "https://segmentfault.com/u/nongcha_5f009dd6254e5",
+    "title": "PHP后端面试85问",
+    "description": "替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。",
+    "url": "https://segmentfault.com/a/1190000042071370",
+    "author": "IT小马",
+    "home_url": "https://segmentfault.com/u/itxiaoma",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "K8S 生态周报| Ingress NGINX 项目暂停接收新功能将专注于稳定性提升",
-    "description": "「K8S 生态周报」内容主要包含我所接触到的 K8S 生态相关的每周值得推荐的一些信息。欢迎订阅专栏「k8s生态」。题外话大家好，我是张晋涛。本次我将这个部分放在开头。聊聊最近的一些情况。「K8S 生态周报」暂停...",
-    "url": "https://segmentfault.com/a/1190000042064534",
-    "author": "张晋涛",
-    "home_url": "https://segmentfault.com/u/moelove",
+    "title": "Redis常见指令",
+    "description": "KEYS :查询符合模板要求的所有key类似正则 （由于Redis是单线程，这样在大规模数据的查询中会导致阻塞，所以强烈不推荐在生产环境中使用）",
+    "url": "https://segmentfault.com/a/1190000042070708",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "golang 简洁架构介绍",
-    "description": "在 go 开发中，首先遇到的一个问题，应该怎么设计开发架构。一个好的架构可以在后续的项目开发中能够更好的使用项目的推进，同时能够让团队的配合更加的顺利。",
-    "url": "https://segmentfault.com/a/1190000042064332",
-    "author": "ucmir183",
-    "home_url": "https://segmentfault.com/u/ucmir183",
+    "title": "“李记餐厅”微信点餐小程序+后台管理系统",
+    "description": "系统说明本系统的设计主要是用于小型餐厅点餐，是基于微信小程序开发的。对于普通用户来说，需要系统可以进行菜单浏览、菜品详情查看、下单以及对菜品评价、搜索需要的菜品。对商家来说，则需要对用户进行审核、...",
+    "url": "https://segmentfault.com/a/1190000042074179",
+    "author": "欧阳小白",
+    "home_url": "https://segmentfault.com/u/ouyangxiaobai",
     "votes": "1",
     "rank": 11
-  },
-  {
-    "title": "这个高颜值的开源第三方网易云音乐播放器你值得拥有",
-    "description": "我平时主要的听歌软件是网易云音乐，但是它有很多花里胡哨的功能，比如电台、直播、朋友、播客、云村等等，说实话这些我都不需要，基本也不会用，大部分的时间都只把它当做一个本地播放器，因为它毕竟是一个商业...",
-    "url": "https://segmentfault.com/a/1190000042069019",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "sso单点登录",
-    "description": "sso，Single Sign On，单点登录。简单来说，就是当我们有多个系统时，我们每个系统都需要单独登录非常麻烦，那么我们去单独做一个登录系统，我们叫做sso，这个登录系统可以登录多个其他系统，并且访问多个系统只...",
-    "url": "https://segmentfault.com/a/1190000042068327",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "总结一下本周遇到的问题",
-    "description": "起初认为是我在修改中错误的修改了一些地方，寻找无果后直接用ng new project新建一个项目进行测试，由于我本地的angular cli没有更新，还是之前安装的angular 11 版本，新建完项目后直接执行ng test发现没有任何...",
-    "url": "https://segmentfault.com/a/1190000042067210",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "2022年中总结关键词：裁员、年终奖、晋升、涨薪、疫情",
-    "description": "2022年转眼过去了一半，又到了年中总结的时候。上半年可以概括为在关注公司裁员、等待发年终奖、准备专业晋升、等待聊涨薪、迁移项目、疫情导致在家办公中一点点渡过的。接下来就一一来聊一下吧~",
-    "url": "https://segmentfault.com/a/1190000042065079",
-    "author": "阳呀呀",
-    "home_url": "https://segmentfault.com/u/yangyaya",
-    "votes": "1",
-    "rank": 15
   }
 ]

package/web/data/sifou-monthly.json

@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041940807",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "25",
+    "votes": "26",
     "rank": 3
   },
   {
@@ -80,6 +80,15 @@
     "votes": "12",
     "rank": 9
   },
+  {
+    "title": "switch 有四样写法你知道么",
+    "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
+    "url": "https://segmentfault.com/a/1190000042055258",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "12",
+    "rank": 10
+  },
   {
     "title": "干货合集│最好用的 python 库都在这",
     "description": "🎈 分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 🎈 词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...} 🎈 ...",
@@ -87,7 +96,7 @@
     "author": "极客飞兔",
     "home_url": "https://segmentfault.com/u/autofelix",
     "votes": "11",
-    "rank": 10
+    "rank": 11
   },
   {
     "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
@@ -96,7 +105,7 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "12",
-    "rank": 11
+    "rank": 12
   },
   {
     "title": "视觉还原小技巧！CSS 实现角标效果",
@@ -105,7 +114,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "15",
-    "rank": 12
+    "rank": 13
   },
   {
     "title": "Redis都有哪些使用场景",
@@ -114,7 +123,7 @@
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
     "votes": "10",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "React Suspense 尝鲜,处理前后端IO异步操作",
@@ -123,7 +132,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "7",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
@@ -132,7 +141,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "有意思的鼠标指针交互探究",
@@ -141,7 +150,25 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 16
+    "rank": 17
+  },
+  {
+    "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
+    "description": "在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影",
+    "url": "https://segmentfault.com/a/1190000042065365",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "14",
+    "rank": 18
+  },
+  {
+    "title": "叮~您有一封Vue.js挑战邀请函,请查收",
+    "description": "大家好,我是webfansplz.今天要跟大家分享的是vuejs-challenges,一个Vue.js在线挑战平台,它提供了一些题库,开发者可以在线进行挑战.通过这些挑战,我们可以进一步了解和熟悉Vue.js,希望它能对想学习Vue.js的同学有...",
+    "url": "https://segmentfault.com/a/1190000042064246",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "10",
+    "rank": 19
   },
   {
     "title": "前端性能监测，Runtime Performance Debug 技巧",
@@ -150,16 +177,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "11",
-    "rank": 17
-  },
-  {
-    "title": "switch 有四样写法你知道么",
-    "description": "我所知道的 JavaScript 的 switch 语句只有一种写法。但要说到对分支的处理，写法可就多了去了。if 分支写法可以算一种，switch 分支写法可以算第二种，第三种是使用策略模式，如果要把条件运算符也算上的话，嗯...",
-    "url": "https://segmentfault.com/a/1190000042055258",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "9",
-    "rank": 18
+    "rank": 20
   },
   {
     "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
@@ -168,16 +186,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "7",
-    "rank": 19
-  },
-  {
-    "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
-    "description": "之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...",
-    "url": "https://segmentfault.com/a/1190000041953821",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "9",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "JavaScript精度丢失原因以及解决方案",
@@ -185,8 +194,8 @@
     "url": "https://segmentfault.com/a/1190000041941297",
     "author": "沉静地闪光",
     "home_url": "https://segmentfault.com/u/007008",
-    "votes": "10",
-    "rank": 21
+    "votes": "11",
+    "rank": 22
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 超实用 Vue 合集，请查收",
@@ -194,8 +203,17 @@
     "url": "https://segmentfault.com/a/1190000042048392",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "6",
-    "rank": 22
+    "votes": "7",
+    "rank": 23
+  },
+  {
+    "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
+    "description": "之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...",
+    "url": "https://segmentfault.com/a/1190000041953821",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "9",
+    "rank": 24
   },
   {
     "title": "SegmentFault 思否技术周刊 -- Node.js 进阶之旅，看看哪些还需要学？",
@@ -204,7 +222,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "6",
-    "rank": 23
+    "rank": 25
   },
   {
     "title": "玩转 AbortController 控制器",
@@ -213,7 +231,7 @@
     "author": "jump__jump",
     "home_url": "https://segmentfault.com/u/jump_and_jump",
     "votes": "6",
-    "rank": 24
+    "rank": 26
   },
   {
     "title": "精读《type challenges - easy》",
@@ -222,7 +240,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "5",
-    "rank": 25
+    "rank": 27
   },
   {
     "title": "构建基于React18的电子表格程序",
@@ -231,7 +249,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "5",
-    "rank": 26
+    "rank": 28
   },
   {
     "title": "为什么Hook没有ErrorBoundary？",
@@ -240,32 +258,14 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "4",
-    "rank": 27
-  },
-  {
-    "title": "使用 content-visibility 优化渲染性能",
-    "description": "content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。",
-    "url": "https://segmentfault.com/a/1190000041980427",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
-    "rank": 28
-  },
-  {
-    "title": "几百行代码实现一个 JSON 解析器",
-    "description": "以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。",
-    "url": "https://segmentfault.com/a/1190000042042002",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "5",
     "rank": 29
   },
   {
-    "title": "Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队",
-    "description": "2022 年 6 月 16 日，Apache 软件基金会发表博文，宣布 Doris 正式毕业，正式成为 Apache 顶级项目（TLP）。（相关阅读：[链接]）。",
-    "url": "https://segmentfault.com/a/1190000041995552",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "title": "又拍云 Redis 的改进之路",
+    "description": "作为推出国内首创可编程 CDN 服务的专业云服务提供商，又拍云利用 CDN 边缘网络规模和性能，允许客户自定义编写规则来满足常用业务场景。而为了保证这些源数据，如边缘重定向、请求限速、自定义错误页面、访问防...",
+    "url": "https://segmentfault.com/a/1190000042048198",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "7",
     "rank": 30
   }