@wcj/github-rank 22.8.5 → 22.8.6

package/web/data/sifou-daily.json

@@ -1,47 +1,38 @@
 [
   {
-    "title": "妙用 CSS 构建花式透视背景效果",
-    "description": "本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...",
-    "url": "https://segmentfault.com/a/1190000042267425",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
+    "title": "算法复杂度",
+    "description": "评估一个算法的性能主要依据其时间复杂度和空间复杂度来确定。时间复杂度是指该算法运行的时间长短。空间复杂度是指该算法运行占用的内存大小。复杂度越低越好，越短小越好。时间比空间更重要。",
+    "url": "https://segmentfault.com/a/1190000042277209",
+    "author": "冰封百度",
+    "home_url": "https://segmentfault.com/u/bingfengbaidu",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "OpenInfra Days China 2022 启幕在即，SegmentFault 思否战略支持",
-    "description": "OpenInfra Days China 是由 OpenInfra 基金会（前身 OpenStack 基金会）授权，由全球各个地区的社区志愿者团队共同筹划组织的一次年度的开源基础设施技术与行业盛会。自 2016 年中国社区的志愿者们第一次筹办面向...",
-    "url": "https://segmentfault.com/a/1190000042267659",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "3",
+    "title": "【Java面试】讲下线程池的线程回收",
+    "description": "大家好，我是Mic，一个工作了14年的Java程序员。最近很多小伙伴私信我，让我说一些线程池相关的问题。线程池这个方向考察的点还挺多的，如果只是靠刷面试题面试官很容易就能识别出来，我随便举几个。线程池是如何...",
+    "url": "https://segmentfault.com/a/1190000042274807",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "基于 Next.js实现在线Excel",
-    "description": "如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。",
-    "url": "https://segmentfault.com/a/1190000042268783",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
+    "title": "HDD杭州站•ArkUI让开发更灵活",
+    "description": "7月15日的HUAWEI Developer Day（简称HDD）杭州站活动中，HarmonyOS技术专家分享了ArkUI的多款新特性，详细解析了这些新特性如何助力开发更灵活，并透露了ArkUI的下一步计划。下面，小编带您了解本次活动中Harmon...",
+    "url": "https://segmentfault.com/a/1190000042273939",
+    "author": "HarmonyOS开发者",
+    "home_url": "https://segmentfault.com/u/harmonyos",
     "votes": "1",
     "rank": 3
   },
   {
-    "title": "分享几个公用的高清壁纸图片的API",
-    "description": "我们可以根据它来获取这张图片的指定分辨率以及指定画质的图片，以上图为例，如果我们要获取分辨率为 1024*768 ，画质为 80 (最高为100)的图片，只需将上述链接的 “bdr/__85” 替换为 “bdm/1024_768_80” 即可。替...",
-    "url": "https://segmentfault.com/a/1190000042270044",
-    "author": "遗失的美好灬",
-    "home_url": "https://segmentfault.com/u/yishidemeihao_5b9ce075877c9",
+    "title": "一张图看懂 SQL 的各种 join 用法！",
+    "description": "下图展示了 LEFT JOIN、RIGHT JOIN、INNER JOIN、OUTER JOIN 相关的 7 种用法。具体分解如下：1.INNER JOIN（内连接） {代码...} 2.LEFT JOIN（左连接） {代码...} 3.RIGHT JOIN（右连接） {代码...} 4.OUTER JOI...",
+    "url": "https://segmentfault.com/a/1190000042273020",
+    "author": "TimeFriends",
+    "home_url": "https://segmentfault.com/u/timefriends",
     "votes": "1",
     "rank": 4
-  },
-  {
-    "title": "互动接收端 UI 组件如何兼容 Vue2 和 Vue3",
-    "description": "保利威云直播产品可以在直播过程发起签到、抽奖、问卷等互动。对应地，在观看端也需要呈现这些互动。为了让保利威云直播观看页以及客户定制观看页都能方便地接入这些功能，我们把互动功能做成了一个 SDK，即互动...",
-    "url": "https://segmentfault.com/a/1190000042266889",
-    "author": "ws",
-    "home_url": "https://segmentfault.com/u/ws_62ea1cfe73328",
-    "votes": "1",
-    "rank": 5
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,20 +1,20 @@
 [
-  {
-    "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": "27",
-    "rank": 1
-  },
   {
     "title": "圆角大杀器，使用滤镜构建圆角及波浪效果",
     "description": "本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...",
     "url": "https://segmentfault.com/a/1190000042217200",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "21",
+    "votes": "22",
+    "rank": 1
+  },
+  {
+    "title": "提升web输入体验！JS 如何自动配对标点符号？",
+    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
+    "url": "https://segmentfault.com/a/1190000042251637",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
     "rank": 2
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000042184211",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
+    "votes": "20",
     "rank": 3
   },
   {
@@ -41,7 +41,7 @@
     "url": "https://segmentfault.com/a/1190000042093361",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
+    "votes": "14",
     "rank": 5
   },
   {
@@ -62,24 +62,6 @@
     "votes": "12",
     "rank": 7
   },
-  {
-    "title": "使用CSS background实现炫酷悬停效果",
-    "description": "日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...",
-    "url": "https://segmentfault.com/a/1190000042069856",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "14",
-    "rank": 8
-  },
-  {
-    "title": "提升web输入体验！JS 如何自动配对标点符号？",
-    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
-    "url": "https://segmentfault.com/a/1190000042251637",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
-    "rank": 9
-  },
   {
     "title": "社区维基：将你的问答捐赠给社区",
     "description": "小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。",
@@ -87,7 +69,7 @@
     "author": "fenbox",
     "home_url": "https://segmentfault.com/u/fenbox",
     "votes": "12",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "今҈天҈真҈是҈热҈化҈了҈！",
@@ -95,8 +77,8 @@
     "url": "https://segmentfault.com/a/1190000042217446",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "14",
-    "rank": 11
+    "votes": "16",
+    "rank": 9
   },
   {
     "title": "试着换个角度理解低代码平台设计的本质",
@@ -105,16 +87,7 @@
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "11",
-    "rank": 12
-  },
-  {
-    "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": "9",
-    "rank": 13
+    "rank": 10
   },
   {
     "title": "一步步带你搞懂虚拟 DOM 的工作原理",
@@ -123,7 +96,7 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "15",
-    "rank": 14
+    "rank": 11
   },
   {
     "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
@@ -132,7 +105,7 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "7",
-    "rank": 15
+    "rank": 12
   },
   {
     "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
@@ -141,7 +114,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "11",
-    "rank": 16
+    "rank": 13
   },
   {
     "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
@@ -150,7 +123,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "11",
-    "rank": 17
+    "rank": 14
   },
   {
     "title": "如何提出一个高质量的问题？",
@@ -159,7 +132,7 @@
     "author": "唯一丶",
     "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
     "votes": "11",
-    "rank": 18
+    "rank": 15
   },
   {
     "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
@@ -168,7 +141,16 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 19
+    "rank": 16
+  },
+  {
+    "title": "妙用 CSS 构建花式透视背景效果",
+    "description": "本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...",
+    "url": "https://segmentfault.com/a/1190000042267425",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 17
   },
   {
     "title": "搭建前端监控，采集用户行为的 N 种姿势",
@@ -177,7 +159,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "11",
-    "rank": 20
+    "rank": 18
   },
   {
     "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
@@ -186,7 +168,16 @@
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "9",
-    "rank": 21
+    "rank": 19
+  },
+  {
+    "title": "前端构建效率优化之路",
+    "description": "我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。",
+    "url": "https://segmentfault.com/a/1190000042256837",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "9",
+    "rank": 20
   },
   {
     "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
@@ -195,7 +186,7 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "6",
-    "rank": 22
+    "rank": 21
   },
   {
     "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
@@ -204,7 +195,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "6",
-    "rank": 23
+    "rank": 22
   },
   {
     "title": "梳理 Webpack 知识体系与学习资源推荐",
@@ -213,6 +204,15 @@
     "author": "JackySummer",
     "home_url": "https://segmentfault.com/u/jackysummer",
     "votes": "13",
+    "rank": 23
+  },
+  {
+    "title": "我有 7种 实现web实时消息推送的方案，7种！",
+    "description": "技术交流，公众号：程序员小富大家好，我是小富～我有一个朋友～做了一个小破站，现在要实现一个站内信web消息推送的功能，对，就是下图这个小红点，一个很常用的功能。不过他还没想好用什么方式做，这里我帮他整...",
+    "url": "https://segmentfault.com/a/1190000042192378",
+    "author": "程序员小富",
+    "home_url": "https://segmentfault.com/u/chengxy",
+    "votes": "14",
     "rank": 24
   },
   {
@@ -225,14 +225,23 @@
     "rank": 25
   },
   {
-    "title": "Nginx 实战核心知识点整理（上）",
-    "description": "Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。",
-    "url": "https://segmentfault.com/a/1190000042070687",
-    "author": "Rhythm_2019",
-    "home_url": "https://segmentfault.com/u/rhythm_2019",
+    "title": "使用前端技术实现静态图片局部流动效果 🌊",
+    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
+    "url": "https://segmentfault.com/a/1190000042261453",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "8",
     "rank": 26
   },
+  {
+    "title": "Redis 内存优化神技，小内存保存大数据",
+    "description": "大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...",
+    "url": "https://segmentfault.com/a/1190000042103541",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "9",
+    "rank": 27
+  },
   {
     "title": "低代码是开发的未来吗？浅谈低代码平台",
     "description": "低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...",
@@ -240,15 +249,6 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "9",
-    "rank": 27
-  },
-  {
-    "title": "前端构建效率优化之路",
-    "description": "我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。",
-    "url": "https://segmentfault.com/a/1190000042256837",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
     "rank": 28
   },
   {
@@ -261,12 +261,12 @@
     "rank": 29
   },
   {
-    "title": "我有 7种 实现web实时消息推送的方案，7种！",
-    "description": "技术交流，公众号：程序员小富大家好，我是小富～我有一个朋友～做了一个小破站，现在要实现一个站内信web消息推送的功能，对，就是下图这个小红点，一个很常用的功能。不过他还没想好用什么方式做，这里我帮他整...",
-    "url": "https://segmentfault.com/a/1190000042192378",
-    "author": "程序员小富",
-    "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "13",
+    "title": "Nginx部署配置",
+    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
+    "url": "https://segmentfault.com/a/1190000042089218",
+    "author": "MangoGoing",
+    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
+    "votes": "5",
     "rank": 30
   }
 ]