@wcj/github-rank 22.10.21 → 22.10.23

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": "22",
+    "votes": "23",
     "rank": 1
   },
   {
@@ -23,35 +23,26 @@
     "url": "https://segmentfault.com/a/1190000042647263",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "8",
+    "votes": "11",
     "rank": 3
   },
   {
-    "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": "超强的苹果官网滚动文字特效实现",
+    "description": "每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却...",
+    "url": "https://segmentfault.com/a/1190000042653533",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "13",
     "rank": 4
   },
-  {
-    "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": 5
-  },
   {
     "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": 6
+    "votes": "8",
+    "rank": 5
   },
   {
     "title": "你不知道的JavaScript APIs",
@@ -60,15 +51,24 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 7
+    "rank": 6
   },
   {
-    "title": "电子表格也能做购物车？简单三步就能实现",
-    "description": "在我们的项目当中，经常需要添加一些选择界面，让用户直观地进行交互，比如耗材、办公用品、设计稿或者其它可以选择的内容。在线商城的商品目录和购物车无疑是一种大家都很熟悉的交互方式，但是在实际开发中，我...",
-    "url": "https://segmentfault.com/a/1190000042624221",
+    "title": "React + Springboot + Quartz，从0实现Excel报表自动化",
+    "description": "企业日常工作中需要制作大量的报表，比如商品的销量、销售额、库存详情、员工打卡信息、保险报销、办公用品采购、差旅报销、项目进度等等，都需要制作统计图表以更直观地查阅。但是报表的制作往往需要耗费大量的...",
+    "url": "https://segmentfault.com/a/1190000042656728",
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
+    "votes": "3",
+    "rank": 7
+  },
+  {
+    "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": 8
   },
   {
@@ -80,15 +80,6 @@
     "votes": "3",
     "rank": 9
   },
-  {
-    "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": 10
-  },
   {
     "title": "两分钟小技巧！如何阻止 macOS 的触底弹性滚动和双指手势导航",
     "description": "通常情况下，反弹效果可以反映出是否滚动到了边界，让滚动体验更加丝滑，算是一种体验的提升，但是如果页面总有fixed定位元素，同样也会受到影响，在视觉上不是那么美观，那有没有办法阻止呢？",
@@ -96,26 +87,53 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "3",
+    "rank": 10
+  },
+  {
+    "title": "2022前端面试总结",
+    "description": "首先，面试对个人来说，就是一种对以往工作之中经验积累的一种检验，如果平时在工作中对自己遇到的问题、难点、新知识点，没有花时间去学习积累，那么我相信，面试的时候花时间背面试题，也不一定能胜任预期的工...",
+    "url": "https://segmentfault.com/a/1190000042638751",
+    "author": "fx67ll",
+    "home_url": "https://segmentfault.com/u/wensandaoshi",
+    "votes": "6",
     "rank": 11
   },
   {
-    "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",
+    "title": "头大了，我的Sentry为什么上报错误不准",
+    "description": "“瞎子过河记”项目的监控报错机制使用 Sentry，为了更好的定位到错误，所以需要上传 sourcemap最终踩坑完毕Sentry列表展示接口信息与页面报错区分提供更多有效自定义tag帮助快速定位分享一下我的踩坑之路（基础教...",
+    "url": "https://segmentfault.com/a/1190000042658579",
+    "author": "江湖人称007",
+    "home_url": "https://segmentfault.com/u/wujiantao_5a06ffda461ec",
+    "votes": "3",
     "rank": 12
   },
   {
-    "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": "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": 13
   },
