@wcj/github-rank 22.9.6 → 22.9.7

package/web/data/sifou-daily.json

@@ -1,82 +1,82 @@
 [
   {
-    "title": "docker 和 dockerFile 介绍",
-    "description": "最近用到了dockerFIle来构建镜像。 在这之前，其实并不太清楚docker的作用，并不清楚容器和镜像的比较清晰的概念。于是在这里记录一下。",
-    "url": "https://segmentfault.com/a/1190000042435608",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
+    "title": "为什么Vue（默认情况下）比React性能更好",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042421228",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "性能调优——小小的log大大的坑",
-    "description": "日志对程序的重要性不言而喻，轻巧、简单、无需费脑，程序代码中随处可见，帮助我们排查定位一个有一个问题问题。但看似不起眼的日志，却隐藏着各式各样的“坑”，如果使用不当，不仅不能帮助我们，反而会成为服务“...",
-    "url": "https://segmentfault.com/a/1190000042434642",
-    "author": "咕咕鸡",
-    "home_url": "https://segmentfault.com/u/guguji_fly",
+    "title": "最新抖音数据分析app爬虫",
+    "description": "我们提供封装好的抖音数据采集接口，实时采集，接口稳定。长期维护使用便宜接口使用详情请参考接口地址：github 访问地址：[链接]全部支持的接口如下，并且支持定制开发",
+    "url": "https://segmentfault.com/a/1190000042442463",
+    "author": "平果",
+    "home_url": "https://segmentfault.com/u/pingguo_62091d03673de",
     "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",
+    "title": "K8S 生态周报| Kubernetes v1.25.0 正式发布，新特性一览",
+    "description": "大家好，我是张晋涛。Kubernetes 正式发布了，包含了 40 项目增强更新。本次 LOGO 的主要表达的意思是 尊重协作和开放的精神 ，这种精神将我们凝聚到一起转变为能改变世界的力量。其实我每期的 「k8s生态周报」都...",
+    "url": "https://segmentfault.com/a/1190000042437197",
+    "author": "张晋涛",
+    "home_url": "https://segmentfault.com/u/moelove",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "精读《依赖注入简介》",
-    "description": "原文按照 “如何解决无法做单测的问题、统一依赖注入的入口、如何自动保证依赖顺序正确、循环依赖怎么解决、自上而下 vs 自下而上编程思维” 的思路，将依赖注入从想法起点，到延伸出来的特性连贯的串了起来。",
-    "url": "https://segmentfault.com/a/1190000042431264",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "1",
+    "title": "使用 SVG 生成带标识的 favicon",
+    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
+    "url": "https://segmentfault.com/a/1190000042435536",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "2",
     "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",
+    "title": "[算法数据结构] 回溯中重复元素与分割问题分析总结",
+    "description": "组合总和[链接] 思路聚焦到再当前层，该怎么选取，对应到代码中就是回溯函数中，for 循环里面如何控制回溯函数的传入参数，使得能够重复选取本身，并且不造成重复的组合。",
+    "url": "https://segmentfault.com/a/1190000042438900",
+    "author": "翁乐安",
+    "home_url": "https://segmentfault.com/u/wenglean",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "[算法数据结构] 关于回溯算法的理解记录",
-    "description": "开始二刷回溯算法，这里对回溯法展开思考，加深对其的原理和应用场景的理解。以组合问题为例：给定两个整数 n 和 k，返回范围[1, n]中所有可能的 k 个数的组合。",
-    "url": "https://segmentfault.com/a/1190000042432948",
-    "author": "翁乐安",
-    "home_url": "https://segmentfault.com/u/wenglean",
+    "title": "SegmentFault 思否技术周刊 — 你对 Vue 了解多少？",
+    "description": "Vue 默认按照“就地更新”的策略来更新通过 v-for 渲染的元素列表。当数据项的顺序改变时，Vue 不会随之移动 DOM 元素的顺序，而是就地更新每个元素，确保它们在原本指定的索引位置上渲染。默认模式是高效的，但只...",
+    "url": "https://segmentfault.com/a/1190000042438116",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
     "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",
+    "title": "JS Funtions 中的记忆化（memoization）",
+    "description": "记忆化（memoization）是一种提高计算机程序执行速度的优化技术，通过存储大量计算量函数的返回值，当这个结果再次使用时不需要重新计算，而是从缓存中直接取出。",
+    "url": "https://segmentfault.com/a/1190000042438110",
+    "author": "yotcap",
+    "home_url": "https://segmentfault.com/u/yotcap",
     "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",
+    "title": "【金九银十必问Java面试题】工作六年面试被问JVM为什么使用元空间替换了永久代？",
+    "description": "“JVM 为什么使用元空间替换了永久代？”这是一个工作6年的同学去字节第一面遇到的问题，很遗憾，他没有回答出来大家好，我是Mic，一个工作了14年的Java程序员。关于这个问题，我们怎么回答？面试官到底关注什么呢？",
+    "url": "https://segmentfault.com/a/1190000042438042",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "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",
+    "title": "有关遗传算法最新发展的4篇论文推荐",
+    "description": "这篇论文使用遗传算法来构建Hadamard矩阵。 生成随机矩阵的初始群体是除第一列全部是+1以外，每列中都是平衡数量的+1和-1项。 通过实现了多个适应度函数并进行筛选，找到了最有效的适应度函数。交叉过程是通过交...",
+    "url": "https://segmentfault.com/a/1190000042437713",
+    "author": "deephub",
+    "home_url": "https://segmentfault.com/u/deephub",
     "votes": "1",
     "rank": 9
   }

package/web/data/sifou-monthly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000042325723",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "28",
+    "votes": "29",
     "rank": 2
   },
   {
@@ -26,6 +26,15 @@
     "votes": "24",
     "rank": 3
   },
