@wcj/github-rank 22.10.19 → 22.10.20

package/dist/sifou-weekly.json

@@ -5,17 +5,44 @@
     "url": "https://segmentfault.com/a/1190000042632786",
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "9",
+    "votes": "10",
     "rank": 1
   },
+  {
+    "title": "CSS 绘制一只思否猫",
+    "description": "欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(>^ω^<...",
+    "url": "https://segmentfault.com/a/1190000042643893",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "16",
+    "rank": 2
+  },
   {
     "title": "10分钟教你写一个数据库",
     "description": "今天教大家借助一款框架快速实现一个数据库，这个框架就是Calcite，下面会带大家通过两个例子快速教会大家怎么实现，一个是可以通过 SQL 语句的方式可以直接查询文件内容，第二个是模拟 Mysql 查询功能，以及最后...",
     "url": "https://segmentfault.com/a/1190000042613900",
     "author": "艾小仙",
     "home_url": "https://segmentfault.com/u/goudantiezhuerzi",
-    "votes": "5",
-    "rank": 2
+    "votes": "6",
+    "rank": 3
+  },
+  {
+    "title": "云 + AI = More｜微软智能云矩阵加速数字化转型“ Do more with Less”",
+    "description": "11 月 13 日，微软年度技术大会 Ignite 2022 及 Ignite China 中国技术峰会同步开启线上直播。在 13 日的 Ignite China 北京（微软大厦）现场，众多来自业界的技术专家、嘉宾大咖以及 IT 开发者们欢聚一堂，共同...",
+    "url": "https://segmentfault.com/a/1190000042624820",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "1",
+    "rank": 4
+  },
+  {
+    "title": "喜获 Code for Better _ Hackathon 二等奖，简单复盘 & 礼物返图",
+    "description": "2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开...",
+    "url": "https://segmentfault.com/a/1190000042627779",
+    "author": "Meathill",
+    "home_url": "https://segmentfault.com/u/meathill",
+    "votes": "6",
+    "rank": 5
   },
   {
     "title": "你不知道的JavaScript APIs",
@@ -23,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000042558270",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
-    "rank": 3
+    "votes": "4",
+    "rank": 6
   },
   {
     "title": "5个常见的JavaScript内存错误",
@@ -33,7 +60,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "5",
-    "rank": 4
+    "rank": 7
   },
   {
     "title": "电子表格也能做购物车？简单三步就能实现",
@@ -42,34 +69,16 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "详解商业智能“前世今生”，“嵌入式BI”到底是如何产生的？",
-    "description": "嵌入式分析是使任何应用程序或用户更容易获得数据分析和商业智能的技术。商业智能是通过分析业务数据辅助决策获取数据背后的 0信息。商业智能软件和技术包含了报表查询，OLAP，数据挖掘及高级数据分析，最终用户...",
-    "url": "https://segmentfault.com/a/1190000042607367",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "云 + AI = More｜微软智能云矩阵加速数字化转型“ Do more with Less”",
-    "description": "11 月 13 日，微软年度技术大会 Ignite 2022 及 Ignite China 中国技术峰会同步开启线上直播。在 13 日的 Ignite China 北京（微软大厦）现场，众多来自业界的技术专家、嘉宾大咖以及 IT 开发者们欢聚一堂，共同...",
-    "url": "https://segmentfault.com/a/1190000042624820",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
-    "rank": 7
+    "rank": 8
   },
   {
-    "title": "一款纯 JS 实现的轻量化图片编辑器",
-    "description": "刚开始使用 PPT 来处理, 一张张复制过去, 做一些边框阴影处理, 再加一些图形, 然后再导出来复制到需要的地方, 而且导出后的图片之后可能不会再使用了还要清理.",
-    "url": "https://segmentfault.com/a/1190000042612529",
-    "author": "行知万门",
-    "home_url": "https://segmentfault.com/u/xingzhiwanmen",
-    "votes": "3",
-    "rank": 8
+    "title": "利用思否猫素材实现一个连连看小游戏",
+    "description": "vue3实现一个思否猫连连看小游戏本文参与了1024程序员节，欢迎正在阅读的你也加入。通过本文，你将学到:vue3的核心语法vue3的状态管理工具pinia的用法sass的用法基本算法canvas实现一个下雪的效果，一些canvas的...",
+    "url": "https://segmentfault.com/a/1190000042643627",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "7",
+    "rank": 9
   },
   {
     "title": "字节跳动后端面经五",
@@ -78,26 +87,8 @@
     "author": "zydybaby",
     "home_url": "https://segmentfault.com/u/zydybaby",
     "votes": "2",
-    "rank": 9
-  },
-  {
-    "title": "CSS 绘制一只思否猫",
-    "description": "欢迎关注我的公众号：前端侦探练习 CSS 有一个比较有趣的方式，就是发挥想象，绘制各式各样的图案，比如来绘制一只思否猫？思否猫，SegmentFault 思否的吉祥物，是一只独一无二、特立独行、热爱自由的(>^ω^<...",
-    "url": "https://segmentfault.com/a/1190000042643893",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
     "rank": 10
   },
