@wcj/github-rank 22.5.30 → 22.6.2

package/dist/sifou-weekly.json

@@ -1,157 +1,139 @@
 [
   {
-    "title": "妙啊！动画还可以这样控制？",
-    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
-    "url": "https://segmentfault.com/a/1190000041887820",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "15",
+    "title": "为我们的 10 周年喝彩",
+    "description": "10 年前，我和高阳及董锋在北京参加了中国第一届黑客马拉松。以开发者为中心的活动在当时还是个新鲜事物，我们第一次看到了这个群体中所蕴含的巨大能量，以至于它对我们后面的创业决定也产生了巨大的影响。活动结...",
+    "url": "https://segmentfault.com/a/1190000041925065",
+    "author": "joyqi",
+    "home_url": "https://segmentfault.com/u/joyqi",
+    "votes": "39",
     "rank": 1
   },
   {
-    "title": "CSS 穿墙术！太强了",
-    "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
-    "url": "https://segmentfault.com/a/1190000041887095",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "16",
+    "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
+    "description": "作为社区的创始人，在这个 10 年里，我们也经历了很多温暖的时刻。众多的开发者与社区一同成长，他们从初出茅庐的菜鸟成长为独当一面的大牛，然后又将自己的知识回馈给社区，帮助更多的人。这是一个属于大家的社...",
+    "url": "https://segmentfault.com/a/1190000041925107",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "20",
     "rank": 2
   },
   {
-    "title": "关于代码评审(CodeReview)那些不得不说的事儿",
-    "description": "在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...",
-    "url": "https://segmentfault.com/a/1190000041885333",
-    "author": "xindoo",
-    "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "12",
+    "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": "8",
     "rank": 3
   },
   {
-    "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",
+    "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
+    "description": "深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...",
+    "url": "https://segmentfault.com/a/1190000041903331",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "8",
     "rank": 4
   },
   {
-    "title": "如何自定义 drag 样式",
-    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
-    "url": "https://segmentfault.com/a/1190000041881296",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
+    "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
+    "description": "JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...",
+    "url": "https://segmentfault.com/a/1190000041921498",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "7",
     "rank": 5
   },
   {
-    "title": "Base64 编码知识，一文打尽！",
-    "description": "现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...",
-    "url": "https://segmentfault.com/a/1190000041894263",
+    "title": "Change Buffer 只适用于非唯一索引页？错",
+    "description": "最近在网上看到一些文章里说：“change buffer 只适用于非唯一索引页。”其实这个观点是错的，先来看看官方文档对 change buffer 的介绍：",
+    "url": "https://segmentfault.com/a/1190000041898249",
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "8",
+    "votes": "6",
     "rank": 6
   },
   {
-    "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",
+    "title": "锁定项目 Node 版本和包管理器",
+    "description": "成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。",
+    "url": "https://segmentfault.com/a/1190000041918155",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "8",
     "rank": 7
   },
   {
-    "title": "13 个Typescript 实用类型：开发人员的备忘单",
-    "description": "我们可以为 UserProfileResponse 定义类型，并为 LoginResponse 挑选一些属性，而不是定义相同上下文的 LoginResponse 和 UserProfileResponse 的类型。",
-    "url": "https://segmentfault.com/a/1190000041782911",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "12",
+    "title": "CSS 变量自动变色技术",
+    "description": "欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...",
+    "url": "https://segmentfault.com/a/1190000041914954",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "7",
     "rank": 8
   },
   {
-    "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",
+    "title": "Go 反射机制详解",
+    "description": "反射的本质就是在程序运行的时候，获取对象的类型信息和内存结构，反射是把双刃剑，功能强大但可读性差，反射代码无法在编译阶段静态发现错误，反射的代码常常比正常代码效率低1~2个数量...",
+    "url": "https://segmentfault.com/a/1190000041907712",
+    "author": "LiberHome",
+    "home_url": "https://segmentfault.com/u/liberhome",
+    "votes": "6",
     "rank": 9
   },
   {
-    "title": "HTTP cookie 完整指南",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041886918",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "title": "Vue 之 nextTick  原理",
+    "description": "阅读 Vue 源码就是一个很好的学习方式，不仅可以让我们帮助我们更快解决工作中遇到的问题，也能借鉴优秀源码的经验，学习高手发现问题、思考问题、解决问题的思路，学习怎么写出规范又好维护的高质量代码。",
+    "url": "https://segmentfault.com/a/1190000041909871",
+    "author": "佩奇烹饪家",
+    "home_url": "https://segmentfault.com/u/cloudyttt",
+    "votes": "6",
     "rank": 10
   },
   {
-    "title": "我爱上了这个网站！",
-    "description": "上次我们说到银河系狂奔号坠落在一个陌生的星球上，由于飞船撞上山腰，导致船体受损，船员们经过努力后发现他们的飞船无法继续使用，他们渐渐失去了回家的希望，于是不得不在这个陌生的星球先安家。",
-    "url": "https://segmentfault.com/a/1190000041893133",
-    "author": "程序员cxuan",
-    "home_url": "https://segmentfault.com/u/cxuan",
+    "title": "程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”",
+    "description": "说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...",
+    "url": "https://segmentfault.com/a/1190000041904203",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "2",
     "rank": 11
   },
   {
-    "title": "总结一下最近遇到的问题",
-    "description": "这样的话会生成两个中间表即form_item_tasks和task_form-items,并且默认情况下如果你在task端维护formItems的话数据只会自动存到task_form_items表中，反过来在formItem中维护task也会像上面一样——存到form_item_...",
-    "url": "https://segmentfault.com/a/1190000041884631",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/pluto_612f55567eb8c",
-    "votes": "4",
+    "title": "3000帧动画图解MySQL为什么需要binlog、redo log和undo log",
+    "description": "全文建立在MySQL的存储引擎为InnoDB的基础上先看一条SQL如何入库的：这是一条很简单的更新SQL，从MySQL服务端接收到SQL到落盘，先后经过了MySQL Server层和InnoDB存储引擎。Server层就像一个产品经理，分析客户的...",
+    "url": "https://segmentfault.com/a/1190000041919298",
+    "author": "CoderW",
+    "home_url": "https://segmentfault.com/u/coderw_5fd9998278d42",
+    "votes": "6",
     "rank": 12
   },
   {
-    "title": "记录后台遇到的两个小问题",
-    "description": "specification查询不起作用写后台的时候需要加一个specification查询，只返回属于该社区的数据。于是我增加了如图红框中的查询，调用了and函数。 {代码...} 但是执行后发现，这条查询没有按照想法获取到查询到数...",
-    "url": "https://segmentfault.com/a/1190000041884921",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "4",
+    "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": 13
   },
   {
-    "title": "【Debug】记录一个ng-autocomplete组件清除数据后没有触发非空验证器的问题",
-    "description": "Debug类文章较难写的地方在于，如何让没有接触过这个项目的读者明白当前在做什么，明白这个功能的需求、文中的问题是怎么出现的、以及怎么改掉。因此记录排查过程的文章最后的效果往往不如教程类文章。如果能让没...",
-    "url": "https://segmentfault.com/a/1190000041885369",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "4",
+    "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
+    "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
+    "url": "https://segmentfault.com/a/1190000041921943",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "6",
     "rank": 14
   },
   {
-    "title": "angular 多选表单数据绑定",
-    "description": "对于绑定多选类型的formControl的value，只会有true或者false。如果你选中就是true，如果不选中就是false。但是我想要的是所有选中对象数组。谷歌搜索得知，可以绑定点击事件，再去增加或删除数组中的对象。",
-    "url": "https://segmentfault.com/a/1190000041885779",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "4",
+    "title": "linux挂载新硬盘并进行分区格式化",
+    "description": "最近要给小伙伴们写几篇文章，关于《linux下误删除文件之后该如何恢复》。对于没有进程占用的文件想要进行数据恢复，不同的文件系统格式需要使用不同的工具，比如：ext4、xfs等。我找遍了我所有的虚拟机服务器，...",
+    "url": "https://segmentfault.com/a/1190000041903085",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
+    "votes": "3",
     "rank": 15
   },
-  {
-    "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": 16
-  },
-  {
-    "title": "程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”",
-    "description": "说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...",
-    "url": "https://segmentfault.com/a/1190000041904203",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
-    "rank": 17
-  },
   {
     "title": "低代码开源， 一键设计稿生成代码，帮您解决生产痛点",
     "description": "作为一个前端或管理者，您是否遇到过以下场景作为前端老鸟照样需要写页面布局，虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件， 无法专注于业务逻辑你已经费尽心...",
@@ -159,62 +141,71 @@
     "author": "左盐",
     "home_url": "https://segmentfault.com/u/zuoyan",
     "votes": "4",
+    "rank": 16
+  },
+  {
+    "title": "Kafka到底有多高可靠？（RNG NB）",
+    "description": "在聊Kafka高可靠之前，先在评论区来波RNG NB好不好！什么叫可靠性？大家都知道，系统架构有三高：「高性能、高并发和高可用」，三者的重要性不言而喻。对于任意系统，想要同时满足三高都是一件非常困难的事情，大...",
+    "url": "https://segmentfault.com/a/1190000041913011",
+    "author": "敖丙",
+    "home_url": "https://segmentfault.com/u/aobing",
+    "votes": "3",
+    "rank": 17
+  },
+  {
+    "title": "冴羽答读者问：怎么平衡工作与生活？",
+    "description": "想像人生是一场在空中不停抛接五个球的游戏，这五个球分别是工作、家庭、健康、朋友以及心灵，而你不能让任何一个球落地。 你很快会发现，工作是一个橡皮球，如果它掉下来，会弹回去，而其他四个球是玻璃做的，如...",
+    "url": "https://segmentfault.com/a/1190000041906954",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "3",
     "rank": 18
   },
   {
-    "title": "分享一个 SpringCloud Feign 中所埋藏的坑",
-    "description": "前段时间同事碰到一个问题，需要在 SpringCloud 的 Feign 调用中使用自定义的 URL；通常情况下是没有这个需求的；毕竟都用了 SpringCloud 的了，那服务之间的调用都是走注册中心的，不会需要自定义 URL 的情况。",
-    "url": "https://segmentfault.com/a/1190000041885021",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "4",
+    "title": "服务启动过程性能波动的分析与解决方案",
+    "description": "本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。",
+    "url": "https://segmentfault.com/a/1190000041899310",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "3",
     "rank": 19
   },
   {
-    "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",
+    "title": "冴羽答读者问：如果有机会，你会选择脱产学习深造吗？",
+    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文因为有同学让我帮忙写封情书，所以我最近在看朱生豪写给他爱人宋清如的情书，其中有这样一句：要是有人...",
+    "url": "https://segmentfault.com/a/1190000041918444",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "3",
     "rank": 20
   },
   {
-    "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",
+    "title": "云音乐低代码：基于 CodeSandbox 的沙箱性能优化",
+    "description": "距离发布如何私有化部署 CodeSandbox 沙箱的文章《搭建一个属于自己的在线 IDE》 已经过了一年多的时间，最开始是为了在区块复用平台上能够实时构建前端代码并预览效果。不过在去年云音乐内部启动的基于源码的低...",
+    "url": "https://segmentfault.com/a/1190000041904219",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "2",
     "rank": 21
   },
   {
-    "title": "常见文件MIME对照表",
-    "description": "在html的input标签type=file类型时，accept属性可以过滤文件类型。以下是常见文件的MIME对照表 {代码...} 以上梳理,方便后期使用",
-    "url": "https://segmentfault.com/a/1190000041895580",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "1",
+    "title": "iPhone 14 Pro 渲染图曝光；​程序员编码抢挂疫苗号牟利 40 万；Chrome 102 发布 | 思否周刊",
+    "description": "40s 新闻速递扎克伯格因参与数据泄露决策遭起诉苹果 iPhone 14 Pro 高清渲染图曝光苹果关闭 iOS 15.4.1 验证通道Win11 “大义灭亲”：控制功能拦截自家文件搜狐大量员工遭遇 “工资补助” 诈骗，损失惨重iPhone14 有...",
+    "url": "https://segmentfault.com/a/1190000041910623",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "2",
     "rank": 22
   },
   {
-    "title": "如何使用 Serverless 做架构和项目管理—— 三年全栈经验总结",
-    "description": "本文是从项目工程角度来讲解的，技术角度请参看另一个文章《真实项目代码教你四步扔了传统服务器，让你优雅使用Serverless做全栈开发》（[链接])",
-    "url": "https://segmentfault.com/a/1190000041890140",
-    "author": "腾讯云加社区",
-    "home_url": "https://segmentfault.com/u/qcloudcommunity",
-    "votes": "1",
+    "title": "坑：ssh: connect to host github.com port 22: Connection refused",
+    "description": "本文以Windows系统为例进行说明，在个人电脑上使用Git命令来操作GitHub上的项目，本来都很正常，突然某一天开始，会提示如下错误ssh: connect to host github.com port 22: Connection refused。",
+    "url": "https://segmentfault.com/a/1190000041909858",
+    "author": "coding进阶",
+    "home_url": "https://segmentfault.com/u/c9eulmav",
+    "votes": "7",
     "rank": 23
   },
-  {
-    "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
-    "description": "深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...",
-    "url": "https://segmentfault.com/a/1190000041903331",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "2",
-    "rank": 24
-  },
   {
     "title": "那些常用的服务器在线PING检测工具整理",
     "description": "WGCLOUD是一款常用的运维监测软件，其中具备PING检测能力它可以定期发起PING指令，并返回主机或服务器的响应时间（毫秒），若发现PING失败或者超时会发送告警通知其实PING检测的目标不一定是主机，只要是IP即可，...",
@@ -222,51 +213,60 @@
     "author": "徐三刀",
     "home_url": "https://segmentfault.com/u/9b3sps2b",
     "votes": "3",
+    "rank": 24
+  },
+  {
+    "title": "JetBrains IDE全新UI预览版来了，要做简洁与强大兼顾的IDE",
+    "description": "他们认为目前行业中的用户界面趋势已经发生了演变，很多新用户认为JetBrains IDE的界面过于笨重，而且过时。所以，团队做出了大胆的决定，将以全新的眼光来重新设计IntelliJ IDEA和相关IDE的外观和感觉。",
+    "url": "https://segmentfault.com/a/1190000041899090",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
+    "votes": "2",
     "rank": 25
   },
   {
-    "title": "Go学习笔记-Gin常用功能",
-    "description": "路由gin 框架中采用的路由库是基于httprouter做的Restful风格的APIRepresentational State Transfer 表现层状态转化，是一种互联网应用程序的API设计理念：URL定位资源，用HTTP描述操作增 POST / 删 DELETE / 改 ...",
-    "url": "https://segmentfault.com/a/1190000041896595",
-    "author": "IT小马",
-    "home_url": "https://segmentfault.com/u/itxiaoma",
-    "votes": "3",
+    "title": "精读《web reflow》",
+    "description": "网页渲染会经历 DOM -> CSSOM -> Layout(重排 or reflow) -> Paint(重绘) -> Composite(合成)，其中 Composite 在 精读《深入了解现代浏览器四》 详细介绍过，是在 GPU 进行光栅化。",
+    "url": "https://segmentfault.com/a/1190000041913824",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "4",
     "rank": 26
   },
   {
-    "title": "服务启动过程性能波动的分析与解决方案",
-    "description": "本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。",
-    "url": "https://segmentfault.com/a/1190000041899310",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
+    "title": "让你事半功倍的JS utils工具函数",
+    "description": "今日分享一篇积累和收集了很久的JS utils工具函数，文章代码量较多，建议收藏起来慢慢看，当哪一天需要用到的时候，打开你尘封已久的收藏夹，相信能让你的业务代码开发事半功倍。",
+    "url": "https://segmentfault.com/a/1190000041896797",
+    "author": "南城大前端",
+    "home_url": "https://segmentfault.com/u/nanchengfe",
     "votes": "2",
     "rank": 27
   },
   {
-    "title": "Go 关闭chanel & chanel的range循环",
-    "description": "发送者这边可以发送一个close(ch),接收方收到之后就知道发送方之后都不会再发送信息了。接收者这边可以通过一个额外的变量，检测通道是否已经关闭。类似这样：v, ok := <- ch这里的ok为false就代表我们从一个...",
-    "url": "https://segmentfault.com/a/1190000041890797",
-    "author": "LiberHome",
-    "home_url": "https://segmentfault.com/u/liberhome",
+    "title": "【Java面试】如何中断一个正在运行的线程？",
+    "description": "一个去京东面试的工作了5年的粉丝来找我说：Mic老师，你说并发编程很重要，果然我今天又挂在一道并发编程的面试题上了。我问他问题是什么，他说：”如何中断一个正在运行中的线程？“。我说这个问题很多工作2年的人...",
+    "url": "https://segmentfault.com/a/1190000041909488",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "votes": "4",
     "rank": 28
   },
   {
-    "title": "App低代码开发的最终形态？APICloud可视化开发初体验",
-    "description": "2、通过组件拖拽出的页面可实时生成对应的前端代码，而且是没有冗余的代码，可直接使用，或进行再优化开发。因此如果产品通过这个工具来设计原型，生成的代码，可提供给开发直接使用。对于技术小白，又想快速做出...",
-    "url": "https://segmentfault.com/a/1190000041883299",
-    "author": "海的尽头",
-    "home_url": "https://segmentfault.com/u/haikuopingyuyue",
-    "votes": "0",
+    "title": "JavaScript 之原型、原型链",
+    "description": "其他编程语言如 Java 等使用 new 命令时，都会调用“类”的构造函数。但是，JavaScript没有“类”，本身并不提供一个 class 实现（虽然在ES6中提供了class 关键字，但其只是语法糖，JavaScript仍然是基于原型的）。于...",
+    "url": "https://segmentfault.com/a/1190000041910095",
+    "author": "佩奇烹饪家",
+    "home_url": "https://segmentfault.com/u/cloudyttt",
+    "votes": "3",
     "rank": 29
   },
   {
-    "title": "冴羽答读者问：怎么平衡工作与生活？",
-    "description": "想像人生是一场在空中不停抛接五个球的游戏，这五个球分别是工作、家庭、健康、朋友以及心灵，而你不能让任何一个球落地。 你很快会发现，工作是一个橡皮球，如果它掉下来，会弹回去，而其他四个球是玻璃做的，如...",
-    "url": "https://segmentfault.com/a/1190000041906954",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "1",
+    "title": "GitHub Copilot could not connect to server",
+    "description": "GitHub Copilot could not connect to server. Extension activation failed: \"connect ECONNREFUSED 127.0.0.1:443\"",
+    "url": "https://segmentfault.com/a/1190000041909288",
+    "author": "裸阳",
+    "home_url": "https://segmentfault.com/u/luoyang_5c76c1a8be165",
+    "votes": "2",
     "rank": 30
   }
 ]