@wcj/github-rank 22.8.18 → 22.8.19

package/web/data/sifou-daily.json

@@ -1,83 +1,65 @@
 [
   {
-    "title": "数据透视表上线！如何在纯前端实现这个强大的数据分析功能？",
-    "description": "在Office三大办公套件中，Excel可能是功能最多、最难精通的那一款了。从日常的表格录入到复杂的业务数据统计分析，Excel仿佛一位外表平平无奇，实力却深不可测的武林高手。熟练使用Excel往往能在日常工作中获得事...",
-    "url": "https://segmentfault.com/a/1190000042331688",
+    "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
+    "description": "希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。",
+    "url": "https://segmentfault.com/a/1190000042338012",
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "🎁 来「极客观点」刷题打卡，领取限量周边！",
-    "description": "思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...",
-    "url": "https://segmentfault.com/a/1190000042331835",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "4",
+    "title": "Vue 状态管理未来样子",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042290572",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "完整又全面，教你在 Github Action 多平台构建 Electron 应用",
-    "description": "众所周知，Electron 是一个开源的跨平台框架，它内部集成了 Node.js 环境和浏览器环境，让开发者可以使用 Web 技术来绘制客户端的 UI，同时拥有不错的 I/O 能力。",
-    "url": "https://segmentfault.com/a/1190000042334235",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "3",
+    "title": "完整实现-通过DelayQueue实现延时任务",
+    "description": "实现延时任务有很多的方法，网上关于延时任务的实现的文章已经不少了。比如：实现延时任务的10种方法等等。但是这些文章基本上都是将方法大概的列举一下，给出部分示例代码，对于有经验的老程序员可能一看就知道...",
+    "url": "https://segmentfault.com/a/1190000042339386",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "在阿里做前端程序员，我是这样规划的",
-    "description": "许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望...",
-    "url": "https://segmentfault.com/a/1190000042334736",
-    "author": "大淘宝技术",
-    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
+    "title": "阿里三面：MQ 消息丢失、重复、积压问题，如何解决？",
+    "description": "面试官在面试候选人时，如果发现候选人的简历中写了在项目中使用了 MQ 技术（如 Kafka、RabbitMQ、RocketMQ），基本都会抛出一个问题：在使用 MQ 的时候，怎么确保消息 100% 不丢失？",
+    "url": "https://segmentfault.com/a/1190000042338722",
+    "author": "Java架构师",
+    "home_url": "https://segmentfault.com/u/taozi_60b0b3c71b1a8",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "还是开源的工具 Mock 功能用起来香",
-    "description": "接口尚未开发完成，在系统交互双方定义好接口之后，我们可以提前进行开发和测试，并不依赖上游系统的开发实现。通过使用 Mock 模拟数据接口，这样我们就可以再只开发了 UI 的情况下，无须服务端的开发就可以进行...",
-    "url": "https://segmentfault.com/a/1190000042332571",
-    "author": "猿计划",
-    "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
+    "title": "Spring AOP全面详解(超级详细)",
+    "description": "AOP （Aspect Orient Programming）,直译过来就是 面向切面编程,AOP 是一种编程思想，是面向对象编程（OOP）的一种补充。",
+    "url": "https://segmentfault.com/a/1190000042338414",
+    "author": "mikechen",
+    "home_url": "https://segmentfault.com/u/user_fx09jed8",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "5 年前端聊聊 API 以及它的未来趋势",
-    "description": "经常会遇到人问，“API是什么呀？”字面意思，API 即“应用编程接口”，是世界上所有软件的基本组成部分，企业通过开发和组合不同的 API 接口来形成我们所用的各种软件，今天我们所使用的所有互联网服务，比如发送短...",
-    "url": "https://segmentfault.com/a/1190000042332035",
-    "author": "猿计划",
-    "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
+    "title": "Spring+Vue增删改查实例",
+    "description": "原文链接代码地址前端地址：[链接]后端地址：[链接]1 数据库创建MySQL数据库。表名为user_data，人员信息有number、name。效果如下：2 前端2.1 创建项目打开cmd，输入ui命令： {代码...} 若没有反应，可能是版本...",
+    "url": "https://segmentfault.com/a/1190000042337719",
+    "author": "代码的路",
+    "home_url": "https://segmentfault.com/u/zbzcdzf",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "vue3中h函数的常见用法",
-    "description": "一般情况下每个vue组件都用\"\\<template\\>\"写html, 但实际还可以在js代码中通过render函数生成dom. 最主要常见组件库也需要配合\"h\"使用.",
-    "url": "https://segmentfault.com/a/1190000042331550",
-    "author": "铁皮饭盒",
-    "home_url": "https://segmentfault.com/u/russell221",
+    "title": "Iterator与Generator",
+    "description": "Iterator 提供了一种统一的接口机制，为各种不同数据结构提供统一的访问机制。定义 Iterator 就是提供一个具有 next() 方法的对象，每次调用 next() 都会返回一个结果对象，该结果对象有两个属性，value 表示当前...",
+    "url": "https://segmentfault.com/a/1190000042341637",
+    "author": "袋鼠云数栈UED",
+    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
     "votes": "1",
     "rank": 7
-  },
-  {
-    "title": "大家都能看得懂的源码-如何让定时器在页面最小化的时候不执行？",
-    "description": "本文是深入浅出 ahooks 源码系列文章的第七篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。今天我们来聊聊定时器。useInterval 和 useTimeout看名称，我们就能大概知道，它们的功能对...",
-    "url": "https://segmentfault.com/a/1190000042331312",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "php实现RSA的加密解密和签名验签功能",
-    "description": "注意：如果在生成私钥和公钥时出现如下提示：需要将你的php环境下的openssl.cnf文件地址加到系统环境变量中增加变量名OPENSSL_CONF，变量值为openssl.cnf文件地址",
-    "url": "https://segmentfault.com/a/1190000042334788",
-    "author": "huaweichenai",
-    "home_url": "https://segmentfault.com/u/huaweichenai",
-    "votes": "1",
-    "rank": 9
   }
 ]