+  {
+    "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
+    "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
+    "url": "https://segmentfault.com/a/1190000042360785",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "19",
+    "rank": 4
+  },
   {
     "title": "可视化拖拽组件库一些技术要点原理分析（四）",
     "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
@@ -33,15 +42,6 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "15",
-    "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
   },
   {
@@ -50,9 +50,18 @@
     "url": "https://segmentfault.com/a/1190000042386997",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "12",
+    "votes": "13",
     "rank": 6
   },
+  {
+    "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": "19",
+    "rank": 7
+  },
   {
     "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
     "description": "中奖名单「极客观点」打卡活动获奖名单公布，快来领奖！思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「...",
@@ -60,7 +69,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 7
+    "rank": 8
   },
   {
     "title": "即日起，ONES 团队版50人以下免费",
@@ -69,15 +78,6 @@
     "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
   },
   {
@@ -107,24 +107,33 @@
     "votes": "13",
     "rank": 12
   },
-  {
-    "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
-    "description": "immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。",
-    "url": "https://segmentfault.com/a/1190000042282263",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "12",
-    "rank": 13
-  },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
     "description": "云计算发展正迅疾如风，猛烈似火。为业务赋能之下，上“云”已成大势所趋！特别是在疫情持续了将近三年的背景下，云市场需求持续爆发。资本方、企业主、客户、用户等等，云正成为各方最受关注的科技领域。2022年，...",
     "url": "https://segmentfault.com/a/1190000042418291",
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "9",
+    "votes": "10",
+    "rank": 13
+  },
+  {
+    "title": "巧用 transition 实现短视频 APP 点赞动画",
+    "description": "那么，这么有趣的点赞动画，有没有可能使用纯 CSS 实现呢？那当然是必须的，本文，就将巧妙的借助 transition，仅仅使用 CSS 完成这么一个点赞动画。",
+    "url": "https://segmentfault.com/a/1190000042398943",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "13",
     "rank": 14
   },
