@wcj/github-rank 22.6.24 → 22.6.27

package/web/data/sifou-weekly.json

@@ -5,16 +5,16 @@
     "url": "https://segmentfault.com/a/1190000042006775",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "23",
+    "votes": "24",
     "rank": 1
   },
   {
-    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
-    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
-    "url": "https://segmentfault.com/a/1190000041998615",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "19",
+    "title": "如何移除你项目中99%的JS代码",
+    "description": "在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。",
+    "url": "https://segmentfault.com/a/1190000042011578",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "13",
     "rank": 2
   },
   {
@@ -26,41 +26,32 @@
     "votes": "11",
     "rank": 3
   },
-  {
-    "title": "如何移除你项目中99%的JS代码",
-    "description": "在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。",
-    "url": "https://segmentfault.com/a/1190000042011578",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "11",
-    "rank": 4
-  },
-  {
-    "title": "玩转 AbortController 控制器",
-    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
-    "url": "https://segmentfault.com/a/1190000042001788",
-    "author": "jump__jump",
-    "home_url": "https://segmentfault.com/u/jump_and_jump",
-    "votes": "6",
-    "rank": 5
-  },
   {
     "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
     "description": "哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【寄语有奖】的中奖小伙伴 😍小伙伴们的祝福都在这里喔：「为我们的 10 周年喝彩」🌟获奖名单Tips:以【得票】...",
     "url": "https://segmentfault.com/a/1190000042012599",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "6",
-    "rank": 6
+    "votes": "7",
+    "rank": 4
   },
   {
-    "title": "SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~",
-    "description": "哈喽，各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【问答打卡】的中奖小伙伴 😍ps：有效回答的标准如下具备活动资格：已填写报名表链接[链接]回答时间符合要...",
-    "url": "https://segmentfault.com/a/1190000042020576",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "基于Vite+React构建在线Excel",
+    "description": "Vite是随着Vue3一起发布的一款新型前端构建工具，能够显著的提升前端开发体验，它主要由两部分组成：（1）一个开发服务器，它基于*原生ES模块提供了丰富的内建功能，如速度快到惊人的 模块热更新（*HMR）。（2）...",
+    "url": "https://segmentfault.com/a/1190000042024859",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "5",
+    "rank": 5
+  },
+  {
+    "title": "CentOS中实现基于Docker部署BI数据分析",
+    "description": "但是我还想要完成领导下达的任务：在linux中安装docker后部署数据可视化工具。作为一名敬业 的打工人摆烂不可以，躺平不可以，弱小，无助，可怜中。。这能力，这要去，要不直接散伙算了。但是，没想到，我们还是...",
+    "url": "https://segmentfault.com/a/1190000042030725",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "3",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "有意思的鼠标指针交互探究",
@@ -69,6 +60,15 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "7",
+    "rank": 7
+  },
+  {
+    "title": "SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~",
+    "description": "哈喽，各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【问答打卡】的中奖小伙伴 😍ps：有效回答的标准如下具备活动资格：已填写报名表链接[链接]回答时间符合要...",
+    "url": "https://segmentfault.com/a/1190000042020576",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "3",
     "rank": 8
   },
   {
@@ -81,32 +81,41 @@
     "rank": 9
   },
   {
-    "title": "利用微信公众号提供的官方API上传图片获取永久图片素材！当图床用！",
-    "description": "自己开发的小程序，例如社区类、电商类、新闻、博客等类型小程序，会需要储存很多图片，图片资源会给个人开发者带来很多成本，万一访问量大了，网站带宽、流量也会不堪重负，所以图片资源必然不合适储存在自己的...",
-    "url": "https://segmentfault.com/a/1190000041998801",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "3",
+    "title": "元宇宙 3D 开荒场 - 探味奇遇记",
+    "description": "这次尝鲜的业务伙伴是食品部门，最终落地项目是“探味奇遇记”：用户使用左边“joystick”操作 IP 人物，前往自己感兴趣的美食馆、调整当前视角，以 3D 的形式虚拟线下场馆购物体验。食品的数字人形象的第一视角在“元...",
+    "url": "https://segmentfault.com/a/1190000042027240",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "4",
     "rank": 10
   },
   {
-    "title": "Sass应用之实现主题切换",
-    "description": "实现主题切换有几种不同的方案，比如使用CSS变量，使用JavaScript动态加载对应的主题样式文件等。本文主要讲的是如何使用Sass实现主题切换。",
-    "url": "https://segmentfault.com/a/1190000042003368",
-    "author": "玛尔斯通",
-    "home_url": "https://segmentfault.com/u/zhouqichao",
-    "votes": "4",
+    "title": "腾讯全面上云背后：程序员的技术焦虑和技术理想",
+    "description": "将本地部署的程序直接转移到云上，并不能完全享受到云计算的优势，唯有依托云技术栈重新部署、部分重构甚至全部重写，才能由水土不服的“外来者”，成为土生土长的云上“原住民”。",
+    "url": "https://segmentfault.com/a/1190000042028948",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "3",
     "rank": 11
   },
   {
-    "title": "敲了几万行源码后，我给Mybatis画了张“全地图”",
-    "description": "作者：小傅哥博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、说说：“产”后感受🤔有人跟我说，手写Spring难，手写Mybatis易？一股神奇的力量，让我在手写完 Spring 后，开始对 Mybatis 下手。最开...",
-    "url": "https://segmentfault.com/a/1190000042006269",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "4",
+    "title": "折叠面板组件的设计与实现",
+    "description": "NutUI，大家应该不陌生吧 [鬼脸]，前端开发的同学肯定是有些了解的。NutUI 是一个京东风格的移动端组件库，使用 Vue 语言来编写可以在 H5，小程序平台上的应用。",
+    "url": "https://segmentfault.com/a/1190000042023745",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "votes": "3",
     "rank": 12
   },
