@wcj/github-rank 22.9.3 → 22.9.6

package/web/data/sifou-daily.json

@@ -1,11 +1,83 @@
 [
   {
-    "title": "操作服务器的神奇工具Tmux",
-    "description": "命令行的典型使用方式是，打开一个终端窗口（terminal window，以下简称\"窗口\"），在里面输入命令。用户与计算机的这种临时的交互，称为一次\"会话\"（session） 。",
-    "url": "https://segmentfault.com/a/1190000042426244",
-    "author": "生活处处有BUG",
-    "home_url": "https://segmentfault.com/u/jintvues",
-    "votes": "1",
+    "title": "docker 和 dockerFile 介绍",
+    "description": "最近用到了dockerFIle来构建镜像。 在这之前，其实并不太清楚docker的作用，并不清楚容器和镜像的比较清晰的概念。于是在这里记录一下。",
+    "url": "https://segmentfault.com/a/1190000042435608",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
     "rank": 1
+  },
+  {
+    "title": "性能调优——小小的log大大的坑",
+    "description": "日志对程序的重要性不言而喻，轻巧、简单、无需费脑，程序代码中随处可见，帮助我们排查定位一个有一个问题问题。但看似不起眼的日志，却隐藏着各式各样的“坑”，如果使用不当，不仅不能帮助我们，反而会成为服务“...",
+    "url": "https://segmentfault.com/a/1190000042434642",
+    "author": "咕咕鸡",
+    "home_url": "https://segmentfault.com/u/guguji_fly",
+    "votes": "1",
+    "rank": 2
+  },
+  {
+    "title": "为什么vue.config.js中使用require，而vite.config.js使用 import?",
+    "description": "偶然一次发现，他们两个的引入模块的方式不一样，在好奇心的驱使下，便开始一探究竟。1、vue.config方式打开项目的package.json，找到 scripts位置。找到 vue-cli-service 命令，通常命令都位于当前项目的node_mo...",
+    "url": "https://segmentfault.com/a/1190000042432407",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "votes": "3",
+    "rank": 3
+  },
+  {
+    "title": "精读《依赖注入简介》",
+    "description": "原文按照 “如何解决无法做单测的问题、统一依赖注入的入口、如何自动保证依赖顺序正确、循环依赖怎么解决、自上而下 vs 自下而上编程思维” 的思路，将依赖注入从想法起点，到延伸出来的特性连贯的串了起来。",
+    "url": "https://segmentfault.com/a/1190000042431264",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "1",
+    "rank": 4
+  },
+  {
+    "title": "用Vue.js写一个命令行贪吃蛇游戏",
+    "description": "大家好,我是webfansplz.本文要分享的是如何使用Vue.js实现一个命令行贪吃蛇游戏(temir-snake-game).对于贪吃蛇游戏想必大家都不陌生了,使用Vue.js实现一个Web版的贪吃蛇游戏似乎没什么难度,那如果是命令行版的呢?...",
+    "url": "https://segmentfault.com/a/1190000042431217",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "2",
+    "rank": 5
+  },
+  {
+    "title": "[算法数据结构] 关于回溯算法的理解记录",
+    "description": "开始二刷回溯算法，这里对回溯法展开思考，加深对其的原理和应用场景的理解。以组合问题为例：给定两个整数 n 和 k，返回范围[1, n]中所有可能的 k 个数的组合。",
+    "url": "https://segmentfault.com/a/1190000042432948",
+    "author": "翁乐安",
+    "home_url": "https://segmentfault.com/u/wenglean",
+    "votes": "1",
+    "rank": 6
+  },
+  {
+    "title": "pip安装更换镜像",
+    "description": "原文链接使用pip来安装python包有时候安装起来会非常慢，因此需要换成国内的源来加速下载：1 单次修改源以Torch为例，常规下载方式为： {代码...} 修改为阿里源： {代码...} 2 修改默认源如果不想在每一次下载都...",
+    "url": "https://segmentfault.com/a/1190000042431518",
+    "author": "代码的路",
+    "home_url": "https://segmentfault.com/u/zbzcdzf",
+    "votes": "1",
+    "rank": 7
+  },
+  {
+    "title": "高级前端进阶必修：自主打造高扩展的业务组件库含源码PPT",
+    "description": "说到设计模式，十有八九，singleton模式在面试中排名第一，这一定是大多数人从入门到面试都无法回避的基础知识。但是，singleton模式中并不只有懒惰模式和饥饿模式，大多数都是最基本的模式。如果你读过spring之...",
+    "url": "https://segmentfault.com/a/1190000042435699",
+    "author": "咆哮的上铺_ciNVTG",
+    "home_url": "https://segmentfault.com/u/paoxiaodeshangpu_cinvtg",
+    "votes": "1",
+    "rank": 8
+  },
+  {
+    "title": "没有二十年功力，写不出Thread.sleep(0)这一行“看似无用”的代码！",
+    "description": "你好呀，我是喜提七天居家隔离的歪歪。这篇文章要从一个奇怪的注释说起，就是下面这张图：我们可以不用管具体的代码逻辑，只是单单看这个 for 循环。在循环里面，专门有个变量 j，来记录当前循环次数。第一次循环...",
+    "url": "https://segmentfault.com/a/1190000042432589",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "1",
+    "rank": 9
   }
 ]

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": "35",
+    "votes": "36",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000042325723",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "27",
+    "votes": "28",
     "rank": 2
   },
   {
@@ -23,27 +23,9 @@
     "url": "https://segmentfault.com/a/1190000042283578",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
+    "votes": "24",
     "rank": 3
   },