-  {
-    "title": "spring boot  文件上传和下载",
-    "description": "学习了老师写的文件上传和下载，这里学习一下。文件上传controller层从controller层开始，接受前台传的数据。1.前台调用后台接口: {代码...} 2.controller层接收数据: {代码...} 可以看到，后台接受文件是以 Mult...",
-    "url": "https://segmentfault.com/a/1190000042612264",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "4",
-    "rank": 11
-  },
   {
     "title": "记录一个关于 GBK 编码的问题",
     "description": "UTF-8 是一种国际化的编码方式，包含了世界上大部分的语种文字（简体中文字、繁体中文字、英文、日文、韩文等语言），也兼容 ASCII 码。",
@@ -105,14 +96,23 @@
     "author": "编程码农",
     "home_url": "https://segmentfault.com/u/onlythinking",
     "votes": "3",
+    "rank": 11
+  },
+  {
+    "title": "第一个可以在条件语句中使用的原生hook诞生了",
+    "description": "大家好，我卡颂。在10月13日的first-class-support-for-promises RFC中，介绍了一种新的hook —— use。use什么？就是use，这个hook就叫use。这也是第一个：可以在条件语句中书写的hook可以在其他hook回调中书写的h...",
+    "url": "https://segmentfault.com/a/1190000042635772",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "3",
     "rank": 12
   },
   {
-    "title": "JSON对象转换TypeScript声明",
-    "description": "TS使开发人员能够掌握各种组件的交互方式，并使代码重构变得更加容易；但对于需要准确定义的类型，在使用时会比较麻烦。特别是涉及数个及数十个后端接口数据的类型定义，会有大量的转换和的时间成本。通过VSCode...",
-    "url": "https://segmentfault.com/a/1190000042617645",
-    "author": "兰俊秋雨",
-    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "title": "在 Kubernetes 中实现微服务应用监控",
+    "description": "KubeSphere 平台本身提供了监控功能，包括节点状态、集群资源使用率、Etcd、API Server 等监控，不过缺少了应用级别的监控。",
+    "url": "https://segmentfault.com/a/1190000042625747",
+    "author": "KubeSphere",
+    "home_url": "https://segmentfault.com/u/kubesphere",
     "votes": "2",
     "rank": 13
   },
@@ -125,6 +125,15 @@
     "votes": "1",
     "rank": 14
   },
+  {
+    "title": "JSON对象转换TypeScript声明",
+    "description": "TS使开发人员能够掌握各种组件的交互方式，并使代码重构变得更加容易；但对于需要准确定义的类型，在使用时会比较麻烦。特别是涉及数个及数十个后端接口数据的类型定义，会有大量的转换和的时间成本。通过VSCode...",
+    "url": "https://segmentfault.com/a/1190000042617645",
+    "author": "兰俊秋雨",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "votes": "2",
+    "rank": 15
+  },
   {
     "title": "深入理解JavaScript——词法环境",
     "description": "第一步：V8 引擎刚拿到 执行上下文 的时候，会把代码从上到下一行一行的先做分词/词法分析(Tokenizing/Lexing)。分词是指：比如 var a = 2; 这段代码，会被分词为：var a 2和;这样的原子符号(atomic token)；词法...",
@@ -132,7 +141,7 @@
     "author": "山头人汉波",
     "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "2",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "基于 Impala 的高性能数仓实践之物化视图服务",
@@ -141,7 +150,7 @@
     "author": "网易数帆",
     "home_url": "https://segmentfault.com/u/163yun",
     "votes": "1",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "vue3封装一个带动画的关闭按钮",
@@ -149,16 +158,7 @@
     "url": "https://segmentfault.com/a/1190000042614618",
     "author": "jsoncode",
     "home_url": "https://segmentfault.com/u/jsoncode",
-    "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "2022 最受欢迎的 CSS 类名和 ID 分别是什么",
-    "description": "CSS是用来布局和格式化网页和其他媒体的语言。它是 Web 的三种主要语言之一，与HTML(用于结构)和JavaScript(用于行为)并列。每一年，我们都看到CSS的规模在增长，2022年也不例外。",
-    "url": "https://segmentfault.com/a/1190000042606394",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
+    "votes": "2",
     "rank": 18
   },
   {
@@ -170,6 +170,24 @@
     "votes": "1",
     "rank": 19
   },
