@wcj/github-rank 22.3.12 → 22.3.13

package/web/data/sifou-daily.json

@@ -1,91 +1,91 @@
 [
   {
-    "title": "WGCLOUD可以在凝思操作系统部署吗",
-    "description": "可以的WGCLOUD可以监控凝思操作系统的",
-    "url": "https://segmentfault.com/a/1190000041530708",
-    "author": "徐三刀",
-    "home_url": "https://segmentfault.com/u/9b3sps2b",
-    "votes": "1",
+    "title": "一道面试题牵出12个前端硬核知识点，你能答出几个？",
+    "description": "一道面试题囊括多个高频知识点的确实不多，但确实有一个神奇的药引子——浏览器安全能串联起12个前端硬核知识点，一起来瞅瞅！！！一、概述1.1 Web页面安全说到Web页面安全你会想到哪些问题呢？什么是同源、什么是...",
+    "url": "https://segmentfault.com/a/1190000041536596",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "4",
     "rank": 1
   },
   {
-    "title": "深入了解Azure 机器学习的工作原理",
-    "description": "通过阅读本文，您将会了解到Azure 机器学习（以下简称：Azure 机器学习）的架构和概念，并且深入了解这些组件，以及它们如何协同来协助构建、部署和维护机器学习模型的过程。",
-    "url": "https://segmentfault.com/a/1190000041525166",
-    "author": "微软技术栈",
-    "home_url": "https://segmentfault.com/u/mstech",
-    "votes": "1",
+    "title": "线性代数在前端中的应用（二）：实现鼠标拖拽旋转元素、Canvas图形",
+    "description": "看到文章标题，很多同学可能会疑惑，实现元素的旋转，只需要求得旋转角度，然后用CSS中的transform:rotate(${旋转的角度}deg)就可以实现旋转的需求，为什么要用到线性代数的知识？",
+    "url": "https://segmentfault.com/a/1190000041536375",
+    "author": "而井",
+    "home_url": "https://segmentfault.com/u/rioli",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "Event loop",
-    "description": "Javascript 基于 Event Loop 的运行方式与众不同，microtask queue、task queue 让很多人迷惑代码为什么这样运行。这里就来看一眼 Event Loop。",
-    "url": "https://segmentfault.com/a/1190000041534937",
-    "author": "fefe",
-    "home_url": "https://segmentfault.com/u/fefe_5d0b30d7515e7",
-    "votes": "1",
+    "title": "使用Java实现一个JS脚本引擎",
+    "description": "使用Java实现JS脚本引擎项目地址[链接]生成语法树 并输出格式化代码示例代码 {代码...} 输出 {代码...} 运行脚本以下示例为运行快排算法（运行环境线程隔离）js脚本 {代码...} 示例代码 {代码...} 输出 {代码...}",
+    "url": "https://segmentfault.com/a/1190000041536078",
+    "author": "辣子鸡",
+    "home_url": "https://segmentfault.com/u/laziji",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "手把手教程|构建无服务器通用文本识别功能",
-    "description": "无服务器应用程序可保证您无需配置或管理服务器，即可轻松运行代码内容。本文介绍了一种基于无服务器架构的文本识别 (Optical Character Recognition, OCR) 解决方案可以对自然场景图像中的文字进行精准识别，其...",
-    "url": "https://segmentfault.com/a/1190000041533693",
-    "author": "亚马逊云开发者",
-    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
-    "votes": "1",
+    "title": "风场可视化：绘制轨迹",
+    "description": "引子了解绘制粒子之后，接着去看如何绘制粒子轨迹。源库：webgl-windOriginMy GitHub绘制轨迹在原文中提到绘制轨迹的方法是将粒子绘制到纹理中，然后在下一帧上使用该纹理作为背景（稍微变暗），并每一帧交换输入...",
+    "url": "https://segmentfault.com/a/1190000041536022",
+    "author": "XXHolic",
+    "home_url": "https://segmentfault.com/u/xxholic",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "向工程腐化开炮 | Java代码治理",
-    "description": "系列文章回顾《向工程腐化开炮 | proguard治理》《向工程腐化开炮 | manifest治理》。本文为系列文章第三篇，虽然标题是java代码，但准确来讲，本文主要聚焦的是jvm字节码，因此相关工具和治理，对于kotlin也同样...",
-    "url": "https://segmentfault.com/a/1190000041532600",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
+    "title": "LeetCode刷题笔记：数组中重复的数据",
+    "description": "给你一个长度为 n 的整数数组 nums ，其中 nums 的所有整数都在范围 [1, n] 内，且每个整数出现 一次 或 两次 。请你找出所有出现 两次 的整数，并以数组形式返回。",
+    "url": "https://segmentfault.com/a/1190000041538428",
+    "author": "Dushusir",
+    "home_url": "https://segmentfault.com/u/dushusir",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "移动域全链路可观测架构和关键技术",
-    "description": "本文侧重阐述手淘团队对移动领域全链路技术理念的原创性引入，整篇约1.2万字、阅读需要15分钟，读者将收获移动技术域体验优化的思路转变，以及软件定义体验的沉淀和研发实践。",
-    "url": "https://segmentfault.com/a/1190000041532273",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
-    "votes": "1",
+    "title": "如何在 JavaScript 中实现 Event Bus（事件总线）",
+    "description": "Event Bus 事件总线，通常作为多个模块间的通信机制，相当于一个事件管理中心，一个模块发送消息，其它模块接受消息，就达到了通信的作用。",
+    "url": "https://segmentfault.com/a/1190000041538256",
+    "author": "Dushusir",
+    "home_url": "https://segmentfault.com/u/dushusir",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "React内部的性能优化没有达到极致？",
-    "description": "大家好，我卡颂。对于如下这个常见交互步骤：点击按钮，触发状态更新组件render视图渲染你觉得哪些步骤有性能优化的空间呢？答案是：1和2。对于步骤1，如果状态更新前后没有变化，则可以略过剩下的步骤。这个优化...",
-    "url": "https://segmentfault.com/a/1190000041531553",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "3",
+    "title": "Gitlab  CI/CD教程及npm包构建发布实战",
+    "description": "!!!实践过程中请留意文档版本号跟你实际使用Gitlab的版本号👉🏻中文文档-14.8-pre 👉🏻Gitlab版本—12.9前置知识yaml语法，教程👉🏻YAML 入门教程Docker相关知识，教程👉🏻Docker教程linux命令，教程👉🏻Linux 命令大全自定...",
+    "url": "https://segmentfault.com/a/1190000041537651",
+    "author": "MangoGoing",
+    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "petite-vue源码剖析-事件绑定`v-on`的工作原理",
-    "description": "在书写petite-vue和Vue最舒服的莫过于通过@click绑定事件，而且在移除元素时框架会帮我们自动解除绑定。省去了过去通过jQuery的累赘。而事件绑定在petite-vue中就是一个指令(directive)，和其他指令类似。",
-    "url": "https://segmentfault.com/a/1190000041530343",
-    "author": "肥仔John",
-    "home_url": "https://segmentfault.com/u/fsjohnhuang",
+    "title": "如何在 SAP BTP 平台上重用另一个已经开发好的 service",
+    "description": "假设我们的 SAP Business Technology Platform 平台上已经开发好了一个 products-service 项目：",
+    "url": "https://segmentfault.com/a/1190000041536692",
+    "author": "JerryWang_汪子熙",
+    "home_url": "https://segmentfault.com/u/jerrywangsap",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "vite+vue3项目渲染markdown爬坑回顾",
-    "description": "近期接到一个页面重构的需求，很简单就是把原先文档说明的页面搬到新项目中。本身是一个CV工程，结果搞了一整天。  老项目应该是一个python服务渲染html片段，新项目是vite+vue3的，因为想...",
-    "url": "https://segmentfault.com/a/1190000041533391",
-    "author": "Storm",
-    "home_url": "https://segmentfault.com/u/storm_5b440cebc7caf",
+    "title": "使用 SAP BTP 创建一个 Spring Boot Java 应用",
+    "description": "Fullstack 类型的开发空间带有几个开箱即用的扩展，这些扩展被用来开发 CAP 应用程序，比如内置了 CDS 工具。打开一个新的 terminal 窗口：输入命令 cd projects/:运行如下的命令行：mvn -B archetype:generate -...",
+    "url": "https://segmentfault.com/a/1190000041536646",
+    "author": "JerryWang_汪子熙",
+    "home_url": "https://segmentfault.com/u/jerrywangsap",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "Vben-Admin的useForm实现思路详解，以及实现element版的useForm",
-    "description": "Vue3已经发了一年多了，现在也是已经转正了，Antd和element的Vue3版本也都是可以用了。Vue3刚发布没多久的时候我就上车了，当时在Github找了一圈Vue3的Admin架子，最后发现了vue-vben-admin这个项目，感觉这个作...",
-    "url": "https://segmentfault.com/a/1190000041531167",
-    "author": "shellingfordly",
-    "home_url": "https://segmentfault.com/u/shellingfordly",
+    "title": "C 语言写得比 Codex 还要好的 AI 开源了！",
+    "description": "近几年来，AI 代码生成器十分流行，从 OpenAI 的 Codex 再到 DeepMind 的AlphaCode。然而，这两个 AI 模型全都没有开源：AlphaCode 只给出了一些测试样例，而 Codex 只开放了 API。",
+    "url": "https://segmentfault.com/a/1190000041536436",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
     "rank": 10
   }

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041493486",
     "author": "程序员内点事",
     "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "57",
+    "votes": "60",
     "rank": 1
   },
   {
@@ -23,18 +23,9 @@
     "url": "https://segmentfault.com/a/1190000041405707",
     "author": "wlove",
     "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "34",
+    "votes": "35",
     "rank": 3
   },