+  {
+    "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": 14
+  },
+  {
+    "title": "深入理解JavaScript——闭包",
+    "description": "网络中有各种各样说闭包的文章，有些浅尝辄止，有些 CV 党，又有些只讲一部分。于我而言，要想了解闭包，需要掌握词法环境（或者是 ES 中的变量对象） 、执行上下文与调用栈、 （词法）作用域等等",
+    "url": "https://segmentfault.com/a/1190000042643748",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "2",
+    "rank": 15
+  },
   {
     "title": "Golang 轮子之 Supervisor",
     "description": "Supervisor 是一个强大的 进程管理工具。在非容器化管理的服务器上， Supervisor 是有非常广泛的使用场景的。例如：服务批量重启，多服务按顺序启动，服务oom后自动拉起，服务std日志收集等，甚至服务健康检查它...",
@@ -123,16 +141,7 @@
     "author": "小白要生发",
     "home_url": "https://segmentfault.com/u/xiaobaiyaoshengfa",
     "votes": "1",
-    "rank": 14
-  },
-  {
-    "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": 15
+    "rank": 16
   },
   {
     "title": "SegmentFault 思否技术周刊 Vol.65 — Vite 是不是在重复造轮子？",
@@ -141,15 +150,6 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "1",
-    "rank": 16
-  },
-  {
-    "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": 17
   },
   {
@@ -162,48 +162,48 @@
     "rank": 18
   },
   {
-    "title": "5个需要避免的CSS错误",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042644397",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "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": 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": "超强的苹果官网滚动文字特效实现",
-    "description": "每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却...",
-    "url": "https://segmentfault.com/a/1190000042653533",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
+    "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": "面试官：深度不够，建议回去深挖",
-    "description": "从刚面试的问题回答中，能看得出你用了不少拙力背了不少题。直接拿这些技术点问，你可以回答。但同样是这些技术点，我换个场景来问用到了什么技术，你就像从没有听说过一样。当然不可否认你能通过背把这些内容记...",
-    "url": "https://segmentfault.com/a/1190000042630604",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "1",
+    "title": "从0到1设计通用数据大屏搭建平台",
+    "description": "一直以来，许多产品平台都在尝试通过可视化搭建的手段来降低 GUI 应用的研发门槛，提高生产效率。随着我们业务的发展，数据建设的完善，用户对于数据可视化的诉求也日益增多，而数据大屏是数据可视化的其中一种展...",
+    "url": "https://segmentfault.com/a/1190000042612266",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "4",
     "rank": 22
   },
   {
-    "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",
+    "title": "golang中的切片",
+    "description": "在go中切片的底层是数组，所以切片的数据连续存储在数组的数据结构中。如果底层的数组满了，切片还需要添加元素的话，底层数组就需要扩容。如果底层数组几乎为空时，就会缩容。",
+    "url": "https://segmentfault.com/a/1190000042659118",
+    "author": "liuyuede",
+    "home_url": "https://segmentfault.com/u/liuyuede123",
+    "votes": "1",
     "rank": 23
   },
   {
@@ -216,57 +216,57 @@
     "rank": 24
   },
   {
-    "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",
-    "votes": "1",
+    "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": 25
   },
   {
-    "title": "2022前端面试总结",
-    "description": "首先，面试对个人来说，就是一种对以往工作之中经验积累的一种检验，如果平时在工作中对自己遇到的问题、难点、新知识点，没有花时间去学习积累，那么我相信，面试的时候花时间背面试题，也不一定能胜任预期的工...",
-    "url": "https://segmentfault.com/a/1190000042638751",
-    "author": "fx67ll",
-    "home_url": "https://segmentfault.com/u/wensandaoshi",
-    "votes": "4",
+    "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": 26
   },
   {
-    "title": "深入理解JavaScript——闭包",
-    "description": "网络中有各种各样说闭包的文章，有些浅尝辄止，有些 CV 党，又有些只讲一部分。于我而言，要想了解闭包，需要掌握词法环境（或者是 ES 中的变量对象） 、执行上下文与调用栈、 （词法）作用域等等",
-    "url": "https://segmentfault.com/a/1190000042643748",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "2",
+    "title": "Vue3响应式助你轻松实现国际化",
+    "description": "本文为Varlet组件库源码主题阅读系列第十篇，也是最后一篇，读完本篇，可以了解到如何通过创建一个Vue3响应式对象就可以轻松实现国际化的需求。",
+    "url": "https://segmentfault.com/a/1190000042659070",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "vue指令总结----一次帮你学会使用",
-    "description": "指令vue 内置了一些指令，也提供了自定义指令的接口。指令的作用：可把一些可复用的逻辑封装成指令，以实现逻辑复用。指令按照使用范围看，分为全局指令和局部指令（在某个组件内部使用的）。指令和组件一样，具...",
-    "url": "https://segmentfault.com/a/1190000042628327",
-    "author": "JackZhouMine",
-    "home_url": "https://segmentfault.com/u/jackzhoumine",
-    "votes": "0",
+    "title": "面试官：深度不够，建议回去深挖",
+    "description": "从刚面试的问题回答中，能看得出你用了不少拙力背了不少题。直接拿这些技术点问，你可以回答。但同样是这些技术点，我换个场景来问用到了什么技术，你就像从没有听说过一样。当然不可否认你能通过背把这些内容记...",
+    "url": "https://segmentfault.com/a/1190000042630604",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "1",
     "rank": 28
   },
   {
-    "title": "SegmentFault 2022 年社区周报 Vol.11",
-    "description": "hello，大家好呀，周二来到，本喵报道🙋又是新的一周开始，话不多说，一起来看看近期发生了哪些事儿～社区活动本周活动：致「独一无二」的你｜1024 程序员节系列活动仍在火热进行中！第一站：用代码 DIY 你的专属...",
-    "url": "https://segmentfault.com/a/1190000042638725",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "1",
+    "title": "如何实现一个丝滑的点击水波效果",
+    "description": "本文为Varlet组件库源码主题阅读系列第九篇，读完本篇，可以了解到如何使用一个div创建一个点击的水波效果。Varlet组件库提供了一个使元素点击时生成水波扩散效果的指令： {代码...} 接下来就从源码角度看看它是...",
+    "url": "https://segmentfault.com/a/1190000042659025",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "开源云原生平台对比 KubeSphere vs Rainbond",
-    "description": "最近因为工作需要，需要找一个功能完善的云原生应用平台，经过自己筛选和朋友推荐，剩下 KubeSphere和Rainbond ，这两个产品都是基于 Kubernetes 之上构建的云原生应用平台，功能都非常强大，但产品定位和功能侧...",
-    "url": "https://segmentfault.com/a/1190000042624868",
-    "author": "Rainbond",
-    "home_url": "https://segmentfault.com/u/rainbond",
-    "votes": "1",
+    "title": "前端首屏渲染时间的极致优化",
+    "description": "而随着现代 Web 业务可供用户的交互行为越来越多，前端项目的复杂度越来越高，每个页面的渲染时间也必然越来越长，这就导致了用户的体验不佳，用户的操作变慢。",
+    "url": "https://segmentfault.com/a/1190000042636210",
+    "author": "Duang",
+    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
+    "votes": "4",
     "rank": 30
   }
 ]