+  {
+    "title": "两分钟小技巧！如何阻止 macOS 的触底弹性滚动和双指手势导航",
+    "description": "通常情况下，反弹效果可以反映出是否滚动到了边界，让滚动体验更加丝滑，算是一种体验的提升，但是如果页面总有fixed定位元素，同样也会受到影响，在视觉上不是那么美观，那有没有办法阻止呢？",
+    "url": "https://segmentfault.com/a/1190000042635667",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "3",
+    "rank": 20
+  },
+  {
+    "title": "ReactQuery系列文章- 1. React Query 实践",
+    "description": "当2018年GraphQL特别是Apolllo Client开始流行之后，很多人开始认为它将替代Redux，关于Redux是否已经落伍的问题经常被问到。我很清晰地记得我当时对这些观点的不理解。为什么一些数据请求的库会替代全局状态管理...",
+    "url": "https://segmentfault.com/a/1190000042629569",
+    "author": "lakb248",
+    "home_url": "https://segmentfault.com/u/kk_470661",
+    "votes": "1",
+    "rank": 21
+  },
   {
     "title": "NodeJS 服务 Docker 镜像极致优化指北",
     "description": "这段时间在开发一个腾讯文档全品类通用的 HTML 动态服务，为了方便各品类接入的生成与部署，也顺应上云的趋势，考虑使用 Docker 的方式来固定服务内容，统一进行制品版本的管理。本篇文章就将我在服务 Docker 化...",
@@ -177,7 +195,7 @@
     "author": "Duang",
     "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
     "votes": "2",
-    "rank": 20
+    "rank": 22
   },
   {
     "title": "【YOLOv5】LabVIEW+YOLOv5快速实现实时物体识别（Object Detection）含源码",
@@ -186,7 +204,7 @@
     "author": "wangstoudamire",
     "home_url": "https://segmentfault.com/u/wangstoudamire_62b438915bf66",
     "votes": "1",
-    "rank": 21
+    "rank": 23
   },
   {
     "title": "js时间格式封装及转换",
@@ -195,41 +213,23 @@
     "author": "墨城",
     "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "4",
-    "rank": 22
-  },
-  {
-    "title": "ReactQuery系列文章- 1. React Query 实践",
-    "description": "当2018年GraphQL特别是Apolllo Client开始流行之后，很多人开始认为它将替代Redux，关于Redux是否已经落伍的问题经常被问到。我很清晰地记得我当时对这些观点的不理解。为什么一些数据请求的库会替代全局状态管理...",
-    "url": "https://segmentfault.com/a/1190000042629569",
-    "author": "lakb248",
-    "home_url": "https://segmentfault.com/u/kk_470661",
-    "votes": "1",
-    "rank": 23
-  },
-  {
-    "title": "喜获 Code for Better _ Hackathon 二等奖，简单复盘 & 礼物返图",
-    "description": "2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开...",
-    "url": "https://segmentfault.com/a/1190000042627779",
-    "author": "Meathill",
-    "home_url": "https://segmentfault.com/u/meathill",
-    "votes": "2",
     "rank": 24
   },
   {
-    "title": "IM跨平台技术学习(四)：蘑菇街基于Electron开发IM客户端的技术实践",
-    "description": "1、引言本系列文章的前面几篇主要是从Electron技术本身进行了讨论（包括：第1篇初步了解Electron、第2篇进行了快速开始和技术体验、第3篇基于实际开发考虑的技术栈选型等），各位读者也应该对Electron的开发有了...",
-    "url": "https://segmentfault.com/a/1190000042615946",
-    "author": "JackJiang",
-    "home_url": "https://segmentfault.com/u/jackjiang",
-    "votes": "1",
+    "title": "解雇拒绝打开摄像头员工被罚 51 万；推送损坏的更新，导致数千网站瘫痪；PHP 存在不受控制的递归漏洞｜思否周刊",
+    "description": "40S 新闻速递HTTP 库 Axios 推送损坏的更新，导致数千个网站瘫痪建议弃用 C/C++ 后，Azure CTO 再怼 Git：最不直观、最笨重因开发人员误公开源代码，丰田或泄露近 30 万客户信息美国公司因解雇拒绝打开摄像头员工...",
+    "url": "https://segmentfault.com/a/1190000042620362",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "2",
     "rank": 25
   },
   {
-    "title": "从零手写react-router",
-    "description": "蛮多同学可能会觉得react-router很复杂, 说用都还没用明白, 还从0实现一个react-router, 其实router并不复杂哈, 甚至说你看了这篇博客以后, 你都会觉得router的核心原理也就那么回事",
-    "url": "https://segmentfault.com/a/1190000042615932",
-    "author": "hello_world_1024",
-    "home_url": "https://segmentfault.com/u/zhishiyuanbodexiaoyanyao",
+    "title": "Golang 轮子之 Supervisor",
+    "description": "Supervisor 是一个强大的 进程管理工具。在非容器化管理的服务器上， Supervisor 是有非常广泛的使用场景的。例如：服务批量重启，多服务按顺序启动，服务oom后自动拉起，服务std日志收集等，甚至服务健康检查它...",
+    "url": "https://segmentfault.com/a/1190000042631207",
+    "author": "小白要生发",
+    "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
     "votes": "1",
     "rank": 26
   },