+  {
+    "title": "SegmentFault 思否技术周刊 -- 这份前端大杀招，接住！",
+    "description": "前端即网站前台部分，运行在 PC 端、移动端等浏览器上展现给用户浏览的网页。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计；前端开发则是网站的前台代码实现，是创建 WEB 页面或 A...",
+    "url": "https://segmentfault.com/a/1190000042018706",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "3",
+    "rank": 13
+  },
   {
     "title": "React Native如何做线上错误与性能监控",
     "description": "我们每个人可能都会遇到这样的问题：即我们的代码在本地测试时没有问题，但是一上线运行，就会遇到各种奇奇怪怪的线上 Bug。由于本地测试场景并不能全面覆盖，对于这种线上的Bug，最有效的手段就是搭建线上监控系...",
@@ -114,26 +123,8 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "系统困境与软件复杂度，为什么我们的系统会如此复杂",
-    "description": "有一天，一个医生和一个土木工程师在一起争论“谁是世界上最古老的职业”。医生说：“上帝用亚当的肋骨造出了夏娃，这是历史上第一次外科手术，所以最古老的职业应该是医生”，土木工程师说：“在创世纪之前，上帝从混...",
-    "url": "https://segmentfault.com/a/1190000041998329",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
-    "votes": "3",
     "rank": 14
   },
