@wcj/github-rank 22.8.31 → 22.9.3

package/web/data/sifou-daily.json

@@ -1,110 +1,11 @@
 [
   {
-    "title": "巧用 transition 实现短视频 APP 点赞动画",
-    "description": "那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。",
-    "url": "https://segmentfault.com/a/1190000042398943",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "5",
-    "rank": 1
-  },
-  {
-    "title": "如何让CSS计数器支持小数的动态变化？",
-    "description": "最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：",
-    "url": "https://segmentfault.com/a/1190000042397184",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "3",
-    "rank": 2
-  },
-  {
-    "title": "前后端数据接口协作提效实践",
-    "description": "导读：在大部分场景中，前后端可以在开发前约定好数据接口，双方能够围绕约定并行地完成开发和自测 。然而在大型系统中一些后端模块有时并非直连前端，在它们之间可能包含一些其它模块的处理过程，为了保证数据真...",
-    "url": "https://segmentfault.com/a/1190000042398799",
-    "author": "百度Geek说",
-    "home_url": "https://segmentfault.com/u/baidujiagoushi",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "【译】20个实用的JavaScript技巧",
-    "description": "JavaScript不断发展壮大，因为它是最容易上手的语言之一，因此为市场上的新“成为技术怪才”打开了大门。（真假的啊？）的确，JavaScript可以做很多出色的事情！还有很多东西要学习。而且，无论您是JavaScript的新...",
-    "url": "https://segmentfault.com/a/1190000042399644",
-    "author": "九旬",
-    "home_url": "https://segmentfault.com/u/ansonznl",
-    "votes": "2",
-    "rank": 4
-  },
-  {
-    "title": "SegmentFaul 2022 年社区周报 Vol.7 | 好久不见~",
-    "description": "这期间，社区发生了很多很多事情，调整了许多功能模块，当然也包含本喵的诞生，今天社区运营周报制度正式恢复啦，本喵带你了解一下这周社区都发生了什么吧~",
-    "url": "https://segmentfault.com/a/1190000042402701",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "给小鹤音形安个\"家\"",
-    "description": "最近换工作了，同事看到我在打字的时候蛮神奇的（我当时用的飞扬，关闭了候选栏），问我用的什么输入法，我说是小鹤音形，他立马去了解了。如果我能传播一下小鹤音形，那我也蛮开心的，但是在工作的时候，还没见...",
-    "url": "https://segmentfault.com/a/1190000042406132",
-    "author": "小黄本黄",
-    "home_url": "https://segmentfault.com/u/xiaohuangbenhuang",
-    "votes": "2",
-    "rank": 6
-  },
-  {
-    "title": "SpringBoot配置文件application",
-    "description": "原文链接Map配置YML配置文件: {代码...} 方法内： {代码...} cron表达式YML配置文件: {代码...} 代码示例： {代码...}   学习更多编程知识，请关注我的公众号：代码的路",
-    "url": "https://segmentfault.com/a/1190000042405945",
-    "author": "代码的路",
-    "home_url": "https://segmentfault.com/u/zbzcdzf",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "深入理解JavaScript-Object.create",
-    "description": "2006年，Douglas Grockford 写了一篇文章：《JavaScript 中的原型式继承》（”Prototypal Inheritance in JavaScript“）。这篇文章介绍了一种不涉及严格意义上构造函数的继承方法。他的出发点是即使不自定义类型也...",
-    "url": "https://segmentfault.com/a/1190000042404696",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "大家都能看得懂的源码 - 那些关于DOM的常见Hook封装（二）",
-    "description": "本文是深入浅出 ahooks 源码系列文章的第十五篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。本篇接着针对关于 DOM 的各个 Hook 封装进行解读。useFullscreen管理 DOM 全屏的 Hook。该...",
-    "url": "https://segmentfault.com/a/1190000042400136",
-    "author": "Gopal",
-    "home_url": "https://segmentfault.com/u/fengguangping",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "【高并发】通过源码深度解析ThreadPoolExecutor类是如何保证线程池正确运行的",
-    "description": "AtomicInteger类型的常量ctl是贯穿线程池整个生命周期的重要属性，它是一个原子类对象，主要用来保存线程的数量和线程池的状态，我们看下与这个属性相关的代码如下所示。",
-    "url": "https://segmentfault.com/a/1190000042398915",
-    "author": "冰河",
-    "home_url": "https://segmentfault.com/u/binghe001",
+    "title": "操作服务器的神奇工具Tmux",
+    "description": "命令行的典型使用方式是，打开一个终端窗口（terminal window，以下简称\"窗口\"），在里面输入命令。用户与计算机的这种临时的交互，称为一次\"会话\"（session） 。",
+    "url": "https://segmentfault.com/a/1190000042426244",
+    "author": "生活处处有BUG",
+    "home_url": "https://segmentfault.com/u/jintvues",
     "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "聊聊如何利用管道模式来进行业务编排（上篇）",
-    "description": "管道模式不属于我们常说的23种设计模式中的一种，它可以看成是责任链模式的一种变体。所谓的管道模式用技术话来说，就是把数据传递给一个任务队列，由任务队列按次序依次对数据进行加工处理。",
-    "url": "https://segmentfault.com/a/1190000042398701",
-    "author": "linyb极客之路",
-    "home_url": "https://segmentfault.com/u/linybjikezhilu",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "BI如何配置“花生壳”，看这一篇就够了",
-    "description": "花生壳作为一款免费的内网穿透软件，在软件行业备受青睐。在做好产品的同时，如何让客户轻松看到，也是非常有必要的。本篇将带领大家使用“花生壳”软件完成BI数据分析的配置。第一步：下载安装，注册。第二步：设...",
-    "url": "https://segmentfault.com/a/1190000042400002",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
-    "rank": 12
+    "rank": 1
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042323523",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "34",
+    "votes": "35",
     "rank": 1
   },
   {
@@ -14,18 +14,9 @@
     "url": "https://segmentfault.com/a/1190000042325723",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "26",
+    "votes": "27",
     "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 构建强大且酷炫的粒子动画",
     "description": "当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素，这也就导致了使用 HTML + 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,7 +42,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "20",
-    "rank": 6
+    "rank": 5
   },
   {
     "title": "可视化拖拽组件库一些技术要点原理分析（四）",
@@ -60,15 +51,24 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "15",
+    "rank": 6
+  },
+  {
+    "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
+    "description": "开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。",
+    "url": "https://segmentfault.com/a/1190000042386997",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "12",
     "rank": 7
   },
   {
-    "title": "前端构建效率优化之路",
-    "description": "我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。",
-    "url": "https://segmentfault.com/a/1190000042256837",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
+    "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
+    "description": "中奖名单「极客观点」打卡活动获奖名单公布，快来领奖！思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「...",
+    "url": "https://segmentfault.com/a/1190000042331835",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "9",
     "rank": 8
   },
   {
@@ -80,15 +80,6 @@
     "votes": "12",
     "rank": 9
   },
-  {
-    "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
-    "description": "思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...",
-    "url": "https://segmentfault.com/a/1190000042331835",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "9",
-    "rank": 10
-  },
   {
     "title": "markdown 编辑器实现双屏同步滚动",
     "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
@@ -96,6 +87,15 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "10",
+    "rank": 10
+  },
+  {
+    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
+    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
+    "url": "https://segmentfault.com/a/1190000042360785",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
     "rank": 11
   },
   {
@@ -108,14 +108,23 @@
     "rank": 12
   },
   {
-    "title": "使用前端技术实现静态图片局部流动效果 🌊",
-    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
-    "url": "https://segmentfault.com/a/1190000042261453",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "10",
+    "title": "面向推荐的汽车知识图谱构建",
+    "description": "知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...",
+    "url": "https://segmentfault.com/a/1190000042287137",
+    "author": "之家技术",
+    "home_url": "https://segmentfault.com/u/zhijiajishu",
+    "votes": "13",
     "rank": 13
   },
+  {
+    "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": "16",
+    "rank": 14
+  },
   {
     "title": "React Fiber架构原理剖析",
     "description": "在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...",
@@ -123,7 +132,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "11",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
@@ -132,52 +141,16 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "12",
-    "rank": 15
-  },
-  {
-    "title": "面向推荐的汽车知识图谱构建",
-    "description": "知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...",
-    "url": "https://segmentfault.com/a/1190000042287137",
-    "author": "之家技术",
-    "home_url": "https://segmentfault.com/u/zhijiajishu",
-    "votes": "12",
     "rank": 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": "15",
-    "rank": 17
-  },
-  {
-    "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
-    "description": "开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。",
-    "url": "https://segmentfault.com/a/1190000042386997",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
+    "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
+    "description": "云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...",
+    "url": "https://segmentfault.com/a/1190000042418291",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "9",
-    "rank": 18
-  },
-  {
-    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
-    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
-    "url": "https://segmentfault.com/a/1190000042360785",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
-    "rank": 19
-  },
-  {
-    "title": "前端晋升答辩-性能优化篇范式",
-    "description": "本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。",
-    "url": "https://segmentfault.com/a/1190000042264240",
-    "author": "胡哥有话说",
-    "home_url": "https://segmentfault.com/u/justbecoder",
-    "votes": "8",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
@@ -186,7 +159,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
-    "rank": 21
+    "rank": 18
   },
   {
     "title": "基于 Next.js实现在线Excel",
@@ -195,7 +168,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "5",
-    "rank": 22
+    "rank": 19
   },
   {
     "title": "从 Islands Architecture 看前端有多卷",
@@ -204,7 +177,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "8",
-    "rank": 23
+    "rank": 20
   },
   {
     "title": "精读《pnpm》",
@@ -213,7 +186,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "10",
-    "rank": 24
+    "rank": 21
   },
   {
     "title": "记录第一次给开源项目提 PR",
@@ -222,7 +195,7 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "6",
-    "rank": 25
+    "rank": 22
   },
   {
     "title": "聊聊 npm 的语义化版本（Semver）",
@@ -231,7 +204,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "6",
-    "rank": 26
+    "rank": 23
   },
   {
     "title": "我做了一个在线白板（二）",
@@ -240,16 +213,7 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "5",
-    "rank": 27
-  },
-  {
-    "title": "整理了这23个开源项，初学者可以拿来练习！",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042266784",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "7",
-    "rank": 28
+    "rank": 24
   },
   {
     "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
@@ -258,7 +222,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "4",
-    "rank": 29
+    "rank": 25
   },
   {
     "title": "electron 应用开发优秀实践",
@@ -267,6 +231,42 @@
     "author": "vivo互联网技术",
     "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "8",
+    "rank": 26
+  },
+  {
+    "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": 27
+  },
+  {
+    "title": "你不知道的 console，让 JS 调试更简单",
+    "description": "对于前端的各位工程师，肯定不会对console陌生，但是，你又能了解多少呢，今天就让小鹏来一窥大前世界。Chrome控制台-开发者工具windows按F12， MAC按Command + Option + C或Command + Option + J, 即可打开控制...",
+    "url": "https://segmentfault.com/a/1190000042367660",
+    "author": "高志鹏",
+    "home_url": "https://segmentfault.com/u/gaozhipeng",
+    "votes": "9",
+    "rank": 28
+  },
+  {
+    "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": 29
+  },
+  {
+    "title": "如何让CSS计数器支持小数的动态变化？",
+    "description": "最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：",
+    "url": "https://segmentfault.com/a/1190000042397184",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "8",
     "rank": 30
   }
 ]