-  {
-    "title": "7个杀手级的JS一行代码",
-    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
-    "url": "https://segmentfault.com/a/1190000041415254",
-    "author": "gaoryrt",
-    "home_url": "https://segmentfault.com/u/gaoryrt",
-    "votes": "32",
-    "rank": 4
-  },
   {
     "title": "音视频通信加餐 —— WebRTC一肝到底",
     "description": "原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是 WebRTC 浏览器原生支持，其他客户端支持也很好，不像传统直播用 flv.js 做兼容，可以实现标准统一。",
@@ -42,6 +33,15 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "27",
+    "rank": 4
+  },
+  {
+    "title": "7个杀手级的JS一行代码",
+    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
+    "url": "https://segmentfault.com/a/1190000041415254",
+    "author": "gaoryrt",
+    "home_url": "https://segmentfault.com/u/gaoryrt",
+    "votes": "32",
     "rank": 5
   },
   {
@@ -86,7 +86,7 @@
     "url": "https://segmentfault.com/a/1190000041504985",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "25",
+    "votes": "26",
     "rank": 10
   },
   {
@@ -134,15 +134,6 @@
     "votes": "15",
     "rank": 15
   },
-  {
-    "title": "JavaScript 数据处理 - 映射表篇",
-    "description": "由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...",
-    "url": "https://segmentfault.com/a/1190000041503556",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "15",
-    "rank": 16
-  },
   {
     "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
     "description": "上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...",
@@ -150,6 +141,15 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "13",
+    "rank": 16
+  },
+  {
+    "title": "JavaScript 数据处理 - 映射表篇",
+    "description": "由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...",
+    "url": "https://segmentfault.com/a/1190000041503556",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "15",
     "rank": 17
   },
   {
@@ -215,15 +215,6 @@
     "votes": "14",
     "rank": 24
   },