-  {
-    "title": "项目性能优化之用compression-webpack-plugin插件开启gzip压缩，以vue为例",
-    "description": "本文以vue为例，记录一下，使用webpack插件compression-webpack-plugin开启gzip压缩的步骤流程，以及对比开启gzip压缩前后所需要的时间，得出结论：**这个插件的确能够做性能优化，减少加载的时间**react也是同一...",
-    "url": "https://segmentfault.com/a/1190000042004559",
-    "author": "水冗水孚",
-    "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "1",
-    "rank": 15
-  },
   {
     "title": "剖析 SPI 在 Spring 中的应用",
     "description": "SPI（Service Provider Interface），是Java内置的一种服务提供发现机制，可以用来提高框架的扩展性，主要用于框架的开发中，比如Dubbo，不同框架中实现略有差异，但核心机制相同，而Java的SPI机制可以为接口寻找...",
@@ -141,6 +132,15 @@
     "author": "vivo互联网技术",
     "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "2",
+    "rank": 15
+  },
+  {
+    "title": "YOLOv6：又快又准的目标检测框架开源啦",
+    "description": "近日，美团视觉智能部研发了一款致力于工业应用的目标检测框架 YOLOv6，能够同时专注于检测的精度和推理效率。在研发过程中，视觉智能部不断进行了探索和优化，同时吸取借鉴了学术界和工业界的一些前沿进展和科研...",
+    "url": "https://segmentfault.com/a/1190000042029100",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "1",
     "rank": 16
   },
   {
@@ -153,32 +153,41 @@
     "rank": 17
   },
   {
-    "title": "编程技巧│浏览器 Notification 桌面推送通知",
-    "description": "一、什么是 NotificationNotification 是浏览器最小化后在桌面显示消息的一种方法类似于 360 等流氓软件在桌面右下角的弹窗广告它与浏览器是脱离的，消息是置顶的二、弹窗授权授权当前页面允许通知可以通过检查只...",
-    "url": "https://segmentfault.com/a/1190000041998200",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
-    "votes": "3",
-    "rank": 18
-  },
-  {
-    "title": "美团综合业务推荐系统的质量模型及实践",
-    "description": "推荐系统是效果导向的数据应用服务，在功能的“有”和“无”之间，有很长的效果“好”和“坏”的光谱。本文以用户请求的粒度建立质量模型，通过数据血缘关联了数据表、算法模型、系统服务和用户请求，并结合美团综合业务...",
-    "url": "https://segmentfault.com/a/1190000041996173",
+    "title": "CVPR 2022 | 美团技术团队精选论文解读",
+    "description": "计算机视觉国际顶会CVPR 2022近日在美国新奥尔良召开，今年美团技术团队有多篇论文被CVPR 2022收录，这些论文涵盖了模型压缩、视频目标分割、3D视觉定位、图像描述、模型安全、跨模态视频内容检索等研究领域。本...",
+    "url": "https://segmentfault.com/a/1190000042029056",
     "author": "美团技术团队",
     "home_url": "https://segmentfault.com/u/meituanjishutuandui",
     "votes": "2",
-    "rank": 19
+    "rank": 18
   },
   {
-    "title": "解决k8s调度不均衡问题",
-    "description": "在近期的工作中，我们发现 k8s 集群中有些节点资源使用率很高，有些节点资源使用率很低，我们尝试重新部署应用和驱逐 Pod，发现并不能有效解决负载不均衡问题。在学习了 Kubernetes 调度原理之后，重新调整了 Req...",
-    "url": "https://segmentfault.com/a/1190000042005893",
-    "author": "劼哥stone",
-    "home_url": "https://segmentfault.com/u/stone0090",
+    "title": "Vue3，用组合的方式来编写更好的代码(1/5)",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041937389",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
+    "rank": 19
+  },
+  {
+    "title": "【Java面试】@Resource 和 @Autowired 的区别",
+    "description": "Hi，大家好，我是Mic。一个工作2年的粉丝，问我一个Spring里面的问题。希望我能从不同的视角去分析，然后碾压面试官。这个问题是： “@Resource和@Autowired”的区别。下面看看普通人和高手的回答",
+    "url": "https://segmentfault.com/a/1190000042019958",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "2",
     "rank": 20
   },
+  {
+    "title": "如果后端API一次返回10万条数据，前端应该如何优化",
+    "description": "创建服务器为了方便后续测试，我们可以使用node创建一个简单的服务器。服务器端代码： {代码...} 我们可以使用 node 或 nodemon 启动服务器： {代码...} 创建前端模板页面然后我们的前端由一个 HTML 文件和一个 J...",
+    "url": "https://segmentfault.com/a/1190000042025507",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "3",
+    "rank": 21
+  },
   {
     "title": "Vue3 Teleport，这个是真的好用！",
     "description": "点赞再看，微信搜索【大迁世界】,B站关注【前端小智】这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub [链接] 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。",
@@ -186,26 +195,8 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
-    "rank": 21
-  },
-  {
-    "title": "JS从扁平array转tree",
-    "description": "有时我们需要从扁平的数组结构(flat array)，根据id，和pid构建出树形数组结构(tree array)，这种情形经常出现在嵌套的目录结构，如下图：",
-    "url": "https://segmentfault.com/a/1190000042003658",
-    "author": "来了老弟",
-    "home_url": "https://segmentfault.com/u/laomao_5902e12974409",
-    "votes": "2",
     "rank": 22
   },