-  {
-    "title": "妙用 CSS 构建花式透视背景效果",
-    "description": "本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...",
-    "url": "https://segmentfault.com/a/1190000042267425",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
-    "rank": 4
-  },
-  {
-    "title": "防御式CSS是什么？这几点属性重点防御！",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042272755",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "20",
-    "rank": 5
-  },
   {
     "title": "可视化拖拽组件库一些技术要点原理分析（四）",
     "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
@@ -51,7 +33,16 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "15",
-    "rank": 6
+    "rank": 4
+  },
+  {
+    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
+    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
+    "url": "https://segmentfault.com/a/1190000042360785",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "18",
+    "rank": 5
   },
   {
     "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
@@ -60,7 +51,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "12",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
@@ -69,7 +60,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 8
+    "rank": 7
   },
   {
     "title": "即日起，ONES 团队版50人以下免费",
@@ -78,6 +69,15 @@
     "author": "万事ONES",
     "home_url": "https://segmentfault.com/u/wanshiones",
     "votes": "12",
+    "rank": 8
+  },
+  {
+    "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": "18",
     "rank": 9
   },
   {
@@ -89,15 +89,6 @@
     "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
-  },
   {
     "title": "Wuzzle，进行基于 webpack 的 JS 转译",
     "description": "转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...",
@@ -105,7 +96,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "面向推荐的汽车知识图谱构建",
@@ -114,25 +105,7 @@
     "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 的层级...",
-    "url": "https://segmentfault.com/a/1190000042271919",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "11",
-    "rank": 15
+    "rank": 12
   },
   {
     "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
@@ -141,7 +114,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "12",
-    "rank": 16
+    "rank": 13
   },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
@@ -150,7 +123,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "9",
-    "rank": 17
+    "rank": 14
   },
   {
     "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
@@ -159,16 +132,16 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
-    "rank": 18
+    "rank": 15
   },
   {
-    "title": "基于 Next.js实现在线Excel",
-    "description": "如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。",
-    "url": "https://segmentfault.com/a/1190000042268783",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "5",
-    "rank": 19
+    "title": "巧用 transition 实现短视频 APP 点赞动画",
+    "description": "那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。",
+    "url": "https://segmentfault.com/a/1190000042398943",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 16
   },
   {
     "title": "从 Islands Architecture 看前端有多卷",
@@ -177,7 +150,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "8",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "精读《pnpm》",
@@ -186,7 +159,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "10",
-    "rank": 21
+    "rank": 18
   },
   {
     "title": "记录第一次给开源项目提 PR",
@@ -195,7 +168,7 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "6",
-    "rank": 22
+    "rank": 19
   },
   {
     "title": "聊聊 npm 的语义化版本（Semver）",
@@ -204,7 +177,7 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "6",
-    "rank": 23
+    "rank": 20
   },
   {
     "title": "我做了一个在线白板（二）",
@@ -213,7 +186,7 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "5",
-    "rank": 24
+    "rank": 21
   },
   {
     "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
@@ -222,7 +195,16 @@
     "author": "null仔",
     "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
     "votes": "4",
-    "rank": 25
+    "rank": 22
+  },
+  {
+    "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": 23
   },
   {
     "title": "electron 应用开发优秀实践",
@@ -231,7 +213,7 @@
     "author": "vivo互联网技术",
     "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "8",
-    "rank": 26
+    "rank": 24
   },
   {
     "title": "PHP如何提高高并发能力",
@@ -240,16 +222,16 @@
     "author": "7small7",
     "home_url": "https://segmentfault.com/u/7small7",
     "votes": "5",
-    "rank": 27
+    "rank": 25
   },
   {
-    "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",
+    "title": "如何让CSS计数器支持小数的动态变化？",
+    "description": "最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：",
+    "url": "https://segmentfault.com/a/1190000042397184",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "9",
-    "rank": 28
+    "rank": 26
   },
   {
     "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
@@ -258,15 +240,33 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "9",
+    "rank": 27
+  },
+  {
+    "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
+    "description": "我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：",
+    "url": "https://segmentfault.com/a/1190000042329366",
+    "author": "Awbeci",
+    "home_url": "https://segmentfault.com/u/awbeci",
+    "votes": "7",
+    "rank": 28
+  },
+  {
+    "title": "Vue仿钉钉审批流程",
+    "description": "workflow钉钉审批流程设置workflow钉钉审批流程设置，基于vue开发。QQ交流群：639251756线上开源地址 https://github.com/StavinLi/Workflow github点个星吧！预览地址 https://stavinli.github.io/Workflow/dist...",
+    "url": "https://segmentfault.com/a/1190000042300972",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "7",
     "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",
+    "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": "7",
     "rank": 30
   }
 ]