@wcj/github-rank 22.10.22 → 22.10.24

package/dist/sifou-weekly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042643893",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "23",
+    "votes": "24",
     "rank": 1
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000042647263",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "11",
+    "votes": "13",
     "rank": 3
   },
   {
@@ -32,16 +32,16 @@
     "url": "https://segmentfault.com/a/1190000042653533",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "12",
+    "votes": "16",
     "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": "8",
+    "title": "面向猫猫编程，SegmentFault 思否 1024 程序员节惊喜彩蛋攻略来啦！",
+    "description": "在 SegmentFault 思否 1024 程序员节系列活动 中，思否小姐姐为大家预留了一个悬念，还没有公布第三站：惊喜彩蛋「喵了个喵」的具体玩法，思否小姐姐也收到了不少咨询活动玩法的私信，惊喜彩蛋哪里找？趣味游戏怎...",
+    "url": "https://segmentfault.com/a/1190000042671467",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "36",
     "rank": 5
   },
   {
@@ -59,7 +59,7 @@
     "url": "https://segmentfault.com/a/1190000042558270",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "votes": "5",
     "rank": 7
   },
   {
@@ -68,9 +68,27 @@
     "url": "https://segmentfault.com/a/1190000042656728",
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
+    "votes": "4",
     "rank": 8
   },
