@wcj/github-rank 22.5.26 → 22.5.29

package/web/data/sifou-weekly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041881142",
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "14",
+    "votes": "18",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041879217",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "10",
+    "votes": "16",
     "rank": 2
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041887095",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "10",
+    "votes": "16",
     "rank": 3
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000041887820",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
+    "votes": "14",
     "rank": 4
   },
   {
@@ -41,90 +41,81 @@
     "url": "https://segmentfault.com/a/1190000041885333",
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "8",
+    "votes": "12",
     "rank": 5
   },
   {
-    "title": "如何在30分钟完成表格增删改查的前后端框架搭建",
-    "description": "30分钟，你可以做什么？可以风卷残云的饱餐一顿；可以简单地打扫一下房间；或者可以跳10十遍刘畊宏《本草纲目》毽子操。而今天，本葡萄要带你在30分钟内完成一套拥有增删改查表格系统的前后端搭建！",
-    "url": "https://segmentfault.com/a/1190000041872660",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "4",
+    "title": "SegmentFault 思否技术周刊 -- 进击的 React",
+    "description": "React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...",
+    "url": "https://segmentfault.com/a/1190000041892645",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "6",
     "rank": 6
   },
-  {
-    "title": "JSON数据传输大法第一式——用OADate处理日期格式",
-    "description": "JSON作为一种轻量级的数据交换格式，通常采用完全独立于编程语言的文本格式来存储和表示数据。它的层次结构简洁清晰，易于人们的阅读和编写，此外机器编写和生成也会变得容易，可以有效地提升网络传输效率，这些...",
-    "url": "https://segmentfault.com/a/1190000041866543",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "3",
-    "rank": 7
-  },
-  {
-    "title": "前端语音转文字实践总结",
-    "description": "最近准备一个技术分享，看到以前做的一个语音转文字的功能，放在slides上落灰了，索性整理到这里和大家分享下。从技术选型，到方案设计，到实际落地，可以说把全链路都覆盖到了。语音转写流程图PC端浏览器如何录...",
-    "url": "https://segmentfault.com/a/1190000041866984",
-    "author": "趁你还年轻",
-    "home_url": "https://segmentfault.com/u/chennihuannianqing",
-    "votes": "7",
-    "rank": 8
-  },
   {
     "title": "如何自定义 drag 样式",
     "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
     "url": "https://segmentfault.com/a/1190000041881296",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "5",
-    "rank": 9
+    "votes": "10",
+    "rank": 7
   },
   {
-    "title": "面试官问：Go 中的参数传递是值传递还是引用传递？",
-    "description": "一个程序中，变量分为变量名和变量内容，变量内容的存储一般会被分配到堆和栈上。而在 Go 语言中有两种传递变量的方式值传递和引用传递。其中值传递会直接将变量内容附在变量名上传递，而引用传递会将变量内容的...",
-    "url": "https://segmentfault.com/a/1190000041865949",
+    "title": "Base64 编码知识，一文打尽！",
+    "description": "现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...",
+    "url": "https://segmentfault.com/a/1190000041894263",
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "3",
+    "votes": "8",
+    "rank": 8
+  },
+  {
+    "title": "云原生时代 PHP/Golang 项目如何实现微服务",
+    "description": "在传统架构下，我们需要使用服务发现、服务注册等技术实现微服务架构。通常我们需要将服务提供方（Service Provider）的节点（IP:PORT）保存在 ZooKeeper、ETCD、Consul、Nacos 等服务管理组件，服务调用方（Serv...",
+    "url": "https://segmentfault.com/a/1190000041905055",
+    "author": "韩天峰",
+    "home_url": "https://segmentfault.com/u/hantianfeng",
+    "votes": "6",
+    "rank": 9
+  },
+  {
+    "title": "13 个Typescript 实用类型：开发人员的备忘单",
+    "description": "我们可以为 UserProfileResponse 定义类型，并为 LoginResponse 挑选一些属性，而不是定义相同上下文的 LoginResponse 和 UserProfileResponse 的类型。",
+    "url": "https://segmentfault.com/a/1190000041782911",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "12",
     "rank": 10
   },
   {
-    "title": "游戏开发者大会发布PlayFab产品更新",
-    "description": "微软坚定对服务游戏开发社区的承诺，在5月13日微软游戏出海开发者大会上发布了一些列新产品、更新及新项目。PlayFab 团队围绕Multiplayer Services多人游戏服务、Party、Experiments实验、数据平台和用户生成内容...",
-    "url": "https://segmentfault.com/a/1190000041874903",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
+    "title": "Change Buffer 只适用于非唯一索引页？错",
+    "description": "最近在网上看到一些文章里说：“change buffer 只适用于非唯一索引页。”其实这个观点是错的，先来看看官方文档对 change buffer 的介绍：",
+    "url": "https://segmentfault.com/a/1190000041898249",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "5",
     "rank": 11
   },
   {
-    "title": "构建 Go 应用 docker 镜像的十八种姿势",
-    "description": "我夜以继日，加班加点开发了一个最简单的 Go Hello world 应用，虽然只是跑了打印一下就退出了，但是老板也要求我上线这个我能写出的唯一应用。",
-    "url": "https://segmentfault.com/a/1190000041870597",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
+    "title": "HTTP cookie 完整指南",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041886918",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
     "rank": 12
   },
   {
-    "title": "被折磨了 13 年，Go 怎么解决再赋值的坑？",
-    "description": "大家好，我是煎鱼。最近在看 Go 的一些历史提案时，发现有个别很神奇的提案，已经提出来了许多年，但在如今依然没有关闭，并且不断地有人在讨论，但又解决不了。有种 “很气又干不掉我的样子”，今天就由煎鱼带大家...",
-    "url": "https://segmentfault.com/a/1190000041867051",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "4",
+    "title": "我爱上了这个网站！",
+    "description": "上次我们说到银河系狂奔号坠落在一个陌生的星球上，由于飞船撞上山腰，导致船体受损，船员们经过努力后发现他们的飞船无法继续使用，他们渐渐失去了回家的希望，于是不得不在这个陌生的星球先安家。",
+    "url": "https://segmentfault.com/a/1190000041893133",
+    "author": "程序员cxuan",
+    "home_url": "https://segmentfault.com/u/cxuan",
+    "votes": "2",
     "rank": 13
   },
