@wcj/github-rank 22.10.18 → 22.10.20

package/dist/sifou-weekly.json

@@ -1,39 +1,21 @@
 [
-  {
-    "title": "快速了解 inert 属性",
-    "description": "欢迎关注我的公众号：前端侦探介绍一个全新的、和用户行为息息相关的属性：inert。HTMLElement.inert - Web APIs | MDN (mozilla.org)有了这个属性，可以更加轻易地控制很多交互行为，花几分钟了解一下吧一、iner...",
-    "url": "https://segmentfault.com/a/1190000042595978",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "5",
-    "rank": 1
-  },
-  {
-    "title": "致「独一无二」的你｜1024 程序员节系列活动启动",
-    "description": "不知道刚过完小长假的大家，有没有假期模式切换回（连上 7 天班的）工作模式呢？😶‍🌫️ 10 月可不止有国庆节，还有咱们开发者群体不可错过的「1024 程序员节」～",
-    "url": "https://segmentfault.com/a/1190000042598682",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
-    "rank": 2
-  },
-  {
-    "title": "前端框架：性能与灵活性的取舍",
-    "description": "大家好，我卡颂。针对前端框架，长期存在着各种纷争。其中争论比较大的是下面两项：性能之争API设计之争比如，各大新兴框架都会掏出benchmark证明自己优秀的运行时性能，在这些benchmark中React通常是垫底的存在...",
-    "url": "https://segmentfault.com/a/1190000042598225",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "4",
-    "rank": 3
-  },
   {
     "title": "思否猫拼接怪编辑器",
     "description": "1024程序员节马上就要来了，我们借着这个机会实现一个社区的吉祥物思否猫的编辑器，暂时起名【思否猫拼接怪】,唯一的遗憾就是素材不是精确到胳膊腿的",
     "url": "https://segmentfault.com/a/1190000042632786",
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "7",
-    "rank": 4
+    "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分钟教你写一个数据库",
@@ -41,26 +23,8 @@
     "url": "https://segmentfault.com/a/1190000042613900",
     "author": "艾小仙",
     "home_url": "https://segmentfault.com/u/goudantiezhuerzi",
-    "votes": "4",
-    "rank": 5
-  },
-  {
-    "title": "电子表格也能做购物车？简单三步就能实现",
-    "description": "在我们的项目当中，经常需要添加一些选择界面，让用户直观地进行交互，比如耗材、办公用品、设计稿或者其它可以选择的内容。在线商城的商品目录和购物车无疑是一种大家都很熟悉的交互方式，但是在实际开发中，我...",
-    "url": "https://segmentfault.com/a/1190000042624221",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "详解商业智能“前世今生”，“嵌入式BI”到底是如何产生的？",
-    "description": "嵌入式分析是使任何应用程序或用户更容易获得数据分析和商业智能的技术。商业智能是通过分析业务数据辅助决策获取数据背后的 0信息。商业智能软件和技术包含了报表查询，OLAP，数据挖掘及高级数据分析，最终用户...",
-    "url": "https://segmentfault.com/a/1190000042607367",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
-    "rank": 7
+    "votes": "6",
+    "rank": 3
   },
   {
     "title": "云 + AI = More｜微软智能云矩阵加速数字化转型“ Do more with Less”",
@@ -69,7 +33,25 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 8
+    "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",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042558270",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
+    "rank": 6
   },
   {
     "title": "5个常见的JavaScript内存错误",
@@ -77,17 +59,26 @@
     "url": "https://segmentfault.com/a/1190000042622557",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
-    "rank": 9
+    "votes": "5",
+    "rank": 7
   },
   {
-    "title": "一款纯 JS 实现的轻量化图片编辑器",
-    "description": "刚开始使用 PPT 来处理, 一张张复制过去, 做一些边框阴影处理, 再加一些图形, 然后再导出来复制到需要的地方, 而且导出后的图片之后可能不会再使用了还要清理.",
-    "url": "https://segmentfault.com/a/1190000042612529",
-    "author": "行知万门",
-    "home_url": "https://segmentfault.com/u/xingzhiwanmen",
-    "votes": "3",
-    "rank": 10
+    "title": "电子表格也能做购物车？简单三步就能实现",
+    "description": "在我们的项目当中，经常需要添加一些选择界面，让用户直观地进行交互，比如耗材、办公用品、设计稿或者其它可以选择的内容。在线商城的商品目录和购物车无疑是一种大家都很熟悉的交互方式，但是在实际开发中，我...",
+    "url": "https://segmentfault.com/a/1190000042624221",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "1",
+    "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": "字节跳动后端面经五",
@@ -96,35 +87,35 @@
     "author": "zydybaby",
     "home_url": "https://segmentfault.com/u/zydybaby",
     "votes": "2",
+    "rank": 10
+  },
+  {
+    "title": "记录一个关于 GBK 编码的问题",
+    "description": "UTF-8 是一种国际化的编码方式，包含了世界上大部分的语种文字（简体中文字、繁体中文字、英文、日文、韩文等语言），也兼容 ASCII 码。",
+    "url": "https://segmentfault.com/a/1190000042621309",
+    "author": "编程码农",
+    "home_url": "https://segmentfault.com/u/onlythinking",
+    "votes": "3",
     "rank": 11
   },
   {
-    "title": "SegmentFault 思否技术周刊 — 浅谈如何使用 Webpack ？",
-    "description": "最近在开发一个低代码平台，主要用于运营搭建 H5 活动。这中间涉及到第三方组件的开发，而第三方组件想要接入平台，需要经过我们特定的打包工具来 build。构建之后的组件，会合并成单个的 js 文件，而且代码会被...",
-    "url": "https://segmentfault.com/a/1190000042598383",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "2",
+    "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": "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",
+    "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
   },
-  {
-    "title": "Go语言学习笔记：Http请求--Gorequest使用",
-    "description": "最近几天部署代理池的时候，用Python写了requests请求测试IP地址检测连通性的脚本。但是发现了一个问题，requests.get带代理请求有时候请求不通。我初步认为代理的问题，但是之后我用了curl请求发现代理是正常的...",
-    "url": "https://segmentfault.com/a/1190000042602198",
-    "author": "ipidea",
-    "home_url": "https://segmentfault.com/u/ipidea",
-    "votes": "1",
-    "rank": 14
-  },
   {
     "title": "Python多进程——进程池的开启和多进程操作同一个List",
     "description": "为什么要使用多进程目标网站数据量多，想赶时间多获取点东西？数据库大批量的数据需要操作？单纯的想要节省时间，早早下班？............肯定会有人说【多线程】。Python的多线程为了数据安全设置了GIL全局解释器...",
@@ -132,7 +123,7 @@
     "author": "ipidea",
     "home_url": "https://segmentfault.com/u/ipidea",
     "votes": "1",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "JSON对象转换TypeScript声明",
@@ -141,16 +132,7 @@
     "author": "兰俊秋雨",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "2",
-    "rank": 16
-  },
-  {
-    "title": "用 javascript 写 SQL",
-    "description": "介绍基于 node-postgreSql 的 sql 客户端什么时候需要用 javascript 写 SQL？避免重复一些 SQL 可以省去多余的代码，例如根据条件查询数据 {代码...} 静态检查例如数据操作是不是符合规范： {代码...} 应用释放资...",
-    "url": "https://segmentfault.com/a/1190000042583108",
-    "author": "donggg",
-    "home_url": "https://segmentfault.com/u/donggg1942",
-    "votes": "1",
-    "rank": 17
+    "rank": 15
   },
   {
     "title": "深入理解JavaScript——词法环境",
@@ -159,25 +141,7 @@
     "author": "山头人汉波",
     "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "2",
-    "rank": 18
-  },
-  {
-    "title": "将Bean交给Spring容器管理有几种方式？",
-    "description": "将Bean交给Spring容器管理的几种方式Spring核心Spring核心是 IOC 和 AOP 。所谓IoC，对于spring框架来说，就是由spring来负责控制对象的生命周期和对象间的关系。至于更详细的说明，或者去深入理解Spring这两大核...",
-    "url": "https://segmentfault.com/a/1190000042602933",
-    "author": "JanYork_小简",
-    "home_url": "https://segmentfault.com/u/amin_624fd35aeb42d",
-    "votes": "2",
-    "rank": 19
-  },
-  {
-    "title": "记录一个关于 GBK 编码的问题",
-    "description": "UTF-8 是一种国际化的编码方式，包含了世界上大部分的语种文字（简体中文字、繁体中文字、英文、日文、韩文等语言），也兼容 ASCII 码。",
-    "url": "https://segmentfault.com/a/1190000042621309",
-    "author": "编程码农",
-    "home_url": "https://segmentfault.com/u/onlythinking",
-    "votes": "2",
-    "rank": 20
+    "rank": 16
   },
   {
     "title": "基于 Impala 的高性能数仓实践之物化视图服务",
@@ -186,16 +150,7 @@
     "author": "网易数帆",
     "home_url": "https://segmentfault.com/u/163yun",
     "votes": "1",
-    "rank": 21
-  },
-  {
-    "title": "SegmentFault 2022 年社区周报 Vol.10",
-    "description": "hello，大家好呀，本喵又来准时报道啦～节后大家感受如何呀，反正本喵只想说好想为祖国妈妈再过一次生日😂回归主题，来给大家来汇报一下社区近期发生的事儿～",
-    "url": "https://segmentfault.com/a/1190000042605854",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "1",
-    "rank": 22
+    "rank": 17
   },
   {
     "title": "vue3封装一个带动画的关闭按钮",
@@ -203,17 +158,44 @@
     "url": "https://segmentfault.com/a/1190000042614618",
     "author": "jsoncode",
     "home_url": "https://segmentfault.com/u/jsoncode",
+    "votes": "2",
+    "rank": 18
+  },
+  {
+    "title": "Go-Web基础",
+    "description": "Go-Web基础Web服务器工作原理 {代码...} URL {代码...} DNS {代码...} HTTP协议 {代码...} {代码...} {代码...} Go-搭建一个http服务器 {代码...}",
+    "url": "https://segmentfault.com/a/1190000042626100",
+    "author": "BewaterMyfriends",
+    "home_url": "https://segmentfault.com/u/bewatermyfriends",
     "votes": "1",
-    "rank": 23
+    "rank": 19
   },
   {
-    "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",
+    "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": 24
+    "rank": 21
+  },
+  {
+    "title": "NodeJS 服务 Docker 镜像极致优化指北",
+    "description": "这段时间在开发一个腾讯文档全品类通用的 HTML 动态服务，为了方便各品类接入的生成与部署，也顺应上云的趋势，考虑使用 Docker 的方式来固定服务内容，统一进行制品版本的管理。本篇文章就将我在服务 Docker 化...",
+    "url": "https://segmentfault.com/a/1190000042623699",
+    "author": "Duang",
+    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
+    "votes": "2",
+    "rank": 22
   },
   {
     "title": "【YOLOv5】LabVIEW+YOLOv5快速实现实时物体识别（Object Detection）含源码",
@@ -222,25 +204,34 @@
     "author": "wangstoudamire",
     "home_url": "https://segmentfault.com/u/wangstoudamire_62b438915bf66",
     "votes": "1",
-    "rank": 25
+    "rank": 23
   },
   {
-    "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": 26
+    "title": "js时间格式封装及转换",
+    "description": "1、将毫秒，转换成时间字符串。例如说，xx 分钟 {代码...} 2、获取当前时间 timeStr 时分秒 字符串 格式为 xx:xx:xx（23:59:59） {代码...} 3、时间戳转年月日时分秒（例：Thu Sep 01 2022 08:00:00 GMT+0800 (中...",
+    "url": "https://segmentfault.com/a/1190000042620215",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "4",
+    "rank": 24
   },
   {
-    "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": "解雇拒绝打开摄像头员工被罚 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": "Golang 轮子之 Supervisor",
+    "description": "Supervisor 是一个强大的 进程管理工具。在非容器化管理的服务器上， Supervisor 是有非常广泛的使用场景的。例如：服务批量重启，多服务按顺序启动，服务oom后自动拉起，服务std日志收集等，甚至服务健康检查它...",
+    "url": "https://segmentfault.com/a/1190000042631207",
+    "author": "小白要生发",
+    "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
     "votes": "1",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "中文输入法中光标跟随能力触发的浏览器事件探究",
@@ -249,24 +240,33 @@
     "author": "Duang",
     "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
     "votes": "1",
+    "rank": 27
+  },
+  {
+    "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": "铜九银十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",
+    "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": "喜获 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",
+    "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
   }
 ]