@wcj/github-rank 22.10.21 → 22.10.22

package/web/data/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,9 +23,18 @@
     "url": "https://segmentfault.com/a/1190000042647263",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "8",
+    "votes": "11",
     "rank": 3
   },
+  {
+    "title": "超强的苹果官网滚动文字特效实现",
+    "description": "每年的苹果新产品发布，其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思，今年 iPhone 14 Pro 的介绍页不例外。最近，刚好有朋友问到，其对官网的一段文字特效特别感兴趣，看适用简单却...",
+    "url": "https://segmentfault.com/a/1190000042653533",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "12",
+    "rank": 4
+  },
   {
     "title": "喜获 Code for Better _ Hackathon 二等奖，简单复盘 & 礼物返图",
     "description": "2022 年 9 月 16 日，以 CODE FOR BETTER_ 为主题，以 2022 Google 开发者大会为契机举办的 Hackathon 大赛进行了线上颁奖仪式。多支优秀参赛队伍在赛程中展示了出色的开发能力，为心中所期待的美好生活，挑战开...",
@@ -33,15 +42,6 @@
     "author": "Meathill",
     "home_url": "https://segmentfault.com/u/meathill",
     "votes": "8",
-    "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
   },
   {
@@ -50,7 +50,7 @@
     "url": "https://segmentfault.com/a/1190000042643627",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "7",
+    "votes": "8",
     "rank": 6
   },
   {
@@ -63,12 +63,12 @@
     "rank": 7
   },
   {
-    "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": "2",
     "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,23 +87,32 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "3",
+    "rank": 10
+  },
+  {
+    "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": 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": "2022前端面试总结",
+    "description": "首先，面试对个人来说，就是一种对以往工作之中经验积累的一种检验，如果平时在工作中对自己遇到的问题、难点、新知识点，没有花时间去学习积累，那么我相信，面试的时候花时间背面试题，也不一定能胜任预期的工...",
+    "url": "https://segmentfault.com/a/1190000042638751",
+    "author": "fx67ll",
+    "home_url": "https://segmentfault.com/u/wensandaoshi",
+    "votes": "5",
     "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",
+    "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
   },
@@ -126,22 +126,13 @@
     "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
-  },
-  {
-    "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",
+    "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": 16
+    "rank": 15
   },
   {
     "title": "微信推出自研 NLP 大规模语言模型 WeLM，现已开放 API 推动应用落地",
@@ -150,8 +141,26 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "3",
+    "rank": 16
+  },
+  {
+    "title": "5个需要避免的CSS错误",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042644397",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "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",
+    "rank": 18
+  },
   {
     "title": "从局部变量说起，关于一个莫得名堂的引用和一个坑！",
     "description": "你好呀，我是歪歪。今天带大家盘一个有点意思的基础知识啊。有多基础呢，先给你上个代码：请问，上面代码中，位于 method 方法中的 object 对象，在方法执行完成之后，是否可以被垃圾回收？这还思考个啥呀，这必...",
@@ -159,15 +168,6 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "2",
-    "rank": 18
-  },
-  {
-    "title": "5个需要避免的CSS错误",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042644397",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
     "rank": 19
   },
   {
@@ -180,23 +180,14 @@
     "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": "深入理解JavaScript——闭包",
+    "description": "网络中有各种各样说闭包的文章，有些浅尝辄止，有些 CV 党，又有些只讲一部分。于我而言，要想了解闭包，需要掌握词法环境（或者是 ES 中的变量对象） 、执行上下文与调用栈、 （词法）作用域等等",
+    "url": "https://segmentfault.com/a/1190000042643748",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
+    "votes": "2",
     "rank": 21
   },
-  {
-    "title": "面试官：深度不够，建议回去深挖",
-    "description": "从刚面试的问题回答中，能看得出你用了不少拙力背了不少题。直接拿这些技术点问，你可以回答。但同样是这些技术点，我换个场景来问用到了什么技术，你就像从没有听说过一样。当然不可否认你能通过背把这些内容记...",
-    "url": "https://segmentfault.com/a/1190000042630604",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "1",
-    "rank": 22
-  },
   {
     "title": "js常用方法梳理",
     "description": "1、将下标转为中文零一二三... {代码...} 2、判断整数的不同方法 {代码...} 3、dom节点平滑滚动到可视区域，顶部，底部原生的scrollTo方法没有动画，类似于锚点跳转，比较生硬，可以通过这个方法会自带平滑的过度...",
@@ -204,6 +195,15 @@
     "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",
+    "votes": "1",
     "rank": 23
   },
   {
@@ -216,41 +216,32 @@
     "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": "从0到1设计通用数据大屏搭建平台",
+    "description": "一直以来，许多产品平台都在尝试通过可视化搭建的手段来降低 GUI 应用的研发门槛，提高生产效率。随着我们业务的发展，数据建设的完善，用户对于数据可视化的诉求也日益增多，而数据大屏是数据可视化的其中一种展...",
+    "url": "https://segmentfault.com/a/1190000042612266",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "4",
     "rank": 25
   },
   {
-    "title": "2022前端面试总结",
-    "description": "首先，面试对个人来说，就是一种对以往工作之中经验积累的一种检验，如果平时在工作中对自己遇到的问题、难点、新知识点，没有花时间去学习积累，那么我相信，面试的时候花时间背面试题，也不一定能胜任预期的工...",
-    "url": "https://segmentfault.com/a/1190000042638751",
-    "author": "fx67ll",
-    "home_url": "https://segmentfault.com/u/wensandaoshi",
-    "votes": "4",
+    "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",
     "rank": 26
   },
   {
-    "title": "深入理解JavaScript——闭包",
-    "description": "网络中有各种各样说闭包的文章，有些浅尝辄止，有些 CV 党，又有些只讲一部分。于我而言，要想了解闭包，需要掌握词法环境（或者是 ES 中的变量对象） 、执行上下文与调用栈、 （词法）作用域等等",
-    "url": "https://segmentfault.com/a/1190000042643748",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "2",
+    "title": "前端首屏渲染时间的极致优化",
+    "description": "而随着现代 Web 业务可供用户的交互行为越来越多，前端项目的复杂度越来越高，每个页面的渲染时间也必然越来越长，这就导致了用户的体验不佳，用户的操作变慢。",
+    "url": "https://segmentfault.com/a/1190000042636210",
+    "author": "Duang",
+    "home_url": "https://segmentfault.com/u/duang_58e87246ca82f",
+    "votes": "4",
     "rank": 27
   },
-  {
-    "title": "vue指令总结----一次帮你学会使用",
-    "description": "指令vue 内置了一些指令，也提供了自定义指令的接口。指令的作用：可把一些可复用的逻辑封装成指令，以实现逻辑复用。指令按照使用范围看，分为全局指令和局部指令（在某个组件内部使用的）。指令和组件一样，具...",
-    "url": "https://segmentfault.com/a/1190000042628327",
-    "author": "JackZhouMine",
-    "home_url": "https://segmentfault.com/u/jackzhoumine",
-    "votes": "0",
-    "rank": 28
-  },
   {
     "title": "SegmentFault 2022 年社区周报 Vol.11",
     "description": "hello，大家好呀，周二来到，本喵报道🙋又是新的一周开始，话不多说，一起来看看近期发生了哪些事儿～社区活动本周活动：致「独一无二」的你｜1024 程序员节系列活动仍在火热进行中！第一站：用代码 DIY 你的专属...",
@@ -258,14 +249,23 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "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",
+    "votes": "1",
     "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",
+    "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",
     "votes": "1",
     "rank": 30
   }