-  {
-    "title": "SegmentFault 思否技术周刊 -- 这份前端大杀招，接住！",
-    "description": "前端即网站前台部分，运行在 PC 端、移动端等浏览器上展现给用户浏览的网页。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计；前端开发则是网站的前台代码实现，是创建 WEB 页面或 A...",
-    "url": "https://segmentfault.com/a/1190000042018706",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "2",
-    "rank": 23
-  },
   {
     "title": "只在工作日执行的脚本",
     "description": "但是工作日有时候又不是简单的周一到周五，比如赶上个小长假什么的，有时候周六要上班，有时候周一又不上班，这时候这样的设置就容易乱，那我们怎么设置这个cronjob才能让他预知我们的放假排班计划，并做到丝毫不...",
@@ -213,41 +204,50 @@
     "author": "张京",
     "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "1",
+    "rank": 23
+  },
+  {
+    "title": "利用好 git bisect 这把利器，帮助你快速定位疑难 bug",
+    "description": "使用git bisect二分法定位问题的基本步骤：git bisect start [最近的出错的commitid] [较远的正确的commitid]测试相应的功能git bisect good 标记正确直到出现问题则 标记错误 git bisect bad提示的commitid就是...",
+    "url": "https://segmentfault.com/a/1190000042019014",
+    "author": "DevUI团队",
+    "home_url": "https://segmentfault.com/u/devui",
+    "votes": "2",
     "rank": 24
   },
   {
-    "title": "【Java面试】@Resource 和 @Autowired 的区别",
-    "description": "Hi，大家好，我是Mic。一个工作2年的粉丝，问我一个Spring里面的问题。希望我能从不同的视角去分析，然后碾压面试官。这个问题是： “@Resource和@Autowired”的区别。下面看看普通人和高手的回答",
-    "url": "https://segmentfault.com/a/1190000042019958",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "title": "2022 开发者调查报告：Rust 语言、Phoenix 框架最受欢迎｜PHP 薪酬倒数",
+    "description": "此次报告共有来自 180 个国家 / 地区的超 70000 名开发人员参与了调查。数据显示，学习在线编码的比例逐年从 60% 增加到 70%；45 岁以上的受访者最有可能从书本上学习，而年轻人则在网上学习；年轻（18 岁以下）...",
+    "url": "https://segmentfault.com/a/1190000042032276",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "2",
     "rank": 25
   },
   {
-    "title": "前端项目中如何保证请求时序",
-    "description": "前端项目中经常遇到请求输入查找场景，防抖与截流很好处理了频繁输入问题，但是不能解决最先发起请求结果后返回，覆盖了最后一次的搜索结果，导致搜索结果不正确。我总结一下自己常用的两种方法。",
-    "url": "https://segmentfault.com/a/1190000042005959",
-    "author": "Ming_Up",
-    "home_url": "https://segmentfault.com/u/mray",
-    "votes": "1",
+    "title": "蜻蜓低代码安全工具平台开发之路",
+    "description": "蜻蜓内测版在五一前夕上线了，很快就积累的很多工具，用户数也逐渐增多，但我也逐渐发现这种堆积式的平台没太多技术含量；我在想是否可以做一些有挑战的事情，正好这几年低代码平台比较火热，我在想是否能在安全...",
+    "url": "https://segmentfault.com/a/1190000042025141",
+    "author": "汤青松",
+    "home_url": "https://segmentfault.com/u/songboy",
+    "votes": "2",
     "rank": 26
   },
   {
-    "title": "【Java面试】介绍下Spring IoC的工作流程",
-    "description": "Hi，我是Mic一个工作了4年的粉丝，在面试的时候遇到一个这样的问题。“介绍一下Spring IOC的工作流程”他说回答得不是很好，希望我能帮他梳理一下。关于这个问题，我们来看看普通人和高手的回答。",
-    "url": "https://segmentfault.com/a/1190000042009451",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "2",
+    "title": "netty系列之:HashedWheelTimer一种定时器的高效实现",
+    "description": "定时器是一种在实际的应用中非常常见和有效的一种工具，其原理就是把要执行的任务按照执行时间的顺序进行排序，然后在特定的时间进行执行。JAVA提供了java.util.Timer和java.util.concurrent.ScheduledThreadPool...",
+    "url": "https://segmentfault.com/a/1190000042010476",
+    "author": "flydean",
+    "home_url": "https://segmentfault.com/u/flydean",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "TypeScript 中令人迷惑的对象类型：Object、{} 和 object",
-    "description": "JS 中所有对象的原型链缺省都继承自 Object.prototype，原始值有包装类型。所以 number、string、boolean、symbol、对象和函数都可以赋值给 Object 类型。",
-    "url": "https://segmentfault.com/a/1190000041998447",
-    "author": "deepfunc",
-    "home_url": "https://segmentfault.com/u/deepfunc",
+    "title": "go-zero微服务实战系列（五、缓存代码怎么写）",
+    "description": "缓存是高并发服务的基础，毫不夸张的说没有缓存高并发服务就无从谈起。本项目缓存使用Redis，Redis是目前主流的缓存数据库，支持丰富的数据类型，其中集合类型的底层主要依赖：整数数组、双向链表、哈希表、压缩...",
+    "url": "https://segmentfault.com/a/1190000042018127",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "1",
     "rank": 28
   },
@@ -261,11 +261,11 @@
     "rank": 29
   },
   {
-    "title": "停止像这样使用 \"async/await\"，改用原版",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041969126",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "【Java面试】介绍下Spring IoC的工作流程",
+    "description": "Hi，我是Mic一个工作了4年的粉丝，在面试的时候遇到一个这样的问题。“介绍一下Spring IOC的工作流程”他说回答得不是很好，希望我能帮他梳理一下。关于这个问题，我们来看看普通人和高手的回答。",
+    "url": "https://segmentfault.com/a/1190000042009451",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "votes": "2",
     "rank": 30
   }