@wcj/github-rank 22.8.24 → 22.8.27

package/web/data/sifou-daily.json

@@ -1,47 +1,74 @@
 [
   {
-    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
-    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
-    "url": "https://segmentfault.com/a/1190000042360785",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
+    "title": "金山办公 2022 年技术开放日：文档云原生时代的规模之道",
+    "description": "8 月 26 日，金山办公在珠海举办以「规模之道」为主题的 2022 年技术开放日活动。金山办公副总裁姚冬、金山办公技术委员会执行主席皮霞林、金山办公高级研发总监黄传通、金山办公私有云专家陈良等嘉宾发表了主题...",
+    "url": "https://segmentfault.com/a/1190000042385637",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "3",
     "rank": 1
   },
   {
-    "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": "5",
+    "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",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "怎么防止同事用 Evil.js 的代码投毒",
-    "description": "视频移步B站[链接]最近Evil.js被讨论的很多，项目介绍如下项目被发布到npm上后，引起了激烈的讨论，最终因为安全问题被npm官方移除，代码也闭源了作为一个前端老司机，我肯定是反对这种行为，泄私愤有很多种方式...",
-    "url": "https://segmentfault.com/a/1190000042360645",
-    "author": "前端小菜鸟",
-    "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
-    "votes": "3",
+    "title": "常见的 Monorepo 框架大比较",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042380412",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "spring接口多实现类，该依赖注入哪一个？",
-    "description": "一、问题的描述在实际的系统应用开发中我经常会遇到这样的一类需求，相信大家在工作中也会经常遇到：同一个系统在多个省份部署。一个业务在北京是一种实现方式，是基于北京用户的需求。同样的业务在上海是另外一...",
-    "url": "https://segmentfault.com/a/1190000042366375",
-    "author": "字母哥博客",
-    "home_url": "https://segmentfault.com/u/zimug",
+    "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",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "延时任务-基于redis zset的完整实现",
-    "description": "所谓的延时任务给大家举个例子：你买了一张火车票，必须在30分钟之内付款，否则该订单被自动取消。订单30分钟不付款自动取消，这个任务就是一个延时任务。 我之前已经写过2篇关于延时任务的文章：",
-    "url": "https://segmentfault.com/a/1190000042362468",
+    "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",
+    "rank": 5
+  },
+  {
+    "title": "[PostgreSql]生产级别数据库安装要考虑哪些问题？",
+    "description": "我让公司的小伙伴写一个生产级别的PostgreSQL的安装文档，结果他和我说：“不是用一个命令就能安装好么？还用写文档么？”。我知道他想说的是这个命令：yum install postgresql-server，我也是挺无语的。要知道生产...",
+    "url": "https://segmentfault.com/a/1190000042382085",
     "author": "字母哥博客",
     "home_url": "https://segmentfault.com/u/zimug",
     "votes": "1",
-    "rank": 5
+    "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",
+    "votes": "1",
+    "rank": 8
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,30 +1,12 @@
 [
-  {
-    "title": "提升web输入体验！JS 如何自动配对标点符号？",
-    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
-    "url": "https://segmentfault.com/a/1190000042251637",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "23",
-    "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": "29",
-    "rank": 2
-  },
-  {
-    "title": "圆角大杀器，使用滤镜构建圆角及波浪效果",
-    "description": "本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...",
-    "url": "https://segmentfault.com/a/1190000042217200",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "26",
-    "rank": 3
+    "votes": "32",
+    "rank": 1
   },
   {
     "title": "多行文本下的文字渐隐消失术",
@@ -32,8 +14,17 @@
     "url": "https://segmentfault.com/a/1190000042325723",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
-    "rank": 4
+    "votes": "24",
+    "rank": 2
+  },
+  {
+    "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": "使用 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": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 6
-  },
-  {
-    "title": "社区维基：将你的问答捐赠给社区",
-    "description": "小王初学编程的时候，在 SegmentFault 提出了许多相关的问题。在社区热心人的帮助下，小王的问题一个个得到了解决，编程技术进步神速。",
-    "url": "https://segmentfault.com/a/1190000042203704",
-    "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,16 +69,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "14",
-    "rank": 10
-  },
-  {
-    "title": "今҈天҈真҈是҈热҈化҈了҈！",
-    "description": "欢迎关注我的公众号：前端侦探今天真是太热了，不信你看标题今҈天҈真҈是҈热҈化҈了҈！也可以查看下面截图相信大家最近都能看到这样“热化了”的标题。那么，这是如何实现的呢？CSS 可以实现类似的效果吗？一起看看吧...",
-    "url": "https://segmentfault.com/a/1190000042217446",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "16",
-    "rank": 11
+    "rank": 8
   },
   {
     "title": "即日起，ONES 团队版50人以下免费",
@@ -104,8 +77,8 @@
     "url": "https://segmentfault.com/a/1190000042319176",
     "author": "万事ONES",
     "home_url": "https://segmentfault.com/u/wanshiones",
-    "votes": "11",
-    "rank": 12
+    "votes": "12",
+    "rank": 9
   },
   {
     "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
@@ -114,7 +87,16 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 13
+    "rank": 10
+  },
+  {
+    "title": "markdown 编辑器实现双屏同步滚动",
+    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
+    "url": "https://segmentfault.com/a/1190000042290360",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "10",
+    "rank": 11
   },
   {
     "title": "使用前端技术实现静态图片局部流动效果 🌊",
@@ -123,7 +105,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
-    "rank": 14
+    "rank": 12
   },
   {
     "title": "Wuzzle，进行基于 webpack 的 JS 转译",
@@ -132,7 +114,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 15
+    "rank": 13
   },
   {
     "title": "React Fiber架构原理剖析",
@@ -141,7 +123,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "11",
-    "rank": 16
+    "rank": 14
   },
   {
     "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
@@ -150,16 +132,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 17
-  },
-  {
-    "title": "markdown 编辑器实现双屏同步滚动",
-    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
-    "url": "https://segmentfault.com/a/1190000042290360",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "9",
-    "rank": 18
+    "rank": 15
   },
   {
     "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
@@ -168,16 +141,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "12",
-    "rank": 19
-  },
-  {
-    "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": "15",
-    "rank": 20
+    "rank": 16
   },
   {
     "title": "面向推荐的汽车知识图谱构建",
@@ -185,8 +149,17 @@
     "url": "https://segmentfault.com/a/1190000042287137",
     "author": "之家技术",
     "home_url": "https://segmentfault.com/u/zhijiajishu",
-    "votes": "11",
-    "rank": 21
+    "votes": "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",
+    "rank": 18
   },
   {
     "title": "前端晋升答辩-性能优化篇范式",
@@ -195,16 +168,16 @@
     "author": "胡哥有话说",
     "home_url": "https://segmentfault.com/u/justbecoder",
     "votes": "7",
-    "rank": 22
+    "rank": 19
   },
   {
-    "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
-    "description": "近期工作有涉及到数字大屏的需求，于是利用业余时间，结合 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。页面使用 React + Three.js + Echarts + stylus 技术栈，本文涉及到的主...",
-    "url": "https://segmentfault.com/a/1190000042216817",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
+    "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
+    "description": "希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。",
+    "url": "https://segmentfault.com/a/1190000042338012",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
-    "rank": 23
+    "rank": 20
   },
   {
     "title": "你的 Tap bar  不够花里胡哨，试试这个！",
@@ -213,7 +186,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
-    "rank": 24
+    "rank": 21
   },
   {
     "title": "基于 Next.js实现在线Excel",
@@ -222,7 +195,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "5",
-    "rank": 25
+    "rank": 22
   },
   {
     "title": "低代码是开发的未来吗？浅谈低代码平台",
@@ -231,7 +204,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "11",
-    "rank": 26
+    "rank": 23
   },
   {
     "title": "从 Islands Architecture 看前端有多卷",
@@ -240,7 +213,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "8",
-    "rank": 27
+    "rank": 24
   },
   {
     "title": "我做了一个在线白板（二）",
@@ -249,7 +222,25 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "5",
-    "rank": 28
+    "rank": 25
+  },
+  {
+    "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": 26
+  },
+  {
+    "title": "记录第一次给开源项目提 PR",
+    "description": "本篇文章算是该系列的一个彩蛋篇，记录一下第一次给开源项目提 PR 的过程（之前好像也有过，不过那个非常小的一个改动），希望能够帮助更多的人参与到开源项目中来。",
+    "url": "https://segmentfault.com/a/1190000042342284",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "6",
+    "rank": 27
   },
   {
     "title": "整理了这23个开源项，初学者可以拿来练习！",
@@ -258,7 +249,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "7",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
@@ -267,6 +258,15 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "4",
+    "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",
     "rank": 30
   }
 ]