@@ -243,29 +243,29 @@
     "rank": 27
   },
   {
-    "title": "铜九银十react考察点梳理",
-    "description": "React中可以在render访问refs吗？为什么？ {代码...} 不可以，render 阶段 DOM 还没有生成，无法获取 DOM。DOM 的获取需要在 pre-commit 阶段和 commit 阶段：setState 是同步异步？为什么？实现原理？1. setStat...",
-    "url": "https://segmentfault.com/a/1190000042607031",
-    "author": "紧张的大葱",
-    "home_url": "https://segmentfault.com/u/jinzhangdedacong",
-    "votes": "1",
+    "title": "微信推出自研 NLP 大规模语言模型 WeLM，现已开放 API 推动应用落地",
+    "description": "大规模语言模型领域迎来新“选手”。近日，微信 AI 推出自研 NLP 大规模语言模型 WeLM ，该模型是一个尺寸合理的中文模型，能够在零样本以及少样本的情境下完成包多语言任务在内的多种 NLP 任务。",
+    "url": "https://segmentfault.com/a/1190000042632229",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "3",
     "rank": 28
   },
   {
-    "title": "视频中为什么需要这么多的颜色空间？",
-    "description": "导读：在视频处理中，我们经常会用到不同的色彩空间：非线性RGB，线性 RGB，YUV，XYZ……为什么需要这么多的色彩空间呢？为什么在 FFMpeg 中会有 color\\_space，color\\_transfer，color\\_primaries 等一系列的颜色...",
-    "url": "https://segmentfault.com/a/1190000042613694",
-    "author": "百度Geek说",
-    "home_url": "https://segmentfault.com/u/baidujiagoushi",
+    "title": "从零手写react-router",
+    "description": "蛮多同学可能会觉得react-router很复杂, 说用都还没用明白, 还从0实现一个react-router, 其实router并不复杂哈, 甚至说你看了这篇博客以后, 你都会觉得router的核心原理也就那么回事",
+    "url": "https://segmentfault.com/a/1190000042615932",
+    "author": "hello_world_1024",
+    "home_url": "https://segmentfault.com/u/zhishiyuanbodexiaoyanyao",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "Elasticsearch创建一个索引怎么也这么复杂",
-    "description": "今天是我们学习ES8.1官方搜索工程师的第一课，首先第一个问题就是根据给定的需求创建一个索引，本篇文章将采用如下（总分总）的形式分析该题目，第一部分先进行考题的分析，猜测要考的知识点大概有什么，然后第二...",
-    "url": "https://segmentfault.com/a/1190000042622274",
-    "author": "醉鱼",
-    "home_url": "https://segmentfault.com/u/17970",
+    "title": "IM跨平台技术学习(四)：蘑菇街基于Electron开发IM客户端的技术实践",
+    "description": "1、引言本系列文章的前面几篇主要是从Electron技术本身进行了讨论（包括：第1篇初步了解Electron、第2篇进行了快速开始和技术体验、第3篇基于实际开发考虑的技术栈选型等），各位读者也应该对Electron的开发有了...",
+    "url": "https://segmentfault.com/a/1190000042615946",
+    "author": "JackJiang",
+    "home_url": "https://segmentfault.com/u/jackjiang",
     "votes": "1",
     "rank": 30
   }