+  {
+    "title": "如何让CSS计数器支持小数的动态变化？",
+    "description": "最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：",
+    "url": "https://segmentfault.com/a/1190000042397184",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "11",
+    "rank": 15
+  },
   {
     "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
     "description": "希腊神话中，海神与丰收之神波塞冬手持三叉戟，为航船保驾护航，为农人带来清泉。从此之后，三叉戟经常用来比喻三种事物紧密结合，形成合力，比如足球世界很多球队都有经典的锋线三叉戟。",
@@ -132,15 +141,6 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
-    "rank": 15
-  },
-  {
-    "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
   },
   {
@@ -180,12 +180,12 @@
     "rank": 20
   },
   {
-    "title": "我做了一个在线白板（二）",
-    "description": "上一篇我做了一个在线白板！给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字...",
-    "url": "https://segmentfault.com/a/1190000042281991",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "5",
+    "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": "8",
     "rank": 21
   },
   {
@@ -197,6 +197,15 @@
     "votes": "4",
     "rank": 22
   },
+  {
+    "title": "手写一个有点意思的电梯小程序（React版本）",
+    "description": "查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...",
+    "url": "https://segmentfault.com/a/1190000042322957",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "4",
+    "rank": 23
+  },
   {
     "title": "你不知道的 console，让 JS 调试更简单",
     "description": "对于前端的各位工程师，肯定不会对console陌生，但是，你又能了解多少呢，今天就让小鹏来一窥大前世界。Chrome控制台-开发者工具windows按F12， MAC按Command + Option + C或Command + Option + J, 即可打开控制...",
@@ -204,7 +213,7 @@
     "author": "高志鹏",
     "home_url": "https://segmentfault.com/u/gaozhipeng",
     "votes": "9",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "electron 应用开发优秀实践",
@@ -213,26 +222,8 @@
     "author": "vivo互联网技术",
     "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "8",
-    "rank": 24
-  },
-  {
-    "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": 25
   },
-  {
-    "title": "如何让CSS计数器支持小数的动态变化？",
-    "description": "最近在几篇文章中都用到了 CSS 计数器，可以将 CSS 变量通过伪元素content动态展示出来，还可以做出很多有趣的动画。有兴趣的可以先回顾一下之前的这几篇文章：",
-    "url": "https://segmentfault.com/a/1190000042397184",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "9",
-    "rank": 26
-  },
   {
     "title": "用node从零做个管理shell命令的好用工具, 正好温习下commander.js相关内容",
     "description": "你有没有经历过忘记某个shell命令怎么拼写? 或是懒得打一长串命令的经历? 比如我的mac笔记本的tachbar偶尔会'卡死', 这时我就要输入 killall ControlStrip 命令重启tachbar, 你也看到了这个命...",
@@ -240,7 +231,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "9",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
@@ -249,7 +240,7 @@
     "author": "Awbeci",
     "home_url": "https://segmentfault.com/u/awbeci",
     "votes": "7",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "Vue仿钉钉审批流程",
@@ -258,15 +249,24 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "7",
+    "rank": 28
+  },
+  {
+    "title": "手写一个有点意思的电梯小程序",
+    "description": "通过本示例，你将学到什么?CSS 相关CSS定位CSS弹性盒子布局CSS动画CSS变量的用法js相关类的封装DOM的操作与事件的操作样式与类的操作延迟函数的使用示例效果废话少说，先看效果如图所示:分析小程序的构成电梯井（...",
+    "url": "https://segmentfault.com/a/1190000042298118",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "10",
     "rank": 29
   },
   {
-    "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",
+    "title": "在阿里做前端程序员，我是这样规划的",
+    "description": "许多前端工程师工作超过了3年之后会遇到一个迷茫期，我跟很多前端从业人也聊过，有一部分人说想做开源项目推广出去（类似react，vue）变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望...",
+    "url": "https://segmentfault.com/a/1190000042334736",
+    "author": "大淘宝技术",
+    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
+    "votes": "9",
     "rank": 30
   }
 ]