-  {
-    "title": "【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题",
-    "description": "Debug类文章较难写的地方在于，如何让没有接触过这个项目的读者明白当前在做什么，明白这个功能的需求、文中的问题是怎么出现的、以及怎么改掉。因此记录排查过程的文章最后的效果往往不如教程类文章。如果能让没...",
-    "url": "https://segmentfault.com/a/1190000041885369",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "4",
-    "rank": 14
-  },
   {
     "title": "总结一下最近遇到的问题",
     "description": "这样的话会生成两个中间表即form_item_tasks和task_form-items,并且默认情况下如果你在task端维护formItems的话数据只会自动存到task_form_items表中，反过来在formItem中维护task也会像上面一样——存到form_item_...",
@@ -132,6 +123,15 @@
     "author": "李明",
     "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
     "votes": "4",
+    "rank": 14
+  },
+  {
+    "title": "【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题",
+    "description": "Debug类文章较难写的地方在于，如何让没有接触过这个项目的读者明白当前在做什么，明白这个功能的需求、文中的问题是怎么出现的、以及怎么改掉。因此记录排查过程的文章最后的效果往往不如教程类文章。如果能让没...",
+    "url": "https://segmentfault.com/a/1190000041885369",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "4",
     "rank": 15
   },
   {
@@ -143,15 +143,6 @@
     "votes": "4",
     "rank": 16
   },
