@wcj/github-rank 22.8.27 → 22.8.30

package/dist/sifou-daily.json

@@ -1,74 +1,65 @@
 [
   {
-    "title": "金山办公 2022 年技术开放日：文档云原生时代的规模之道",
-    "description": "8 月 26 日，金山办公在珠海举办以「规模之道」为主题的 2022 年技术开放日活动。金山办公副总裁姚冬、金山办公技术委员会执行主席皮霞林、金山办公高级研发总监黄传通、金山办公私有云专家陈良等嘉宾发表了主题...",
-    "url": "https://segmentfault.com/a/1190000042385637",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "3",
+    "title": "实体关系图 (ERD)",
+    "description": "ERD, 即 entity Relationship diagram, 实体关系图。使用一组定义的符号，如矩形、菱形、椭圆和连接线来描述实体、关系及其属性的相互联系。",
+    "url": "https://segmentfault.com/a/1190000042396742",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "2",
     "rank": 1
   },
   {
-    "title": "人工智能、云原生、边缘计算趋势洞察｜“2022 智能云边开源峰会”圆满举办",
-    "description": "2022 年 8 月 19 日 - 20 日，为期 2 天的“ACE 智能云边共创生态”的年度盛会——“2022 智能云边开源峰会”（2022 Open Source AceCon）在线上圆满举办。本次峰会由 VMware 携手 Intel、EMQ、 Kyligence、江行智能、...",
-    "url": "https://segmentfault.com/a/1190000042381069",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "title": "Docker网络模型以及容器通信",
+    "description": "本篇接着上篇：【Docker0网络及原理探究】，继续深入探究容器网络通信原理，通过学习Docker网路驱动模型，更好地解决容器间的通信问题🎉🎉",
+    "url": "https://segmentfault.com/a/1190000042396908",
+    "author": "甜点cc",
+    "home_url": "https://segmentfault.com/u/xiaojt",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "常见的 Monorepo 框架大比较",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042380412",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "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",
     "rank": 3
   },
   {
-    "title": "渗透攻防Web篇-深入浅出SQL注入",
-    "description": "京东SRC(Security Response Center)收录大量外部白帽子提交的sql注入漏洞，漏洞发生的原因多为sql语句拼接和Mybatis使用不当导致。",
-    "url": "https://segmentfault.com/a/1190000042379218",
-    "author": "京东云开发者",
-    "home_url": "https://segmentfault.com/u/jdcdevloper",
+    "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",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "有意思的方向裁切 overflow: clip",
-    "description": "本文将介绍一个新特性，从 Chrome 90 开始，overflow 新增的一个新特性 -- overflow: clip，使用它，轻松的对溢出方向进行控制。",
-    "url": "https://segmentfault.com/a/1190000042382028",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "2",
+    "title": "记录一次用docker-compose配置 mysql的过程",
+    "description": "本周主要事件都在设计原型或者是设计er图，没有出现什么技术上的问题。但是本周在学第的提问中却出现了问题，我本来想直接在学第给的远程代码拉到本地执行来解决问题，但是在运行时出现了问题，mysql又出问题了。",
+    "url": "https://segmentfault.com/a/1190000042396412",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "[PostgreSql]生产级别数据库安装要考虑哪些问题？",
-    "description": "我让公司的小伙伴写一个生产级别的PostgreSQL的安装文档，结果他和我说：“不是用一个命令就能安装好么？还用写文档么？”。我知道他想说的是这个命令：yum install postgresql-server，我也是挺无语的。要知道生产...",
-    "url": "https://segmentfault.com/a/1190000042382085",
-    "author": "字母哥博客",
-    "home_url": "https://segmentfault.com/u/zimug",
+    "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": "总会用到的前端小姿势",
-    "description": "假设一个宽度固定的div内有一段文字，那么浏览器默认处理方式会比较傻，纯中文下乍一看没问题，但英文与数字混搭等情况容易出现bug，此时解决方法有两种css方法：",
-    "url": "https://segmentfault.com/a/1190000042383192",
-    "author": "罡风小天",
-    "home_url": "https://segmentfault.com/u/shawnphang",
-    "votes": "2",
-    "rank": 7
-  },
-  {
-    "title": "程序员提升要「硬实力」和「软实力」两手抓",
-    "description": "从赋能发力、撬动杠杆到降本增效、去肥增瘦，互联网行业正在经历前所未有的风波与挑战。全球范围的「裁员潮」席卷而来，行业去泡沫化和主业务收拢似乎正在为互联网「全员危机」拉开序幕。",
-    "url": "https://segmentfault.com/a/1190000042381012",
-    "author": "LigaAI",
-    "home_url": "https://segmentfault.com/u/ligaai",
+    "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": 8
+    "rank": 7
   }
 ]

