@wcj/github-rank 22.8.30 → 22.9.2

package/dist/sifou-daily.json

@@ -1,65 +1,47 @@
 [
   {
-    "title": "实体关系图 (ERD)",
-    "description": "ERD, 即 entity Relationship diagram, 实体关系图。使用一组定义的符号，如矩形、菱形、椭圆和连接线来描述实体、关系及其属性的相互联系。",
-    "url": "https://segmentfault.com/a/1190000042396742",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "title": "CodeForBetter_Hackathon，唤醒代码的力量",
+    "description": "黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...",
+    "url": "https://segmentfault.com/a/1190000042416590",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "2",
     "rank": 1
   },
   {
-    "title": "Docker网络模型以及容器通信",
-    "description": "本篇接着上篇：【Docker0网络及原理探究】，继续深入探究容器网络通信原理，通过学习Docker网路驱动模型，更好地解决容器间的通信问题🎉🎉",
-    "url": "https://segmentfault.com/a/1190000042396908",
-    "author": "甜点cc",
-    "home_url": "https://segmentfault.com/u/xiaojt",
+    "title": "BI如何实现用户身份集成自定义安全程序开发",
+    "description": "统一身份认证是整个 IT 架构的最基本的组成部分，而账号则是实现统一身份认证的基础。做好账号的规划和设计直接决定着企业整个信息系统建设的便利与难易程度，决定着系统能否足够敏捷和快速赋能，也决定了在数字...",
+    "url": "https://segmentfault.com/a/1190000042417390",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "精读《SolidJS》",
-    "description": "SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。",
-    "url": "https://segmentfault.com/a/1190000042392152",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "2",
+    "title": "「极客观点」打卡活动获奖名单公布，快来领奖！",
+    "description": "话不多说，咱直接公布获奖名单，快看看有没有你～活动：「极客观点」上线：全新打卡挑战开启，完成即得限量周边！🏆 优秀奖中奖规则：回答数量前 5 名即可获得“限定礼品”思否 10 周年限定 T 恤 + 思否猫手办 or 思...",
+    "url": "https://segmentfault.com/a/1190000042418324",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "总结一下er图的设计",
-    "description": "er图中的er是entity relationship的简写即实体关系，一个好的er图会使整个项目编写起来都会比较轻松。er图的首要任务就是理清实体间的关系，而不是去关心实体中的属性，即各个实体是1：1，1：n，还是n：m。并且各...",
-    "url": "https://segmentfault.com/a/1190000042396414",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "title": "细数实现全景图VR的几种方式（panorama/cubemap/eac）",
+    "description": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴Three.js系列: 造个海洋球池来学习物理引擎Three.js系列: 游戏中的第一、三人称视角Three.js系列: 数实现全景图VR的几种方式（panorama/cubemap/eac）本篇是 Thre...",
+    "url": "https://segmentfault.com/a/1190000042417150",
+    "author": "程序员秋风",
+    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "记录一次用docker-compose配置 mysql的过程",
-    "description": "本周主要事件都在设计原型或者是设计er图，没有出现什么技术上的问题。但是本周在学第的提问中却出现了问题，我本来想直接在学第给的远程代码拉到本地执行来解决问题，但是在运行时出现了问题，mysql又出问题了。",
-    "url": "https://segmentfault.com/a/1190000042396412",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
+    "description": "云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...",
+    "url": "https://segmentfault.com/a/1190000042418291",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
     "rank": 5
-  },
-  {
-    "title": "elementui源码学习之仿写一个el-collapse",
-    "description": "本篇文章记录仿写一个el-collapse组件细节，从而有助于大家更好理解饿了么ui对应组件具体工作细节。本文是elementui源码学习仿写系列的又一篇文章，后续空闲了会不断更新并仿写其他组件。源码在github上，大家可...",
-    "url": "https://segmentfault.com/a/1190000042397748",
-    "author": "水冗水孚",
-    "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "【Java面试】这也太卷了~面试竟然问，HTTP协议和RPC协议的区别",
-    "description": "“Http协议和RPC协议有什么区别？”最近很多人问我这个问题，他们都不知道怎么回答。今天我们就来了解一下这个问题的高手回答。另外，我把文字版本的内容整理到了一个15W字的面试文档里了。大家可以看文章尾端领取...",
-    "url": "https://segmentfault.com/a/1190000042396155",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "1",
-    "rank": 7
   }
 ]

