@wcj/github-rank 22.5.29 → 22.6.1

package/web/data/sifou-weekly.json

@@ -1,272 +1,272 @@
 [
   {
-    "title": "如何实现一个能精确同步滚动的Markdown编辑器",
-    "description": "随着Markdown越来越流行，Markdown编辑器也越来越多，除去所见即所得的实时预览编辑器外，通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式，就像这样：",
-    "url": "https://segmentfault.com/a/1190000041881142",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "18",
+    "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": "9",
     "rank": 1
   },
   {
-    "title": "前端监控的搭建步骤，别再一头雾水了！",
-    "description": "在动手实现之前，首先脑子里要有一个整体脉络，明白搭建前端监控具体的流程步骤有哪些。因为前端监控系统实际上是一个完整的全栈项目，而并不仅仅是前端，甚至主要的实现都是围绕在 数据方面 的。",
-    "url": "https://segmentfault.com/a/1190000041879217",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "16",
+    "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": 2
   },
   {
-    "title": "CSS 穿墙术！太强了",
-    "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
-    "url": "https://segmentfault.com/a/1190000041887095",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "16",
+    "title": "Base64 编码知识，一文打尽！",
+    "description": "现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...",
+    "url": "https://segmentfault.com/a/1190000041894263",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "11",
     "rank": 3
   },
   {
-    "title": "妙啊！动画还可以这样控制？",
-    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
-    "url": "https://segmentfault.com/a/1190000041887820",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
+    "title": "13 个Typescript 实用类型：开发人员的备忘单",
+    "description": "我们可以为 UserProfileResponse 定义类型，并为 LoginResponse 挑选一些属性，而不是定义相同上下文的 LoginResponse 和 UserProfileResponse 的类型。",
+    "url": "https://segmentfault.com/a/1190000041782911",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "14",
     "rank": 4
   },
   {
-    "title": "关于代码评审(CodeReview)那些不得不说的事儿",
-    "description": "在一个成熟的团队中，CodeReview是整个研发流程中不可或缺的一步，而那些即将走向成熟的团队可能对CodeReview有很多的误解和问题，也不清楚CodeReview该如何去做，本文笔者将结合自己的经验和知识，...",
-    "url": "https://segmentfault.com/a/1190000041885333",
-    "author": "xindoo",
-    "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "12",
+    "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": "7",
     "rank": 5
   },
   {
-    "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": "Change Buffer 只适用于非唯一索引页？错",
+    "description": "最近在网上看到一些文章里说：“change buffer 只适用于非唯一索引页。”其实这个观点是错的，先来看看官方文档对 change buffer 的介绍：",
+    "url": "https://segmentfault.com/a/1190000041898249",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "6",
     "rank": 6
   },
   {
-    "title": "如何自定义 drag 样式",
-    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
-    "url": "https://segmentfault.com/a/1190000041881296",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
+    "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": "8",
     "rank": 7
   },
   {
-    "title": "Base64 编码知识，一文打尽！",
-    "description": "现在网站为了提升用户的浏览体验越来越多的使用了图片，而这些图片通常以 Base64 的形式存储和加载。因此各位开发工程师肯定对 Base64 毫不陌生了，那么你知道 Base64 究竟是什么，为什么要使用 Base64，以及 Bas...",
-    "url": "https://segmentfault.com/a/1190000041894263",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "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": 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",
+    "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": "4",
     "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",
+    "title": "我爱上了这个网站！",
+    "description": "上次我们说到银河系狂奔号坠落在一个陌生的星球上，由于飞船撞上山腰，导致船体受损，船员们经过努力后发现他们的飞船无法继续使用，他们渐渐失去了回家的希望，于是不得不在这个陌生的星球先安家。",
+    "url": "https://segmentfault.com/a/1190000041893133",
+    "author": "程序员cxuan",
+    "home_url": "https://segmentfault.com/u/cxuan",
+    "votes": "3",
     "rank": 10
   },
   {
-    "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": 11
   },
   {
-    "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": 12
   },
   {
-    "title": "我爱上了这个网站！",
-    "description": "上次我们说到银河系狂奔号坠落在一个陌生的星球上，由于飞船撞上山腰，导致船体受损，船员们经过努力后发现他们的飞船无法继续使用，他们渐渐失去了回家的希望，于是不得不在这个陌生的星球先安家。",
-    "url": "https://segmentfault.com/a/1190000041893133",
-    "author": "程序员cxuan",
-    "home_url": "https://segmentfault.com/u/cxuan",
-    "votes": "2",
+    "title": "CSS 变量自动变色技术",
+    "description": "欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...",
+    "url": "https://segmentfault.com/a/1190000041914954",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "6",
     "rank": 13
   },
   {
-    "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": "程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”",
+    "description": "说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...",
+    "url": "https://segmentfault.com/a/1190000041904203",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "2",
     "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",
+    "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": 15
   },
   {
-    "title": "记录后台遇到的两个小问题",
-    "description": "specification查询不起作用写后台的时候需要加一个specification查询，只返回属于该社区的数据。于是我增加了如图红框中的查询，调用了and函数。 {代码...} 但是执行后发现，这条查询没有按照想法获取到查询到数...",
-    "url": "https://segmentfault.com/a/1190000041884921",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "title": "低代码开源， 一键设计稿生成代码，帮您解决生产痛点",
+    "description": "作为一个前端或管理者，您是否遇到过以下场景作为前端老鸟照样需要写页面布局，虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件， 无法专注于业务逻辑你已经费尽心...",
+    "url": "https://segmentfault.com/a/1190000041901584",
+    "author": "左盐",
+    "home_url": "https://segmentfault.com/u/zuoyan",
     "votes": "4",
     "rank": 16
   },
   {
-    "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": "冴羽答读者问：怎么平衡工作与生活？",
+    "description": "想像人生是一场在空中不停抛接五个球的游戏，这五个球分别是工作、家庭、健康、朋友以及心灵，而你不能让任何一个球落地。 你很快会发现，工作是一个橡皮球，如果它掉下来，会弹回去，而其他四个球是玻璃做的，如...",
+    "url": "https://segmentfault.com/a/1190000041906954",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "3",
     "rank": 17
   },
   {
-    "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",
+    "title": "HTML语义化，一图以蔽之",
+    "description": "HTML语义化，一图以蔽之图片来源于网络",
+    "url": "https://segmentfault.com/a/1190000041897432",
+    "author": "沉静地闪光",
+    "home_url": "https://segmentfault.com/u/007008",
+    "votes": "4",
     "rank": 18
   },
   {
-    "title": "程序员告别 996 第一步：1 人搞定一个项目，摆脱“重复造轮子”",
-    "description": "说起程序员，你会想到什么？不知从何时开始，在广大群众的眼里，程序员就被烙上了格子衬衫、短裤、拖鞋、老实、邋遢的标签，当然还有最重要的特征，秃头。而 996、吃青春饭、工作压力与强度居高不下都让程序员的...",
-    "url": "https://segmentfault.com/a/1190000041904203",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "1",
+    "title": "Go Web 服务框架实现详解",
+    "description": "此系列文章要求读者有一定的golang基础。go-zero 是一个集成了各种工程实践的 web 和 rpc 框架。通过弹性设计保障了大并发服务端的稳定性，经受了充分的实战检验。go-zero 包含极简的 API 定义和生成工具 goctl，...",
+    "url": "https://segmentfault.com/a/1190000041892519",
+    "author": "kevinwan",
+    "home_url": "https://segmentfault.com/u/kevinwan",
+    "votes": "2",
     "rank": 19
   },
   {
-    "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": 20
   },
   {
-    "title": "低代码开源， 一键设计稿生成代码，帮您解决生产痛点",
-    "description": "作为一个前端或管理者，您是否遇到过以下场景作为前端老鸟照样需要写页面布局，虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件， 无法专注于业务逻辑你已经费尽心...",
-    "url": "https://segmentfault.com/a/1190000041901584",
-    "author": "左盐",
-    "home_url": "https://segmentfault.com/u/zuoyan",
-    "votes": "4",
+    "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": 21
   },
   {
-    "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": "云音乐低代码：基于 CodeSandbox 的沙箱性能优化",
+    "description": "距离发布如何私有化部署 CodeSandbox 沙箱的文章《搭建一个属于自己的在线 IDE》 已经过了一年多的时间，最开始是为了在区块复用平台上能够实时构建前端代码并预览效果。不过在去年云音乐内部启动的基于源码的低...",
+    "url": "https://segmentfault.com/a/1190000041904219",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "2",
     "rank": 22
   },
   {
-    "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",
+    "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": 23
   },
   {
-    "title": "如何使用 Serverless 做架构和项目管理—— 三年全栈经验总结",
-    "description": "本文是从项目工程角度来讲解的，技术角度请参看另一个文章《真实项目代码教你四步扔了传统服务器，让你优雅使用Serverless做全栈开发》（[链接])",
-    "url": "https://segmentfault.com/a/1190000041890140",
-    "author": "腾讯云加社区",
-    "home_url": "https://segmentfault.com/u/qcloudcommunity",
-    "votes": "1",
+    "title": "前端面试资料整理【工具篇】",
+    "description": "cjs 是运行是加载（export.module返回的是实际代码，顺序执行，阻塞执行），esm 是编译时输出接口（export 返回的是挂载在 webpack_require.d 上的 key）",
+    "url": "https://segmentfault.com/a/1190000041831737",
+    "author": "donggg",
+    "home_url": "https://segmentfault.com/u/donggg1942",
+    "votes": "2",
     "rank": 24
   },
   {
-    "title": "「前端 BUG 录」变更 UI 库主题引发的问题",
-    "description": "最近有个项目（就叫他 P 项目）做了一次 UI 视觉统一。之前是个小项目用的是默认主题 theme-d ，这次需求还针对性的发布了一套 theme-p 主题。然后出事故了，更新了主题之后我们的 dialog 显示异常了。使用控制台...",
-    "url": "https://segmentfault.com/a/1190000041880872",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "1",
+    "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",
     "rank": 25
   },
   {
-    "title": "推荐一些有趣实用的前端可视化工具库，助力可视化开发",
-    "description": "前端可视化一直是人们常谈到的词，随着SVG，Canvas，WebGL等技术的发展，也涌现了一大批的优秀的可视化库。本文将从中选择一些有趣实用的推荐给大家，工具使用好了，开发效率自然也就提升了。",
-    "url": "https://segmentfault.com/a/1190000041880527",
-    "author": "xmanlin",
-    "home_url": "https://segmentfault.com/u/dxpang",
+    "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": 26
   },
   {
-    "title": "Spring 中 @EnableXXX 注解的套路",
-    "description": "在 Spring 框架中有很多实用的功能，不需要写大量的配置代码，只需添加几个注解即可开启。 其中一个重要原因是那些 @EnableXXX 注解，它可以让你通过在配置类加上简单的注解来快速地开启诸如事务管理（@EnableTra...",
-    "url": "https://segmentfault.com/a/1190000041879583",
-    "author": "mghio",
-    "home_url": "https://segmentfault.com/u/mghio",
+    "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": 27
   },
   {
-    "title": "那些常用的服务器在线PING检测工具整理",
-    "description": "WGCLOUD是一款常用的运维监测软件，其中具备PING检测能力它可以定期发起PING指令，并返回主机或服务器的响应时间（毫秒），若发现PING失败或者超时会发送告警通知其实PING检测的目标不一定是主机，只要是IP即可，...",
-    "url": "https://segmentfault.com/a/1190000041902005",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "title": "冴羽答读者问：如果有机会，你会选择脱产学习深造吗？",
+    "description": "前言最近我发起了「冴羽答读者问」活动，如果你也有想要提问的问题，欢迎留言，我会按照顺序依此回答。正文因为有同学让我帮忙写封情书，所以我最近在看朱生豪写给他爱人宋清如的情书，其中有这样一句：要是有人...",
+    "url": "https://segmentfault.com/a/1190000041918444",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "votes": "3",
     "rank": 28
   },
   {
-    "title": "服务启动过程性能波动的分析与解决方案",
-    "description": "本文仅分享自己在工作中遇到的问题时的解决方案和思路，以及排查的过程。重点还是分享排查的思路，知识点其实已经挺老了。如有疑问或描述不妥，欢迎赐教。",
-    "url": "https://segmentfault.com/a/1190000041899310",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "2",
+    "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": 29
   },
   {
-    "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",
+    "title": "8个酷炫的GitHub技巧，让你看起来像大佬一样！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041876308",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 30
   }
 ]