-  {
-    "title": "10个CSS技巧，极大提升用户体验",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041361645",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 25
-  },
   {
     "title": "小程序实现手写签名",
     "description": "在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...",
@@ -231,7 +222,7 @@
     "author": "小小蚊子",
     "home_url": "https://segmentfault.com/u/zjw8023",
     "votes": "14",
-    "rank": 26
+    "rank": 25
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -240,7 +231,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "17",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "CSS 实现按钮点击动效的套路",
@@ -249,7 +240,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "15",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "urlcat：JavaScript的URL构建器库",
@@ -258,7 +249,7 @@
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "11",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
@@ -267,6 +258,15 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "13",
+    "rank": 29
+  },
+  {
+    "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
+    "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
+    "url": "https://segmentfault.com/a/1190000041473617",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "13",
     "rank": 30
   }
 ]

package/web/data/sifou-weekly.json

@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000041504985",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "25",
+    "votes": "26",
     "rank": 2
   },
   {
@@ -44,22 +44,22 @@
     "votes": "11",
     "rank": 5
   },
-  {
-    "title": "对不起，今天该发的微软认证推文，我们没写",
-    "description": "是的，今天是 3 月 10 日，农历二月初八（距离周五还有一天，距离下个法定节假日“清明节”还有 23 天，摸鱼人，支棱起来！）本来要写的微软认证课程宣传软文早就安排下来了，但在种种因素的作用下（没错，你没想错...",
-    "url": "https://segmentfault.com/a/1190000041529352",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "4",
-    "rank": 6
-  },
   {
     "title": "Go 设计哲学：少即是多，哪里来的？",
     "description": "甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？",
     "url": "https://segmentfault.com/a/1190000041524988",
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "8",
+    "votes": "9",
+    "rank": 6
+  },
+  {
+    "title": "对不起，今天该发的微软认证推文，我们没写",
+    "description": "是的，今天是 3 月 10 日，农历二月初八（距离周五还有一天，距离下个法定节假日“清明节”还有 23 天，摸鱼人，支棱起来！）本来要写的微软认证课程宣传软文早就安排下来了，但在种种因素的作用下（没错，你没想错...",
+    "url": "https://segmentfault.com/a/1190000041529352",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "5",
     "rank": 7
   },
   {
@@ -90,12 +90,12 @@
     "rank": 10
   },
   {
-    "title": "使用Three.js实现神奇的3D文字悬浮效果",
-    "description": "在 Three.js Journey 课程示例中，提供了一个使用 Three.js 内置方法实现的 3D 文字悬浮效果的例子，本文使用 React + Three.js 技术栈，参照示例实现类似的效果。本文中涉及到的知识点主要包括：CSS 网格背景、M...",
-    "url": "https://segmentfault.com/a/1190000041517240",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "7",
+    "title": "推荐20个值得收藏的前端开源项目",
+    "description": "Proton是一个轻量、灵活的Javascript粒子动画库。使用它可以轻松创建各种炫酷粒子动画效果，该项目在github被近 2k 项目引用。Proton还支持3d粒子版本[链接] 。",
+    "url": "https://segmentfault.com/a/1190000041502262",
+    "author": "TNTWEB",
+    "home_url": "https://segmentfault.com/u/tnfe",
+    "votes": "11",
     "rank": 11
   },
   {
@@ -108,21 +108,21 @@
     "rank": 12
   },
   {
-    "title": "面向企业级前端应用的开发框架 UI5 的发展简史介绍",
-    "description": "在移动应用已经无缝融合到我们日常生活的今日，我们的工作和生活几乎时时刻刻都在和 2C(即 To Customer) 应用打交道。比如手机支付，在线购物，生活缴费，天气和交通线路查询等等。",
-    "url": "https://segmentfault.com/a/1190000041499121",
-    "author": "JerryWang_汪子熙",
-    "home_url": "https://segmentfault.com/u/jerrywangsap",
-    "votes": "5",
+    "title": "使用Three.js实现神奇的3D文字悬浮效果",
+    "description": "在 Three.js Journey 课程示例中，提供了一个使用 Three.js 内置方法实现的 3D 文字悬浮效果的例子，本文使用 React + Three.js 技术栈，参照示例实现类似的效果。本文中涉及到的知识点主要包括：CSS 网格背景、M...",
+    "url": "https://segmentfault.com/a/1190000041517240",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "7",
     "rank": 13
   },
   {
-    "title": "推荐20个值得收藏的前端开源项目",
-    "description": "Proton是一个轻量、灵活的Javascript粒子动画库。使用它可以轻松创建各种炫酷粒子动画效果，该项目在github被近 2k 项目引用。Proton还支持3d粒子版本[链接] 。",
-    "url": "https://segmentfault.com/a/1190000041502262",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "10",
+    "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
+    "description": "Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。",
+    "url": "https://segmentfault.com/a/1190000041524121",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "8",
     "rank": 14
   },
   {
@@ -143,15 +143,6 @@
     "votes": "5",
     "rank": 16
   },
