@wcj/github-rank 22.8.31 → 22.9.1

package/dist/sifou-daily.json

@@ -1,110 +1,38 @@
 [
   {
-    "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",
+    "title": "Flutter 3.3 正式发布",
+    "description": "Flutter 3 是我们正式为全平台提供支持的一个重量级里程碑，距离它的发布仅过去了三个月，今天让我们有请 Flutter 3.3 正式版！近三个月我们并没有放慢更新迭代的速度——自 Flutter 3 发布以来，我们已经为 Flutte...",
+    "url": "https://segmentfault.com/a/1190000042407155",
+    "author": "Flutter",
+    "home_url": "https://segmentfault.com/u/flutter",
     "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
+    "rank": 1
   },
   {
-    "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",
+    "title": "免费线上讲习班：使用 vue3 开发扫雷游戏",
+    "description": "好了伤疤忘了痛，我又想搞 Workshop 了。这次想做一次 Vue3 相关的，考虑了一下，觉得扫雷游戏比较合适：界面简单，操作简单覆盖全面，布局、JS、交互都有需求不需要前后端数据交互，控制学习范围和难度本身有一...",
+    "url": "https://segmentfault.com/a/1190000042414694",
+    "author": "Meathill",
+    "home_url": "https://segmentfault.com/u/meathill",
     "votes": "1",
-    "rank": 8
+    "rank": 2
   },
   {
-    "title": "大家都能看得懂的源码 - 那些关于DOM的常见Hook封装（二）",
-    "description": "本文是深入浅出 ahooks 源码系列文章的第十五篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。本篇接着针对关于 DOM 的各个 Hook 封装进行解读。useFullscreen管理 DOM 全屏的 Hook。该...",
-    "url": "https://segmentfault.com/a/1190000042400136",
+    "title": "慎用JSON.stringify",
+    "description": "项目中遇到一个 bug，一个组件为了保留一份 JSON 对象，使用 JSON.stringify 将其转换成字符串，这样做当然是为了避免对象是引用类型造成数据源的污染。",
+    "url": "https://segmentfault.com/a/1190000042414379",
     "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",
-    "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
+    "rank": 3
   },
   {
-    "title": "BI如何配置“花生壳”，看这一篇就够了",
-    "description": "花生壳作为一款免费的内网穿透软件，在软件行业备受青睐。在做好产品的同时，如何让客户轻松看到，也是非常有必要的。本篇将带领大家使用“花生壳”软件完成BI数据分析的配置。第一步：下载安装，注册。第二步：设...",
-    "url": "https://segmentfault.com/a/1190000042400002",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
+    "title": "基于 LowCodeEngine 的调试能力建设与实践",
+    "description": "低代码由于研发效能和交付的优势变得越来越普及，在降本提效的同时也带来了很多黑盒逻辑。现有的低代码平台普遍缺乏面向用户的调试能力，当用户在低代码搭建遇到问题时，排查和解决问题强依赖平台的客服答疑或浏...",
+    "url": "https://segmentfault.com/a/1190000042408426",
+    "author": "阿里巴巴终端技术",
+    "home_url": "https://segmentfault.com/u/aliterminal",
     "votes": "1",
-    "rank": 12
+    "rank": 4
   }
 ]

package/dist/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
   },
   {
@@ -17,15 +17,6 @@
     "votes": "26",
     "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,7 +51,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "15",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "前端构建效率优化之路",
@@ -69,7 +60,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "即日起，ONES 团队版50人以下免费",
@@ -78,7 +69,7 @@
     "author": "万事ONES",
     "home_url": "https://segmentfault.com/u/wanshiones",
     "votes": "12",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
@@ -87,7 +78,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "markdown 编辑器实现双屏同步滚动",
@@ -96,7 +87,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "10",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "Wuzzle，进行基于 webpack 的 JS 转译",
@@ -105,7 +96,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "使用前端技术实现静态图片局部流动效果 🌊",
@@ -114,7 +105,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "React Fiber架构原理剖析",
@@ -123,7 +114,7 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "11",
-    "rank": 14
+    "rank": 13
   },
   {
     "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
@@ -132,6 +123,15 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "12",
+    "rank": 14
+  },
+  {
+    "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
+    "description": "开始的时候我们都设置了一个打卡闹铃，下班后准时提醒，但有的时候加班，加完班回家又忘记打卡了。还有的时候迷之自信的以为自己打卡了，第二天看考勤记录发现没打卡。",
+    "url": "https://segmentfault.com/a/1190000042386997",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "10",
     "rank": 15
   },
   {
@@ -143,6 +143,15 @@
     "votes": "12",
     "rank": 16
   },
+  {
+    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
+    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
+    "url": "https://segmentfault.com/a/1190000042360785",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
+    "rank": 17
+  },
   {
     "title": "妙啊！纯 CSS 实现拼图游戏",
     "description": "本文，将向大家介绍一种将多个 CSS 技巧运用到极致的技巧，利用纯 CSS 实现拼图游戏。本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全由 CSS 实现的拼图游戏。我们要做的，就是将散落的图片...",
@@ -150,26 +159,8 @@
     "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",
-    "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": "本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。",
@@ -177,7 +168,7 @@
     "author": "胡哥有话说",
     "home_url": "https://segmentfault.com/u/justbecoder",
     "votes": "8",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
@@ -186,7 +177,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
-    "rank": 21
+    "rank": 20
   },
   {
     "title": "基于 Next.js实现在线Excel",
@@ -195,7 +186,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "5",
-    "rank": 22
+    "rank": 21
   },
   {
     "title": "从 Islands Architecture 看前端有多卷",
@@ -204,7 +195,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "8",
-    "rank": 23
+    "rank": 22
   },
   {
     "title": "精读《pnpm》",
@@ -213,7 +204,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "10",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "记录第一次给开源项目提 PR",
@@ -222,7 +213,7 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "6",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "聊聊 npm 的语义化版本（Semver）",
@@ -231,7 +222,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "6",
-    "rank": 26
+    "rank": 25
   },
   {
     "title": "我做了一个在线白板（二）",
@@ -240,7 +231,7 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "5",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "整理了这23个开源项，初学者可以拿来练习！",
@@ -249,7 +240,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "7",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
@@ -258,7 +249,7 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "4",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "electron 应用开发优秀实践",
@@ -267,6 +258,15 @@
     "author": "vivo互联网技术",
     "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "8",
+    "rank": 29
+  },
+  {
+    "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": 30
   }
 ]