package/web/data/sifou-monthly.json

@@ -26,24 +26,6 @@
     "votes": "22",
     "rank": 3
   },
-  {
-    "title": "超酷炫的转场动画？CSS 轻松拿下！",
-    "description": "在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...",
-    "url": "https://segmentfault.com/a/1190000042184211",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
-    "rank": 4
-  },
-  {
-    "title": "CSS color-scheme 和夜间模式",
-    "description": "欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...",
-    "url": "https://segmentfault.com/a/1190000042184163",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
-    "rank": 5
-  },
   {
     "title": "妙用 CSS 构建花式透视背景效果",
     "description": "本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...",
@@ -51,7 +33,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "22",
-    "rank": 6
+    "rank": 4
   },
   {
     "title": "社区维基：将你的问答捐赠给社区",
@@ -60,7 +42,7 @@
     "author": "fenbox",
     "home_url": "https://segmentfault.com/u/fenbox",
     "votes": "13",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "防御式CSS是什么？这几点属性重点防御！",
@@ -69,7 +51,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "19",
-    "rank": 8
+    "rank": 6
   },
   {
     "title": "前端构建效率优化之路",
@@ -78,7 +60,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 9
+    "rank": 7
   },
   {
     "title": "可视化拖拽组件库一些技术要点原理分析（四）",
@@ -87,7 +69,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "14",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "今҈天҈真҈是҈热҈化҈了҈！",
@@ -96,16 +78,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "16",
-    "rank": 11
-  },
-  {
-    "title": "试着换个角度理解低代码平台设计的本质",
-    "description": "本文会主要分享自己对低代码平台的理解，从多个角度和问题去看低代码平台的设计。我觉得低代码平台的核心在于模型设计，包括控件模型、组件模型、画布模型等等。希望看完本文，你能知道：",
-    "url": "https://segmentfault.com/a/1190000042194285",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "12",
-    "rank": 12
+    "rank": 9
   },
   {
     "title": "即日起，ONES 团队版50人以下免费",
@@ -114,7 +87,16 @@
     "author": "万事ONES",
     "home_url": "https://segmentfault.com/u/wanshiones",
     "votes": "11",
-    "rank": 13
+    "rank": 10
+  },
+  {
+    "title": "试着换个角度理解低代码平台设计的本质",
+    "description": "本文会主要分享自己对低代码平台的理解，从多个角度和问题去看低代码平台的设计。我觉得低代码平台的核心在于模型设计，包括控件模型、组件模型、画布模型等等。希望看完本文，你能知道：",
+    "url": "https://segmentfault.com/a/1190000042194285",
+    "author": "pingan8787",
+    "home_url": "https://segmentfault.com/u/pingan8787",
+    "votes": "12",
+    "rank": 11
   },
   {
     "title": "一步步带你搞懂虚拟 DOM 的工作原理",
@@ -123,7 +105,16 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "17",
-    "rank": 14
+    "rank": 12
+  },
+  {
+    "title": "多行文本下的文字渐隐消失术",
+    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
+    "url": "https://segmentfault.com/a/1190000042325723",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "13",
+    "rank": 13
   },
   {
     "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
@@ -132,7 +123,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "Wuzzle，进行基于 webpack 的 JS 转译",
@@ -141,16 +132,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 16
-  },
-  {
-    "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
-    "description": "你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。",
-    "url": "https://segmentfault.com/a/1190000042183733",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "12",
-    "rank": 17
+    "rank": 15
   },
   {
     "title": "使用前端技术实现静态图片局部流动效果 🌊",
@@ -159,7 +141,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "9",
-    "rank": 18
+    "rank": 16
   },
   {
     "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
@@ -168,16 +150,16 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 19
+    "rank": 17
   },
   {
-    "title": "多行文本下的文字渐隐消失术",
-    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
-    "url": "https://segmentfault.com/a/1190000042325723",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "title": "React Fiber架构原理剖析",
+    "description": "在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...",
+    "url": "https://segmentfault.com/a/1190000042271919",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "11",
-    "rank": 20
+    "rank": 18
   },
   {
     "title": "搭建前端监控，采集用户行为的 N 种姿势",
@@ -186,7 +168,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "11",
-    "rank": 21
+    "rank": 19
   },
   {
     "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
@@ -195,7 +177,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "9",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "梳理 Webpack 知识体系与学习资源推荐",
@@ -204,16 +186,16 @@
     "author": "JackySummer",
     "home_url": "https://segmentfault.com/u/jackysummer",
     "votes": "15",
-    "rank": 23
+    "rank": 21
   },
   {
-    "title": "React Fiber架构原理剖析",
-    "description": "在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...",
-    "url": "https://segmentfault.com/a/1190000042271919",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "10",
-    "rank": 24
+    "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": "15",
+    "rank": 22
   },
   {
     "title": "markdown 编辑器实现双屏同步滚动",
@@ -222,7 +204,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "8",
-    "rank": 25
+    "rank": 23
   },
   {
     "title": "面向推荐的汽车知识图谱构建",
@@ -231,7 +213,7 @@
     "author": "之家技术",
     "home_url": "https://segmentfault.com/u/zhijiajishu",
     "votes": "11",
-    "rank": 26
+    "rank": 24
   },
   {
     "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
@@ -240,7 +222,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "6",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "通向架子工的前端开发利器推荐",
@@ -249,16 +231,7 @@
     "author": "shanyue",
     "home_url": "https://segmentfault.com/u/xiange",
     "votes": "9",
-    "rank": 28
-  },
-  {
-    "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": "12",
-    "rank": 29
+    "rank": 26
   },
   {
     "title": "我有 7种 实现web实时消息推送的方案，7种！",
@@ -267,6 +240,33 @@
     "author": "程序员小富",
     "home_url": "https://segmentfault.com/u/chengxy",
     "votes": "14",
+    "rank": 27
+  },
+  {
+    "title": "你的 Tap bar  不够花里胡哨，试试这个！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042238526",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "8",
+    "rank": 28
+  },
+  {
+    "title": "基于 Next.js实现在线Excel",
+    "description": "如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。",
+    "url": "https://segmentfault.com/a/1190000042268783",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "5",
+    "rank": 29
+  },
+  {
+    "title": "低代码是开发的未来吗？浅谈低代码平台",
+    "description": "低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...",
+    "url": "https://segmentfault.com/a/1190000042229850",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "11",
     "rank": 30
   }
 ]