+  {
+    "title": "利用思否猫素材实现一个丝滑的轮播图（html + css + js）",
+    "description": "使用思否猫素材实现一个轮播图本文参与了1024程序员节，欢迎正在阅读的你也加入。通过本文，你将学到:htmlcssjs没错，就是html，css,js,现在是框架盛行的时代，所以很少会有人在意原生三件套，通过本文实现一个丝...",
+    "url": "https://segmentfault.com/a/1190000042661646",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
+    "votes": "3",
+    "rank": 9
+  },
+  {
+    "title": "2022前端面试总结",
+    "description": "首先，面试对个人来说，就是一种对以往工作之中经验积累的一种检验，如果平时在工作中对自己遇到的问题、难点、新知识点，没有花时间去学习积累，那么我相信，面试的时候花时间背面试题，也不一定能胜任预期的工...",
+    "url": "https://segmentfault.com/a/1190000042638751",
+    "author": "fx67ll",
+    "home_url": "https://segmentfault.com/u/wensandaoshi",
+    "votes": "8",
+    "rank": 10
+  },
   {
     "title": "第一个可以在条件语句中使用的原生hook诞生了",
     "description": "大家好，我卡颂。在10月13日的first-class-support-for-promises RFC中，介绍了一种新的hook —— use。use什么？就是use，这个hook就叫use。这也是第一个：可以在条件语句中书写的hook可以在其他hook回调中书写的h...",
@@ -78,7 +96,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "3",
-    "rank": 9
+    "rank": 11
   },
   {
     "title": "两分钟小技巧！如何阻止 macOS 的触底弹性滚动和双指手势导航",
@@ -87,7 +105,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "3",
-    "rank": 10
+    "rank": 12
   },
   {
     "title": "头大了，我的Sentry为什么上报错误不准",
@@ -96,69 +114,51 @@
     "author": "江湖人称007",
     "home_url": "https://segmentfault.com/u/wujiantao_5a06ffda461ec",
     "votes": "3",
-    "rank": 11
-  },
-  {
-    "title": "2022前端面试总结",
-    "description": "首先，面试对个人来说，就是一种对以往工作之中经验积累的一种检验，如果平时在工作中对自己遇到的问题、难点、新知识点，没有花时间去学习积累，那么我相信，面试的时候花时间背面试题，也不一定能胜任预期的工...",
-    "url": "https://segmentfault.com/a/1190000042638751",
-    "author": "fx67ll",
-    "home_url": "https://segmentfault.com/u/wensandaoshi",
-    "votes": "5",
-    "rank": 12
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？",
-    "description": "Vite 是一种前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它使用 Rollup 打...",
-    "url": "https://segmentfault.com/a/1190000042636388",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "1",
     "rank": 13
   },
   {
-    "title": "Golang 轮子之 Supervisor",
-    "description": "Supervisor 是一个强大的 进程管理工具。在非容器化管理的服务器上， Supervisor 是有非常广泛的使用场景的。例如：服务批量重启，多服务按顺序启动，服务oom后自动拉起，服务std日志收集等，甚至服务健康检查它...",
-    "url": "https://segmentfault.com/a/1190000042631207",
-    "author": "小白要生发",
-    "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
-    "votes": "1",
+    "title": "Htmx 意外走红，我们从 React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9",
+    "description": "过去 Web 非常简单。URL 指向服务器，服务器将数据混合成 html，然后在浏览器上呈现该响应。围绕这种简单范式，诞生了各种 Javascript 框架，以前可能需要数月时间完成的一个应用程序基本功能，现在借助这些框架...",
+    "url": "https://segmentfault.com/a/1190000042657582",
+    "author": "MobTech袤博",
+    "home_url": "https://segmentfault.com/u/mobtech",
+    "votes": "3",
     "rank": 14
   },
   {
-    "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",
+    "title": "VS Code For Web 深入浅出 -- 进程间通信篇",
+    "description": "在上一篇中，我们一起分析了 VS Code 整体的代码架构，了解了 VS Code 是由前后端分离的方式开发的。且无论前端是基于 electron 还是 web，后端是本地还是云端，其调用方式并无不同。",
+    "url": "https://segmentfault.com/a/1190000042653911",
+    "author": "Duang",
+    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
+    "votes": "3",
     "rank": 15
   },
   {
-    "title": "微信推出自研 NLP 大规模语言模型 WeLM，现已开放 API 推动应用落地",
-    "description": "大规模语言模型领域迎来新“选手”。近日，微信 AI 推出自研 NLP 大规模语言模型 WeLM ，该模型是一个尺寸合理的中文模型，能够在零样本以及少样本的情境下完成包多语言任务在内的多种 NLP 任务。",
-    "url": "https://segmentfault.com/a/1190000042632229",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "深入理解JavaScript——闭包",
+    "description": "网络中有各种各样说闭包的文章，有些浅尝辄止，有些 CV 党，又有些只讲一部分。于我而言，要想了解闭包，需要掌握词法环境（或者是 ES 中的变量对象） 、执行上下文与调用栈、 （词法）作用域等等",
+    "url": "https://segmentfault.com/a/1190000042643748",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "3",
     "rank": 16
   },
   {
-    "title": "5个需要避免的CSS错误",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042644397",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "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": 17
   },
   {
-    "title": "Htmx 意外走红，我们从 React“退回去”后：代码行数减少 67%，JS 依赖项从 255 下降到 9",
-    "description": "过去 Web 非常简单。URL 指向服务器，服务器将数据混合成 html，然后在浏览器上呈现该响应。围绕这种简单范式，诞生了各种 Javascript 框架，以前可能需要数月时间完成的一个应用程序基本功能，现在借助这些框架...",
-    "url": "https://segmentfault.com/a/1190000042657582",
-    "author": "MobTech袤博",
-    "home_url": "https://segmentfault.com/u/mobtech",
-    "votes": "3",
+    "title": "SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？",
+    "description": "Vite 是一种前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。一套构建指令，它使用 Rollup 打...",
+    "url": "https://segmentfault.com/a/1190000042636388",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "1",
     "rank": 18
   },
   {
@@ -171,40 +171,31 @@
     "rank": 19
   },
   {
-    "title": "go-GIN入门到....(持续更新中)",
-    "description": "go-GIN入门到....(持续更新中)安装gin参考 {代码...} 设置环境变量 {代码...} gin {代码...} 快速开始创建文件 {代码...} 运行文件 {代码...} 路由无参数 {代码...} {代码...} 动态路由 {代码...} {代码...} 带Qu...",
-    "url": "https://segmentfault.com/a/1190000042631567",
-    "author": "BewaterMyfriends",
-    "home_url": "https://segmentfault.com/u/bewatermyfriends",
-    "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": 20
   },
   {
-    "title": "深入理解JavaScript——闭包",
-    "description": "网络中有各种各样说闭包的文章，有些浅尝辄止，有些 CV 党，又有些只讲一部分。于我而言，要想了解闭包，需要掌握词法环境（或者是 ES 中的变量对象） 、执行上下文与调用栈、 （词法）作用域等等",
-    "url": "https://segmentfault.com/a/1190000042643748",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "2",
+    "title": "5个需要避免的CSS错误",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042644397",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
     "rank": 21
   },
   {
-    "title": "js常用方法梳理",
-    "description": "1、将下标转为中文零一二三... {代码...} 2、判断整数的不同方法 {代码...} 3、dom节点平滑滚动到可视区域，顶部，底部原生的scrollTo方法没有动画，类似于锚点跳转，比较生硬，可以通过这个方法会自带平滑的过度...",
-    "url": "https://segmentfault.com/a/1190000042632971",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "3",
-    "rank": 22
-  },
-  {
-    "title": "面试官：深度不够，建议回去深挖",
-    "description": "从刚面试的问题回答中，能看得出你用了不少拙力背了不少题。直接拿这些技术点问，你可以回答。但同样是这些技术点，我换个场景来问用到了什么技术，你就像从没有听说过一样。当然不可否认你能通过背把这些内容记...",
-    "url": "https://segmentfault.com/a/1190000042630604",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "title": "golang中的切片",
+    "description": "在go中切片的底层是数组，所以切片的数据连续存储在数组的数据结构中。如果底层的数组满了，切片还需要添加元素的话，底层数组就需要扩容。如果底层数组几乎为空时，就会缩容。",
+    "url": "https://segmentfault.com/a/1190000042659118",
+    "author": "liuyuede",
+    "home_url": "https://segmentfault.com/u/liuyuede123",
     "votes": "1",
-    "rank": 23
+    "rank": 22
   },
   {
     "title": "规则引擎深度对比，LiteFlow vs Drools！",
@@ -213,59 +204,68 @@
     "author": "铂赛东",
     "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
     "votes": "3",
+    "rank": 23
+  },
+  {
+    "title": "Vue3响应式助你轻松实现国际化",
+    "description": "本文为Varlet组件库源码主题阅读系列第十篇，也是最后一篇，读完本篇，可以了解到如何通过创建一个Vue3响应式对象就可以轻松实现国际化的需求。",
+    "url": "https://segmentfault.com/a/1190000042659070",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "1",
     "rank": 24
   },
   {
-    "title": "从0到1设计通用数据大屏搭建平台",
-    "description": "一直以来，许多产品平台都在尝试通过可视化搭建的手段来降低 GUI 应用的研发门槛，提高生产效率。随着我们业务的发展，数据建设的完善，用户对于数据可视化的诉求也日益增多，而数据大屏是数据可视化的其中一种展...",
-    "url": "https://segmentfault.com/a/1190000042612266",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "4",
+    "title": "如何实现一个丝滑的点击水波效果",
+    "description": "本文为Varlet组件库源码主题阅读系列第九篇，读完本篇，可以了解到如何使用一个div创建一个点击的水波效果。Varlet组件库提供了一个使元素点击时生成水波扩散效果的指令： {代码...} 接下来就从源码角度看看它是...",
+    "url": "https://segmentfault.com/a/1190000042659025",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "2",
     "rank": 25
   },
   {
-    "title": "VS Code For Web 深入浅出 -- 进程间通信篇",
-    "description": "在上一篇中，我们一起分析了 VS Code 整体的代码架构，了解了 VS Code 是由前后端分离的方式开发的。且无论前端是基于 electron 还是 web，后端是本地还是云端，其调用方式并无不同。",
-    "url": "https://segmentfault.com/a/1190000042653911",
-    "author": "Duang",
-    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
-    "votes": "2",
+    "title": "js常用方法梳理",
+    "description": "1、将下标转为中文零一二三... {代码...} 2、判断整数的不同方法 {代码...} 3、dom节点平滑滚动到可视区域，顶部，底部原生的scrollTo方法没有动画，类似于锚点跳转，比较生硬，可以通过这个方法会自带平滑的过度...",
+    "url": "https://segmentfault.com/a/1190000042632971",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "3",
     "rank": 26
   },
   {
-    "title": "前端首屏渲染时间的极致优化",
-    "description": "而随着现代 Web 业务可供用户的交互行为越来越多，前端项目的复杂度越来越高，每个页面的渲染时间也必然越来越长，这就导致了用户的体验不佳，用户的操作变慢。",
-    "url": "https://segmentfault.com/a/1190000042636210",
-    "author": "Duang",
-    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
-    "votes": "4",
+    "title": "数字华容道「思否猫版」",
+    "description": "思否社区首届「猫猫杯」线上代码共创大赛日程已接近尾声，各路大神狂拽炫酷的项目已经出炉了。奈何拖延症，我还在想“创意点”，同时考虑到实现周期要赶上 deadline，纠结之时，无意间在地铁上瞟见有人在看《最强大...",
+    "url": "https://segmentfault.com/a/1190000042668772",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "2",
     "rank": 27
   },
   {
-    "title": "SegmentFault 2022 年社区周报 Vol.11",
-    "description": "hello，大家好呀，周二来到，本喵报道🙋又是新的一周开始，话不多说，一起来看看近期发生了哪些事儿～社区活动本周活动：致「独一无二」的你｜1024 程序员节系列活动仍在火热进行中！第一站：用代码 DIY 你的专属...",
-    "url": "https://segmentfault.com/a/1190000042638725",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "阿里巴巴 Noslate 正式开源 - 面向云原生的 JavaScript 容器方案",
+    "description": "继 2019 年开源 Midway 框架之后，阿里一直在 Node.js 的前沿进行深度研究，除了加入 TC39 参与标准化建设，向上游 Node.js 项目持续贡献，与龙蜥社区合作优化之外，也在 Serverless 领域有了不小的成果。",
+    "url": "https://segmentfault.com/a/1190000042665605",
+    "author": "阿里巴巴终端技术",
+    "home_url": "https://segmentfault.com/u/aliterminal",
     "votes": "1",
     "rank": 28
   },
   {
-    "title": "迟迟没学会grid，是因为你没理解flex",
-    "description": "我先问 2 个问题：你是不是用主轴-交叉轴/辅轴/副轴的概念理解 flex你是不是也用这个概念去理解 grid如果你是用这种方式理解的 flex，那听我慢慢道来今天我打破你对 flex 的理解打碎对 flex 理解display: grid 和...",
-    "url": "https://segmentfault.com/a/1190000042627871",
-    "author": "uccs",
-    "home_url": "https://segmentfault.com/u/tiantian_5ada7e81e50d7",
+    "title": "go-GIN入门到....(持续更新中)",
+    "description": "go-GIN入门到....(持续更新中)安装gin参考 {代码...} 设置环境变量 {代码...} gin {代码...} 快速开始创建文件 {代码...} 运行文件 {代码...} 路由无参数 {代码...} {代码...} 动态路由 {代码...} {代码...} 带Qu...",
+    "url": "https://segmentfault.com/a/1190000042631567",
+    "author": "BewaterMyfriends",
+    "home_url": "https://segmentfault.com/u/bewatermyfriends",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "MyBatis-Plus同款Elasticsearch ORM框架，用起来够优雅！",
-    "description": "使用过Spring Data操作ES的小伙伴应该有所了解，它只能实现一些非常基本的数据管理工作，一旦遇到稍微复杂点的查询，基本都要依赖ES官方提供的RestHighLevelClient，Spring Data只是在其基础上进行了简单的封装。...",
-    "url": "https://segmentfault.com/a/1190000042635525",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
+    "title": "面试官：深度不够，建议回去深挖",
+    "description": "从刚面试的问题回答中，能看得出你用了不少拙力背了不少题。直接拿这些技术点问，你可以回答。但同样是这些技术点，我换个场景来问用到了什么技术，你就像从没有听说过一样。当然不可否认你能通过背把这些内容记...",
+    "url": "https://segmentfault.com/a/1190000042630604",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "1",
     "rank": 30
   }