-  {
-    "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
-    "description": "Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。",
-    "url": "https://segmentfault.com/a/1190000041524121",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "7",
-    "rank": 17
-  },
   {
     "title": "面试官居然要我用JS代码计算LocalStorage容量！",
     "description": "localStorage 的容量大家都知道是 5M ，但是却很少人知道怎么去验证，而且某些场景需要计算 localStorage 的剩余容量时，就需要我们掌握计算容量的技能了~~",
@@ -159,7 +150,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "6",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "被盗4900万，互联网巨头竟败给“小学生”",
@@ -168,7 +159,7 @@
     "author": "qinjianxiang",
     "home_url": "https://segmentfault.com/u/qinjianxiang",
     "votes": "4",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "CSS中的混合模式，制作高级特效的必备技巧",
@@ -177,7 +168,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "6",
-    "rank": 20
+    "rank": 19
   },
   {
     "title": "30 个极大提高开发效率超级实用的 VSCode 插件",
@@ -186,16 +177,7 @@
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
     "votes": "5",
-    "rank": 21
-  },
-  {
-    "title": "初识Spring IoC",
-    "description": "从第一天开始学习SpringBoot，到现在已经有两年了，两年以来我的搬砖能力不断增强，但理论层面仍然是零基础小白。因此，打破瓶颈的方法，就是像学长们一样，多读书、多看理论知识，然后应用实践。",
-    "url": "https://segmentfault.com/a/1190000041508734",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "3",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "读Flink源码谈设计：FileSystemConnector中的整洁架构",
@@ -204,16 +186,25 @@
     "author": "泊浮目",
     "home_url": "https://segmentfault.com/u/camile",
     "votes": "3",
-    "rank": 23
+    "rank": 21
   },
   {
-    "title": "【Go进阶—并发编程】Context",
-    "description": "Context 是 Go 应用开发常用的并发控制技术，它与 WaitGroup 最大的不同点是 Context 对于派生 goroutine 有更强的控制力，它可以控制多级的 goroutine。",
-    "url": "https://segmentfault.com/a/1190000041499552",
-    "author": "与昊",
-    "home_url": "https://segmentfault.com/u/yu_5e842f4043ba6",
+    "title": "VuePress 博客之 SEO 优化（四） Open Graph protocol",
+    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲讲 SEO 优化中的 Open Graph protocol。meta 标签如果我们打开思否...",
+    "url": "https://segmentfault.com/a/1190000041528595",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "4",
+    "rank": 22
+  },
+  {
+    "title": "初识Spring IoC",
+    "description": "从第一天开始学习SpringBoot，到现在已经有两年了，两年以来我的搬砖能力不断增强，但理论层面仍然是零基础小白。因此，打破瓶颈的方法，就是像学长们一样，多读书、多看理论知识，然后应用实践。",
+    "url": "https://segmentfault.com/a/1190000041508734",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
     "votes": "3",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "浏览器“联盟”！苹果/谷歌/Mozilla/微软合力解决 Web “互操作性”问题",
@@ -222,7 +213,7 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "3",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "11 个对开发有帮助的 JS 技巧",
@@ -231,25 +222,25 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "6",
-    "rank": 26
+    "rank": 25
   },
   {
-    "title": "使用Docker方式安装Jenkins",
-    "description": "之前自己在阿里云ECS上面安装了Jekins(安装jenkins的文章)，最近因为服务器中了挖矿木马于是准备重新安装一下，但是想到每次安装jenkins都要手动安装jdk、maven、docker、kubectl，感觉好麻烦，于是使用官方推荐...",
-    "url": "https://segmentfault.com/a/1190000041498807",
-    "author": "Awbeci",
-    "home_url": "https://segmentfault.com/u/awbeci",
-    "votes": "2",
-    "rank": 27
+    "title": "5分钟学会 gRPC",
+    "description": "我猜测大部分长期使用 Java 的开发者应该较少会接触 gRPC，毕竟在 Java 圈子里大部分使用的还是 Dubbo/SpringClound 这两类服务框架。",
+    "url": "https://segmentfault.com/a/1190000041528313",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "5",
+    "rank": 26
   },
   {
-    "title": "2022强力之作：一款超精致的图片预览组件",
-    "description": "我刚接触前端这个行业的时候就有一个想法，那就是写一个超炫酷的图片预览画廊。还记得当时用美图看看看，那轻快的速度和交互很是令人着迷。该组件在几年前已经发布不完全版，后面断断续续的维护，总感觉差了点什...",
-    "url": "https://segmentfault.com/a/1190000041499918",
-    "author": "MinJieLiu",
-    "home_url": "https://segmentfault.com/u/minjieliu",
+    "title": "27个精美的时间线(含源代码)",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041499499",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "AntV X6源码简析",
@@ -258,15 +249,24 @@
     "author": "野林",
     "home_url": "https://segmentfault.com/u/vleedesigntheory",
     "votes": "2",
+    "rank": 28
+  },
+  {
+    "title": "实时增量学习在云音乐直播推荐系统中的实践",
+    "description": "直播推荐业务是嵌入在云音乐 APP 中各个地方，其中就包括最大的几个场景歌曲播放页的直播模块、混合在评论中的评论页直播以及云音乐首页的首页六卡直播。 如下图所示，图 1.1 即为播放页上的直播模块；图 1.2 是...",
+    "url": "https://segmentfault.com/a/1190000041519275",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "3",
     "rank": 29
   },
   {
-    "title": "3·8节，一个小视频带你认识下这群才华与美貌兼具的宝藏女孩！",
-    "description": "女神节 快乐呀，Girls！在互联网世界，有这样一群宝藏女孩，她们被亲切地称为“程序媛”。她们写得好代码，玩得转美妆，工作上进，学习努力~今天，就带大家认识一下个推的女程序员们，走进#个推程序媛的一天#",
-    "url": "https://segmentfault.com/a/1190000041512808",
-    "author": "个推",
-    "home_url": "https://segmentfault.com/u/getui",
-    "votes": "1",
+    "title": "@Async的用法和示例",
+    "description": "通常，在Java中的方法调用都是同步调用，比如在A方法中调用了B方法，则在A调用B方法之后，必须等待B方法执行并返回后，A方法才可以继续往下执行。这样容易出现的一个问题就是如果B方法执行时间较长，则可能会导致...",
+    "url": "https://segmentfault.com/a/1190000041515367",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 30
   }
 ]