@wcj/github-rank 22.9.7 → 22.9.10

package/web/data/sifou-daily.json

@@ -1,83 +1,47 @@
 [
   {
-    "title": "为什么Vue（默认情况下）比React性能更好",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042421228",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
+    "title": "SegmentFault 思否技术征文丨浅谈 Java 进阶之路",
+    "description": "亲爱的开发者们：大家好，我是 SegmentFault 思否的社区管理员思否小姐姐 ~ 我们的社区征文活动再次起航，这一次，想邀请作者们分享原创技术内容。将于 9-12 月会相继上线技术专题征文活动，征文方向包含 Java、C...",
+    "url": "https://segmentfault.com/a/1190000042453662",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
     "rank": 1
   },
   {
-    "title": "最新抖音数据分析app爬虫",
-    "description": "我们提供封装好的抖音数据采集接口，实时采集，接口稳定。长期维护使用便宜接口使用详情请参考接口地址：github 访问地址：[链接]全部支持的接口如下，并且支持定制开发",
-    "url": "https://segmentfault.com/a/1190000042442463",
-    "author": "平果",
-    "home_url": "https://segmentfault.com/u/pingguo_62091d03673de",
+    "title": "在 JavaScript 中，什么时候使用 Map 或胜过 Object",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042366094",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
     "rank": 2
   },
   {
-    "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",
+    "title": "高阶 CSS 技巧在复杂动效中的应用",
+    "description": "最近我在 CodePen 上看到了这样一个有意思的动画：整个动画效果是在一个标签内，借助了 SVG PATH 实现。其核心在于对渐变（Gradient）的究极利用。完整的代码你可以看看这里 -- CodePen DEMO -- to the future 🍻 ...",
+    "url": "https://segmentfault.com/a/1190000042454840",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "使用 SVG 生成带标识的 favicon",
-    "description": "欢迎关注我的公众号：前端侦探之前做了一个 Chrome 插件，可以根据地址的不同生成不同的图标，这样可以很方便的区分不同的开发环境，效果如下主要实现过程其实不复杂，首先获取网站 favicon，然后给 favicon 添加...",
-    "url": "https://segmentfault.com/a/1190000042435536",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "2",
+    "title": "2022 Google 谷歌开发者大会亮点抢先看",
+    "description": "2022 Google 开发者大会还有 5 天即将盛大开幕！技术演讲，精彩各异大咖云集，交流探讨科技互动，趣味体验大会亮点剧透提前看来找找你最期待的内容吧！ 观看视频，亮点先睹为快[链接]9 月 14 日大会主旨演讲闪亮...",
+    "url": "https://segmentfault.com/a/1190000042454231",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "[算法数据结构] 回溯中重复元素与分割问题分析总结",
-    "description": "组合总和[链接] 思路聚焦到再当前层，该怎么选取，对应到代码中就是回溯函数中，for 循环里面如何控制回溯函数的传入参数，使得能够重复选取本身，并且不造成重复的组合。",
-    "url": "https://segmentfault.com/a/1190000042438900",
-    "author": "翁乐安",
-    "home_url": "https://segmentfault.com/u/wenglean",
+    "title": "初探Groovy",
+    "description": "Groovy 是动态语言，引入很多有意思的特性。如果将Java比喻为楷书，则Groovy是行书，开发效率很高。而且Groovy JDK中包含很多实用工具，开发舒适。",
+    "url": "https://segmentfault.com/a/1190000042453985",
+    "author": "骚铭科技",
+    "home_url": "https://segmentfault.com/u/saoming_zhang",
     "votes": "1",
     "rank": 5
-  },
-  {
-    "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": "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": "【金九银十必问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": "有关遗传算法最新发展的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

@@ -17,15 +17,6 @@
     "votes": "29",
     "rank": 2
   },
-  {
-    "title": "使用 CSS 构建强大且酷炫的粒子动画",
-    "description": "当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素，这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。",
-    "url": "https://segmentfault.com/a/1190000042283578",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
-    "rank": 3
-  },
   {
     "title": "自定义计数器小技巧！CSS 实现长按点赞累加动画",
     "description": "欢迎关注我的公众号：前端侦探在某条 APP 中，如果长按点赞，会出现这样花里胡哨的动画，如下这个动画有两部分组成，其中这个随机表情的实现可以参考 coco 的这篇文章 巧用 transition 实现短视频 APP 点赞动画比...",
@@ -33,16 +24,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "19",
-    "rank": 4
-  },
-  {
-    "title": "可视化拖拽组件库一些技术要点原理分析（四）",
-    "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
-    "url": "https://segmentfault.com/a/1190000042282658",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "15",
-    "rank": 5
+    "rank": 3
   },
   {
     "title": "组员老是忘记打卡，我开发了一款小工具，让全组三个月全勤！",
@@ -51,7 +33,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "13",
-    "rank": 6
+    "rank": 4
   },
   {
     "title": "妙啊！纯 CSS 实现拼图游戏",
@@ -60,7 +42,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成即得限量周边！",
@@ -69,7 +51,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "9",
-    "rank": 8
+    "rank": 6
   },
   {
     "title": "即日起，ONES 团队版50人以下免费",
@@ -78,16 +60,7 @@
     "author": "万事ONES",
     "home_url": "https://segmentfault.com/u/wanshiones",
     "votes": "12",
-    "rank": 9
-  },
-  {
-    "title": "markdown 编辑器实现双屏同步滚动",
-    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
-    "url": "https://segmentfault.com/a/1190000042290360",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "10",
-    "rank": 10
+    "rank": 7
   },
   {
     "title": "Wuzzle，进行基于 webpack 的 JS 转译",
@@ -96,16 +69,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 11
-  },
-  {
-    "title": "面向推荐的汽车知识图谱构建",
-    "description": "知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...",
-    "url": "https://segmentfault.com/a/1190000042287137",
-    "author": "之家技术",
-    "home_url": "https://segmentfault.com/u/zhijiajishu",
-    "votes": "13",
-    "rank": 12
+    "rank": 8
   },
   {
     "title": "云安全践行者：亚马逊云科技如何打好“安全”牌？",
@@ -114,7 +78,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "10",
-    "rank": 13
+    "rank": 9
   },
   {
     "title": "巧用 transition 实现短视频 APP 点赞动画",
@@ -123,7 +87,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "13",
-    "rank": 14
+    "rank": 10
   },
   {
     "title": "如何让CSS计数器支持小数的动态变化？",
@@ -132,7 +96,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 15
+    "rank": 11
   },
   {
     "title": "HPC、AI与云计算：当智能时代三叉戟在亚马逊云科技完美融合",
@@ -141,7 +105,7 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "6",
-    "rank": 16
+    "rank": 12
   },
   {
     "title": "从 Islands Architecture 看前端有多卷",
@@ -150,7 +114,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "8",
-    "rank": 17
+    "rank": 13
   },
   {
     "title": "精读《pnpm》",
@@ -159,7 +123,7 @@
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
     "votes": "10",
-    "rank": 18
+    "rank": 14
   },
   {
     "title": "记录第一次给开源项目提 PR",
@@ -168,7 +132,7 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "6",
-    "rank": 19
+    "rank": 15
   },
   {
     "title": "聊聊 npm 的语义化版本（Semver）",
@@ -177,7 +141,25 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "6",
-    "rank": 20
+    "rank": 16
+  },
+  {
+    "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": "10",
+    "rank": 17
+  },
+  {
+    "title": "盘点一些好用的 JS 单行代码",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042391998",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "11",
+    "rank": 18
   },
   {
     "title": "怎么防止同事用 Evil.js 的代码投毒",
@@ -186,16 +168,16 @@
     "author": "前端小菜鸟",
     "home_url": "https://segmentfault.com/u/qianduanxiaocainiao_5c612df9514ba",
     "votes": "8",
-    "rank": 21
+    "rank": 19
   },
   {
-    "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
-    "description": "大家好,我是webfansplz.继将 Vue 渲染到嵌入式液晶屏后,今天要跟大家分享的是如何将Vue渲染到命令行工具 :).关于命令行工具,大家应该都比较熟悉了,比如vue-cli、Vite等.我们在编写前端应用面向用户时,通常会非常...",
-    "url": "https://segmentfault.com/a/1190000042288656",
-    "author": "null仔",
-    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
-    "votes": "4",
-    "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": 20
   },
   {
     "title": "手写一个有点意思的电梯小程序（React版本）",
@@ -204,34 +186,16 @@
     "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, 即可打开控制...",
-    "url": "https://segmentfault.com/a/1190000042367660",
-    "author": "高志鹏",
-    "home_url": "https://segmentfault.com/u/gaozhipeng",
-    "votes": "9",
-    "rank": 24
+    "rank": 21
   },
   {
-    "title": "electron 应用开发优秀实践",
-    "description": "在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...",
-    "url": "https://segmentfault.com/a/1190000042267983",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "title": "如何优雅地中断 Promise？来试试 AbortController 吧！",
+    "description": "欢迎大家来到 前端小课堂 的第五期，今天我们来聊一聊如何终止正在进行中的 Fetch 以及 Promise。文中会跟大家详细介绍这里面的两个关键知识点 AbortController 和 AbortSignal。对动手实践比较感兴趣的同学还可...",
+    "url": "https://segmentfault.com/a/1190000042447341",
+    "author": "dreamapplehappy",
+    "home_url": "https://segmentfault.com/u/dreamapplehappy",
     "votes": "8",
-    "rank": 25
-  },
-  {
-    "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": 26
+    "rank": 22
   },
   {
     "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
@@ -240,7 +204,7 @@
     "author": "Awbeci",
     "home_url": "https://segmentfault.com/u/awbeci",
     "votes": "7",
-    "rank": 27
+    "rank": 23
   },
   {
     "title": "Vue仿钉钉审批流程",
@@ -249,16 +213,7 @@
     "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
+    "rank": 24
   },
   {
     "title": "在阿里做前端程序员，我是这样规划的",
@@ -267,6 +222,51 @@
     "author": "大淘宝技术",
     "home_url": "https://segmentfault.com/u/alibabataoxijishu",
     "votes": "9",
+    "rank": 25
+  },
+  {
+    "title": "精读《SolidJS》",
+    "description": "SolidJS 是一个语法像 React Function Component，内核像 Vue 的前端框架，本周我们通过阅读 Introduction to SolidJS 这篇文章来理解理解其核心概念。",
+    "url": "https://segmentfault.com/a/1190000042392152",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "5",
+    "rank": 26
+  },
+  {
+    "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": "5",
+    "rank": 27
+  },
+  {
+    "title": "🔬 一文搞懂前端兼容问题",
+    "description": "对于大部分开发者来说，版本兼容是一件存在感很低的事情，因为它在绝大部分情况下都是一行配置，在一些前端工具链（例如 Babel、CoreJS，Autoprefixer 等工具）的帮助下适配到目标浏览器，只会在一些大的 break c...",
+    "url": "https://segmentfault.com/a/1190000042301384",
+    "author": "卤代烃",
+    "home_url": "https://segmentfault.com/u/skychx",
+    "votes": "5",
+    "rank": 28
+  },
+  {
+    "title": "SegmentFault 思否技术周刊—关于 JavaScript 给你看点有用的！",
+    "description": "最近收到需求，需要开发一些针对业务特定公共逻辑部分使用的 JavaScript 函数（类似于开发一个公共 SDK），统一维护，同时供各业务部门的前端开发人员进行复用。为了满足公共库开发调试简单、易用性与健壮性等需...",
+    "url": "https://segmentfault.com/a/1190000042398762",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "3",
+    "rank": 29
+  },
+  {
+    "title": "CodeForBetter_Hackathon，唤醒代码的力量",
+    "description": "黑客马拉松（Hackathon）最初诞生于 1999 年，由黑客（hack）和马拉松（marathon）两个单词合并而成。黑客马拉松将马拉松的精神用长时间的持续编码表达出来，是开发者们一起分享经验、交流技术和迸发灵感的盛会；...",
+    "url": "https://segmentfault.com/a/1190000042416590",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "3",
     "rank": 30
   }
 ]