package/dist/sifou-monthly.json

@@ -1,20 +1,20 @@
 [
-  {
-    "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": "32",
-    "rank": 1
-  },
   {
     "title": "多行文本下的文字渐隐消失术",
     "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
     "url": "https://segmentfault.com/a/1190000042325723",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
+    "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
   },
   {
@@ -50,7 +50,7 @@
     "url": "https://segmentfault.com/a/1190000042272755",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "19",
+    "votes": "20",
     "rank": 6
   },
   {
@@ -153,12 +153,12 @@
     "rank": 17
   },
   {
-    "title": "梳理 Webpack 知识体系与学习资源推荐",
-    "description": "前言关于 Webpack 之前已经有写过几篇零散的文章:由零开始使用 Webpack 来搭建 React 项目Webpack Sourcemap 回顾升级 Webpack5 实践如何编写一个 Webpack Loader如何编写一个 Webpack Plugin而本文的内容则不会...",
-    "url": "https://segmentfault.com/a/1190000042232699",
-    "author": "JackySummer",
-    "home_url": "https://segmentfault.com/u/jackysummer",
-    "votes": "16",
+    "title": "妙啊！纯 CSS 实现拼图游戏",
+    "description": "本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...",
+    "url": "https://segmentfault.com/a/1190000042361223",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "14",
     "rank": 18
   },
   {
@@ -167,7 +167,7 @@
     "url": "https://segmentfault.com/a/1190000042264240",
     "author": "胡哥有话说",
     "home_url": "https://segmentfault.com/u/justbecoder",
-    "votes": "7",
+    "votes": "8",
     "rank": 19
   },
   {
@@ -179,15 +179,6 @@
     "votes": "6",
     "rank": 20
   },
-  {
-    "title": "你的 Tap bar  不够花里胡哨，试试这个！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042238526",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "8",
-    "rank": 21
-  },
   {
     "title": "基于 Next.js实现在线Excel",
     "description": "如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。",
@@ -195,16 +186,16 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "5",
-    "rank": 22
+    "rank": 21
   },
   {
-    "title": "低代码是开发的未来吗？浅谈低代码平台",
-    "description": "低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...",
-    "url": "https://segmentfault.com/a/1190000042229850",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "11",
-    "rank": 23
+    "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
+    "description": "开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。",
+    "url": "https://segmentfault.com/a/1190000042386997",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "8",
+    "rank": 22
   },
   {
     "title": "从 Islands Architecture 看前端有多卷",
@@ -213,16 +204,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "8",
-    "rank": 24
-  },
-  {
-    "title": "我做了一个在线白板（二）",
-    "description": "上一篇我做了一个在线白板！给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字...",
-    "url": "https://segmentfault.com/a/1190000042281991",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "5",
-    "rank": 25
+    "rank": 23
   },
   {
     "title": "聊聊 npm 的语义化版本（Semver）",
@@ -231,7 +213,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "6",
-    "rank": 26
+    "rank": 24
   },
   {
     "title": "记录第一次给开源项目提 PR",
@@ -240,6 +222,24 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "6",
+    "rank": 25
+  },
+  {
+    "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": "我做了一个在线白板（二）",
+    "description": "上一篇我做了一个在线白板！给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字...",
+    "url": "https://segmentfault.com/a/1190000042281991",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "5",
     "rank": 27
   },
   {
@@ -261,12 +261,12 @@
     "rank": 29
   },
   {
-    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
-    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
-    "url": "https://segmentfault.com/a/1190000042360785",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
+    "title": "electron 应用开发优秀实践",
+    "description": "在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...",
+    "url": "https://segmentfault.com/a/1190000042267983",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "8",
     "rank": 30
   }
 ]