package/dist/sifou-monthly.json

@@ -1,30 +1,21 @@
 [
-  {
-    "title": "多行文本下的文字渐隐消失术",
-    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
-    "url": "https://segmentfault.com/a/1190000042325723",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "26",
-    "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": "33",
-    "rank": 2
+    "votes": "35",
+    "rank": 1
   },
   {
-    "title": "提升web输入体验！JS 如何自动配对标点符号？",
-    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
-    "url": "https://segmentfault.com/a/1190000042251637",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "24",
-    "rank": 3
+    "title": "多行文本下的文字渐隐消失术",
+    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
+    "url": "https://segmentfault.com/a/1190000042325723",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "26",
+    "rank": 2
   },
   {
     "title": "使用 CSS 构建强大且酷炫的粒子动画",
@@ -33,7 +24,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 4
+    "rank": 3
   },
   {
     "title": "妙用 CSS 构建花式透视背景效果",
@@ -42,7 +33,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 5
+    "rank": 4
   },
   {
     "title": "防御式CSS是什么？这几点属性重点防御！",
@@ -51,16 +42,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "20",
-    "rank": 6
-  },
-  {
-    "title": "前端构建效率优化之路",
-    "description": "我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。",
-    "url": "https://segmentfault.com/a/1190000042256837",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "可视化拖拽组件库一些技术要点原理分析（四）",
@@ -68,8 +50,17 @@
     "url": "https://segmentfault.com/a/1190000042282658",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "14",
-    "rank": 8
+    "votes": "15",
+    "rank": 6
+  },
+  {
+    "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
+    "description": "中奖名单「极客观点」打卡活动获奖名单公布，快来领奖！思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「...",
+    "url": "https://segmentfault.com/a/1190000042331835",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "9",
+    "rank": 7
   },
   {
     "title": "即日起，ONES 团队版50人以下免费",
@@ -78,16 +69,16 @@
     "author": "万事ONES",
     "home_url": "https://segmentfault.com/u/wanshiones",
     "votes": "12",
-    "rank": 9
+    "rank": 8
   },
   {
-    "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
-    "description": "思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...",
-    "url": "https://segmentfault.com/a/1190000042331835",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "9",
-    "rank": 10
+    "title": "使用前端技术实现静态图片局部流动效果 🌊",
+    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
+    "url": "https://segmentfault.com/a/1190000042261453",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "11",
+    "rank": 9
   },
   {
     "title": "markdown 编辑器实现双屏同步滚动",
@@ -96,16 +87,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "10",
-    "rank": 11
-  },
-  {
-    "title": "使用前端技术实现静态图片局部流动效果 🌊",
-    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
-    "url": "https://segmentfault.com/a/1190000042261453",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "10",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "Wuzzle，进行基于 webpack 的 JS 转译",
@@ -114,7 +96,16 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 13
+    "rank": 11
+  },
+  {
+    "title": "面向推荐的汽车知识图谱构建",
+    "description": "知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...",
+    "url": "https://segmentfault.com/a/1190000042287137",
+    "author": "之家技术",
+    "home_url": "https://segmentfault.com/u/zhijiajishu",
+    "votes": "13",
+    "rank": 12
   },
   {
     "title": "React Fiber架构原理剖析",
@@ -123,16 +114,16 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "11",
-    "rank": 14
+    "rank": 13
   },
   {
-    "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
-    "description": "作为 React 官方维护的命令行工具，create-react-app（简称 CRA）能够极其轻松地创建配置完备的 React 应用，帮助使用者快速进入 React 开发。它的最大缺憾是创建的应用不能随心所欲地定制配置。想要定制，只能 e...",
-    "url": "https://segmentfault.com/a/1190000042244854",
-    "author": "乌柏木",
-    "home_url": "https://segmentfault.com/u/wubomu",
-    "votes": "14",
-    "rank": 15
+    "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
+    "description": "开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。",
+    "url": "https://segmentfault.com/a/1190000042386997",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "10",
+    "rank": 14
   },
   {
     "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
@@ -141,16 +132,16 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "12",
-    "rank": 16
+    "rank": 15
   },
   {
-    "title": "面向推荐的汽车知识图谱构建",
-    "description": "知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...",
-    "url": "https://segmentfault.com/a/1190000042287137",
-    "author": "之家技术",
-    "home_url": "https://segmentfault.com/u/zhijiajishu",
-    "votes": "12",
-    "rank": 17
+    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
+    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
+    "url": "https://segmentfault.com/a/1190000042360785",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "13",
+    "rank": 16
   },
   {
     "title": "妙啊！纯 CSS 实现拼图游戏",
@@ -158,8 +149,8 @@
     "url": "https://segmentfault.com/a/1190000042361223",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
-    "rank": 18
+    "votes": "15",
+    "rank": 17
   },
   {
     "title": "前端晋升答辩-性能优化篇范式",
@@ -168,7 +159,7 @@
     "author": "胡哥有话说",
     "home_url": "https://segmentfault.com/u/justbecoder",
     "votes": "8",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
@@ -177,7 +168,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "基于 Next.js实现在线Excel",
@@ -186,16 +177,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "5",
-    "rank": 21
-  },
-  {
-    "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
-    "description": "开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。",
-    "url": "https://segmentfault.com/a/1190000042386997",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "8",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "从 Islands Architecture 看前端有多卷",
@@ -204,16 +186,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "8",
-    "rank": 23
+    "rank": 21
   },
   {
-    "title": "聊聊 npm 的语义化版本（Semver）",
-    "description": "现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？",
-    "url": "https://segmentfault.com/a/1190000042342124",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "6",
-    "rank": 24
+    "title": "精读《pnpm》",
+    "description": "pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。",
+    "url": "https://segmentfault.com/a/1190000042318738",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "10",
+    "rank": 22
   },
   {
     "title": "记录第一次给开源项目提 PR",
@@ -222,16 +204,16 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "6",
-    "rank": 25
+    "rank": 23
   },
   {
-    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
-    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
-    "url": "https://segmentfault.com/a/1190000042360785",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
-    "rank": 26
+    "title": "聊聊 npm 的语义化版本（Semver）",
+    "description": "现在我们要开发一个项目，我们都知道为了方便项目管理，要写一个版本号，那开发的时候初始的版本号是多少呢？是 1.0.0 还是 0.0.1 开始？",
+    "url": "https://segmentfault.com/a/1190000042342124",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "6",
+    "rank": 24
   },
   {
     "title": "我做了一个在线白板（二）",
@@ -240,7 +222,7 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "5",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "整理了这23个开源项，初学者可以拿来练习！",
@@ -249,7 +231,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "7",
-    "rank": 28
+    "rank": 26
   },
   {
     "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
@@ -258,7 +240,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "4",
-    "rank": 29
+    "rank": 27
   },
   {
     "title": "electron 应用开发优秀实践",
@@ -267,6 +249,24 @@
     "author": "vivo互联网技术",
     "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "8",
+    "rank": 28
+  },
+  {
+    "title": "PHP如何提高高并发能力",
+    "description": "用于生产环境中的PHP需要对其进行优化，让PHP自身发挥更好的性能，除了写好PHP代码，还要配置好php-fpm以及php.ini调优。本文从内存、OPcache、上传、会话以及安全等方面讲解php.ini的配置调优。",
+    "url": "https://segmentfault.com/a/1190000042280585",
+    "author": "7small7",
+    "home_url": "https://segmentfault.com/u/7small7",
+    "votes": "5",
+    "rank": 29
+  },
+  {
+    "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": "9",
     "rank": 30
   }
 ]