-  {
-    "title": "Spring Boot 2.7.0发布，2.5停止维护，节奏太快了吧",
-    "description": "这几天是Spring版本日，很多Spring工件都发布了新版本， Spring Framework 6.0.0 发布了第 4 个里程碑版本，此版本包含所有针对 5.3.20 的修复补丁，以及特定于 6.0 分支的 39 项修复和改进。而今天Spring Boot 2...",
-    "url": "https://segmentfault.com/a/1190000041870045",
-    "author": "码农小胖哥",
-    "home_url": "https://segmentfault.com/u/10000000",
-    "votes": "2",
-    "rank": 17
-  },
   {
     "title": "angular 多选表单数据绑定",
     "description": "对于绑定多选类型的formControl的value，只会有true或者false。如果你选中就是true，如果不选中就是false。但是我想要的是所有选中对象数组。谷歌搜索得知，可以绑定点击事件，再去增加或删除数组中的对象。",
@@ -159,25 +150,25 @@
     "author": "小强Zzz",
     "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "4",
-    "rank": 18
+    "rank": 17
   },
   {
-    "title": "面试官:你能回答这两个简单的问题吗",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041843627",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 19
+    "title": "js 生成UUID的几种方法",
+    "description": "UUID(Universally Unique IDentifier) 全局唯一标识符。UUID是一种由算法生成的二进制长度为128位的数字标识符。UUID的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”，其中的 x 是 0-9 或 a-f范围内的一个32位十...",
+    "url": "https://segmentfault.com/a/1190000041895680",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "5",
+    "rank": 18
   },
   {
-    "title": "HTTP cookie 完整指南",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041886918",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
-    "rank": 20
+    "title": "程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”",
+    "description": "说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...",
+    "url": "https://segmentfault.com/a/1190000041904203",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "1",
+    "rank": 19
   },
   {
     "title": "分享一个 SpringCloud Feign 中所埋藏的坑",
@@ -185,53 +176,44 @@
     "url": "https://segmentfault.com/a/1190000041885021",
     "author": "crossoverJie",
     "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "2",
-    "rank": 21
-  },
-  {
-    "title": "常用的服务器宕机检测通知工具——WGCLOUD",
-    "description": "在项目中，有时候因为一些故障原因，系统会无法提供服务，或者服务器出现宕机现象，这时候，我们为了保证系统能够正常稳定运行，常常需要做一些措施，比如健康检测工具等",
-    "url": "https://segmentfault.com/a/1190000041868992",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
-    "votes": "2",
-    "rank": 22
-  },
-  {
-    "title": "Go内存架构，一个有趣的问题",
-    "description": "在学习Go语言内存管理部分过程中，发现了一个很有意思的问题，今天就借助这篇文章：1.把这个问题也抛给大家，建议大家看见这个问题后，可以先自己思考一番🤔之后再读下文。2.进一步强化大家对Go内存架构的理解开始...",
-    "url": "https://segmentfault.com/a/1190000041877230",
-    "author": "TIGERB",
-    "home_url": "https://segmentfault.com/u/tigerb",
-    "votes": "2",
-    "rank": 23
+    "votes": "4",
+    "rank": 20
   },
   {
-    "title": "史上最强代码自测方法，没有之一！",
-    "description": "特别说明：这个真的不是标题党，我写代码20+年，真心认为 go fuzzing 是我见过的最牛逼的代码自测方法。我在用 AC自动机 算法改进关键字过滤效率（提升~50%），改进 mapreduce 对 panic 的处理机制的时候，都通过...",
-    "url": "https://segmentfault.com/a/1190000041866251",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
+    "title": "低代码开源， 一键设计稿生成代码，帮您解决生产痛点",
+    "description": "作为一个前端或管理者，您是否遇到过以下场景作为前端老鸟照样需要写页面布局，虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件， 无法专注于业务逻辑你已经费尽心...",
+    "url": "https://segmentfault.com/a/1190000041901584",
+    "author": "左盐",
+    "home_url": "https://segmentfault.com/u/zuoyan",
     "votes": "4",
-    "rank": 24
+    "rank": 21
   },
   {
-    "title": "一文学会Java的交互式编程环境jshell",
-    "description": "什么是交互式编程环境？重点词交互，在这样的编程环境中，你每输入一行代码，环境都会给你一个反馈，这就是交互式的编程环境。这种编程环境并不太适合工程化的复杂性需求，但在一些快速验证、简单计算之类的场景...",
-    "url": "https://segmentfault.com/a/1190000041870377",
-    "author": "程序猿DD",
-    "home_url": "https://segmentfault.com/u/coderdd",
-    "votes": "2",
-    "rank": 25
+    "title": "精读《react-snippets - Router 源码》",
+    "description": "造轮子就是应用核心原理 + 周边功能的堆砌，所以学习成熟库的源码往往会受到非核心代码干扰，Router 这个 repo 用不到 100 行源码实现了 React Router 核心机制，很适合用来学习。",
+    "url": "https://segmentfault.com/a/1190000041882008",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "1",
+    "rank": 22
   },
   {
-    "title": "JavaScript运算符单竖杠\"|\"",
-    "description": "很多人都对双竖杠\"||\"非常熟悉，因为这个经常在项目中经常会用到。单竖杠\"|\"，却很少在项目开发中使用到。\"|\"是位运算符，\"||\"是逻辑运算符。",
-    "url": "https://segmentfault.com/a/1190000041876594",
+    "title": "CSS阴影效果三剑客",
+    "description": "🍃想要盒子的轮廓产生阴影效果，使用box-shadow🍃想要文本的轮廓产生阴影效果，使用text-shadow🍃想要PNG图片非透明部分的轮廓产生阴影效果，使用fliter: drop-shadow()",
+    "url": "https://segmentfault.com/a/1190000041902360",
     "author": "沉静地闪光",
     "home_url": "https://segmentfault.com/u/007008",
+    "votes": "3",
+    "rank": 23
+  },
+  {
+    "title": "如何使用 Serverless 做架构和项目管理—— 三年全栈经验总结",
+    "description": "本文是从项目工程角度来讲解的，技术角度请参看另一个文章《真实项目代码教你四步扔了传统服务器，让你优雅使用Serverless做全栈开发》（[链接])",
+    "url": "https://segmentfault.com/a/1190000041890140",
+    "author": "腾讯云加社区",
+    "home_url": "https://segmentfault.com/u/qcloudcommunity",
     "votes": "1",
-    "rank": 26
+    "rank": 24
   },
   {
     "title": "「前端 BUG 录」变更 UI 库主题引发的问题",
@@ -240,7 +222,16 @@
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
     "votes": "1",
-    "rank": 27
+    "rank": 25
+  },
+  {
+    "title": "推荐一些有趣实用的前端可视化工具库，助力可视化开发",
+    "description": "前端可视化一直是人们常谈到的词，随着SVG，Canvas，WebGL等技术的发展，也涌现了一大批的优秀的可视化库。本文将从中选择一些有趣实用的推荐给大家，工具使用好了，开发效率自然也就提升了。",
+    "url": "https://segmentfault.com/a/1190000041880527",
+    "author": "xmanlin",
+    "home_url": "https://segmentfault.com/u/dxpang",
+    "votes": "2",
+    "rank": 26
   },
   {
     "title": "Spring 中 @EnableXXX 注解的套路",
@@ -249,24 +240,33 @@
     "author": "mghio",
     "home_url": "https://segmentfault.com/u/mghio",
     "votes": "2",
+    "rank": 27
+  },
+  {
+    "title": "那些常用的服务器在线PING检测工具整理",
+    "description": "WGCLOUD是一款常用的运维监测软件，其中具备PING检测能力它可以定期发起PING指令，并返回主机或服务器的响应时间（毫秒），若发现PING失败或者超时会发送告警通知其实PING检测的目标不一定是主机，只要是IP即可，...",
+    "url": "https://segmentfault.com/a/1190000041902005",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "votes": "3",
     "rank": 28
   },
   {
-    "title": "推荐一些有趣实用的前端可视化工具库，助力可视化开发",
-    "description": "前端可视化一直是人们常谈到的词，随着SVG，Canvas，WebGL等技术的发展，也涌现了一大批的优秀的可视化库。本文将从中选择一些有趣实用的推荐给大家，工具使用好了，开发效率自然也就提升了。",
-    "url": "https://segmentfault.com/a/1190000041880527",
-    "author": "xmanlin",
-    "home_url": "https://segmentfault.com/u/dxpang",
+    "title": "服务启动过程性能波动的分析与解决方案",
+    "description": "本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。",
+    "url": "https://segmentfault.com/a/1190000041899310",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "2",
     "rank": 29
   },
   {
-    "title": "Gitee 关闭部分开源仓库；大厂一半以上程序员愿意降薪跳槽；Deno 1.22 发布 | 思否周刊",
-    "description": "40s 新闻速递链家程序员删除公司 9TB 数据被判 7 年开发者 20 天内开发 APP 后被解雇，怒用公司公号发文祝“早日倒闭”RISC-V 国际基金会 CEO：Arm 需要警惕 RISC-V研究称 iPhone 关机后仍在运行，或成恶意软件温床...",
-    "url": "https://segmentfault.com/a/1190000041878371",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "1",
+    "title": "硬核！程序员延寿指南",
+    "description": "以下内容转载自：[链接]1. 术语ACM: All-Cause Mortality / 全因死亡率2. 目标稳健地活得更久3. 关键结果降低66.67%全因死亡率增加\\~20年预期寿命维持多巴胺于中轴4. 分析主要参考：对ACM的学术文献相对较多，可...",
+    "url": "https://segmentfault.com/a/1190000041879384",
+    "author": "我的小熊不见了",
+    "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
+    "votes": "0",
     "rank": 30
   }
 ]