@wcj/github-rank 22.3.13 → 22.3.14

package/dist/sifou-daily.json

@@ -1,92 +1,56 @@
 [
   {
-    "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",
+    "title": "一张证书引发的噱案",
+    "description": "2021年9月3号，一个新客户接入到我们的 SaaS 系统。在某个环节，我们会给客户发个 HTTPS 请求，没想到竟然遇到了个 SSLHandshakeException:",
+    "url": "https://segmentfault.com/a/1190000041540758",
+    "author": "felix021",
+    "home_url": "https://segmentfault.com/u/felix021",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "线性代数在前端中的应用（二）：实现鼠标拖拽旋转元素、Canvas图形",
-    "description": "看到文章标题，很多同学可能会疑惑，实现元素的旋转，只需要求得旋转角度，然后用CSS中的transform:rotate(${旋转的角度}deg)就可以实现旋转的需求，为什么要用到线性代数的知识？",
-    "url": "https://segmentfault.com/a/1190000041536375",
-    "author": "而井",
-    "home_url": "https://segmentfault.com/u/rioli",
+    "title": "【Go进阶—基础特性】接口",
+    "description": "接口定义了一种规范，描述了类的行为和功能。我们都知道，Go 语言中的接口是所谓的 Duck Typing，实现接口的所有方法也就隐式地实现了接口，那么，它是怎么实现的呢？",
+    "url": "https://segmentfault.com/a/1190000041540442",
+    "author": "与昊",
+    "home_url": "https://segmentfault.com/u/yu_5e842f4043ba6",
     "votes": "2",
     "rank": 2
   },
   {
-    "title": "使用Java实现一个JS脚本引擎",
-    "description": "使用Java实现JS脚本引擎项目地址[链接]生成语法树 并输出格式化代码示例代码 {代码...} 输出 {代码...} 运行脚本以下示例为运行快排算法（运行环境线程隔离）js脚本 {代码...} 示例代码 {代码...} 输出 {代码...}",
-    "url": "https://segmentfault.com/a/1190000041536078",
-    "author": "辣子鸡",
-    "home_url": "https://segmentfault.com/u/laziji",
-    "votes": "2",
+    "title": "LuLu UI - 腾讯阅文集团出品的“半封装” 开源 Web UI 组件库，特点是面向设计、简单灵活、支持 Vue",
+    "description": "LuLu UI 是一款面向桌面端和移动端网页开发的组件库，由阅文集团前端团队出品。阅文集团由腾讯文学(代表产品QQ阅读)和盛大文学(代表产品起点中文网)合并而成。LuLu UI 始于2015年，已成功支持多个千万 PV 大型项...",
+    "url": "https://segmentfault.com/a/1190000041541407",
+    "author": "搬不要钱的砖",
+    "home_url": "https://segmentfault.com/u/thosefree",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "风场可视化：绘制轨迹",
-    "description": "引子了解绘制粒子之后，接着去看如何绘制粒子轨迹。源库：webgl-windOriginMy GitHub绘制轨迹在原文中提到绘制轨迹的方法是将粒子绘制到纹理中，然后在下一帧上使用该纹理作为背景（稍微变暗），并每一帧交换输入...",
-    "url": "https://segmentfault.com/a/1190000041536022",
-    "author": "XXHolic",
-    "home_url": "https://segmentfault.com/u/xxholic",
-    "votes": "2",
+    "title": "俄罗斯的 HTTPS 也要被废了？",
+    "description": "发布该推文的Scott Helme是一名黑客，Security Headers和Report Uri的创始人、Pluralsight作者、BBC常驻黑客。",
+    "url": "https://segmentfault.com/a/1190000041540332",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "LeetCode刷题笔记：数组中重复的数据",
-    "description": "给你一个长度为 n 的整数数组 nums ，其中 nums 的所有整数都在范围 [1, n] 内，且每个整数出现 一次 或 两次 。请你找出所有出现 两次 的整数，并以数组形式返回。",
-    "url": "https://segmentfault.com/a/1190000041538428",
-    "author": "Dushusir",
-    "home_url": "https://segmentfault.com/u/dushusir",
+    "title": "初始化 (Initialization)",
+    "description": "初始化 (Initialization)初始化的形式Direct-initializationCopy-initialization初始化的含义Value initializeDefault initializeZero initializeList initializenarrowing conversion字符数组初始化聚合（aggreg...",
+    "url": "https://segmentfault.com/a/1190000041540290",
+    "author": "fefe",
+    "home_url": "https://segmentfault.com/u/fefe_5d0b30d7515e7",
     "votes": "1",
     "rank": 5
   },
   {
-    "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": "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",
+    "title": "React组件性能优化",
+    "description": "纯组件会对组件输入数据进行浅层比较，当前输入与上次输入相同，组件不会渲染。浅层比较和diff比起来小号更少的性能。diff会遍历整个virtualDom树。在类组件中，继承PureComponent,函数组件中使用memo来实现纯组...",
+    "url": "https://segmentfault.com/a/1190000041540419",
+    "author": "HeiYanjing",
+    "home_url": "https://segmentfault.com/u/heiyanjing",
     "votes": "1",
-    "rank": 7
-  },
-  {
-    "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": "使用 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": "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
+    "rank": 6
   }
 ]

package/dist/sifou-monthly.json

@@ -179,15 +179,6 @@
     "votes": "13",
     "rank": 20
   },
-  {
-    "title": "CSS画冰墩墩~",
-    "description": "抢不上冰墩墩就自己画一个！在线预览[链接]代码： {代码...} {代码...}",
-    "url": "https://segmentfault.com/a/1190000041385432",
-    "author": "望记",
-    "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
-    "votes": "20",
-    "rank": 21
-  },
   {
     "title": "从头梳理，看看中国的 ICP 备案制度",
     "description": "对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...",
@@ -195,7 +186,7 @@
     "author": "白宦成",
     "home_url": "https://segmentfault.com/u/xiqingongzi",
     "votes": "11",
-    "rank": 22
+    "rank": 21
   },
   {
     "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
@@ -204,7 +195,7 @@
     "author": "JackJiang",
     "home_url": "https://segmentfault.com/u/jackjiang",
     "votes": "16",
-    "rank": 23
+    "rank": 22
   },
   {
     "title": "突破限制，CSS font-variation 可变字体的魅力",
@@ -213,7 +204,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "14",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "小程序实现手写签名",
@@ -222,7 +213,7 @@
     "author": "小小蚊子",
     "home_url": "https://segmentfault.com/u/zjw8023",
     "votes": "14",
-    "rank": 25
+    "rank": 24
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -231,7 +222,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "17",
-    "rank": 26
+    "rank": 25
   },
   {
     "title": "CSS 实现按钮点击动效的套路",
@@ -240,7 +231,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "15",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "urlcat：JavaScript的URL构建器库",
@@ -249,16 +240,7 @@
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "11",
-    "rank": 28
-  },
-  {
-    "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
-    "description": "分布式系统中必备的一个中间件就是消息队列，通过消息队列我们能对服务间进行异步解耦、流量消峰、实现最终一致性。目前市面上已经有 RabbitMQ、RochetMQ、ActiveMQ、Kafka等，有人会问：“Redis 适合做消息队列么...",
-    "url": "https://segmentfault.com/a/1190000041384720",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "13",
-    "rank": 29
+    "rank": 27
   },
   {
     "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
@@ -267,6 +249,24 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "13",
+    "rank": 28
+  },
+  {
+    "title": "React 源码解析系列 - React 的 render 异常处理机制",
+    "description": "系列文章目录（同步更新）React 源码解析系列 - React 的 render 阶段（一）：基本流程介绍React 源码解析系列 - React 的 render 阶段（二）：beginWorkReact 源码解析系列 - React 的 render 阶段（三）：compl...",
+    "url": "https://segmentfault.com/a/1190000041418454",
+    "author": "array_huang",
+    "home_url": "https://segmentfault.com/u/array_huang",
+    "votes": "11",
+    "rank": 29
+  },
+  {
+    "title": "走进开源项目 - urlcat",
+    "description": "urlcat 只有 267 行代码的开源项目，却收获了 1.4 k 的 star，周下载量 1 w 以上，这是我目前遇到过源码最少的开源项目，下面就来一探究竟，看看每个文件在项目中的作用。",
+    "url": "https://segmentfault.com/a/1190000041474553",
+    "author": "robin",
+    "home_url": "https://segmentfault.com/u/robin_ren",
+    "votes": "13",
     "rank": 30
   }
 ]

package/dist/sifou-weekly.json

@@ -26,32 +26,14 @@
     "votes": "18",
     "rank": 3
   },
-  {
-    "title": "JavaScript 数据处理 - 映射表篇",
-    "description": "由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...",
-    "url": "https://segmentfault.com/a/1190000041503556",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "15",
-    "rank": 4
-  },
-  {
-    "title": "从头梳理，看看中国的 ICP 备案制度",
-    "description": "对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...",
-    "url": "https://segmentfault.com/a/1190000041501520",
-    "author": "白宦成",
-    "home_url": "https://segmentfault.com/u/xiqingongzi",
-    "votes": "11",
-    "rank": 5
-  },
   {
     "title": "Go 设计哲学：少即是多，哪里来的？",
     "description": "甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？",
     "url": "https://segmentfault.com/a/1190000041524988",
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "9",
-    "rank": 6
+    "votes": "10",
+    "rank": 4
   },
   {
     "title": "对不起，今天该发的微软认证推文，我们没写",
@@ -60,7 +42,7 @@
     "author": "snakesss",
     "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "5",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "28张图助我学废TS",
@@ -69,16 +51,25 @@
     "author": "执鸢者",
     "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
     "votes": "12",
-    "rank": 8
+    "rank": 6
   },
   {
-    "title": "阿里云服务器 ECS 选购指南",
-    "description": "在回答这个问题之前，我们先来了解一下这几个参数都是什么意思核就是CPU的核心数(中央处理器（英语：CentralProcessingUnit，缩写：CPU）是计算机的主要设备 之一，功能主要是解释计算机指令以及处理计算机软件中...",
-    "url": "https://segmentfault.com/a/1190000041517672",
-    "author": "若尘",
-    "home_url": "https://segmentfault.com/u/iruochen",
-    "votes": "2",
-    "rank": 9
+    "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": 7
+  },
+  {
+    "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": "8",
+    "rank": 8
   },
   {
     "title": "2022 年用于 Node.js 的顶级 WebSocket 库",
@@ -87,16 +78,16 @@
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "6",
-    "rank": 10
+    "rank": 9
   },
   {
-    "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
+    "title": "阿里云服务器 ECS 选购指南",
+    "description": "在回答这个问题之前，我们先来了解一下这几个参数都是什么意思核就是CPU的核心数(中央处理器（英语：CentralProcessingUnit，缩写：CPU）是计算机的主要设备 之一，功能主要是解释计算机指令以及处理计算机软件中...",
+    "url": "https://segmentfault.com/a/1190000041517672",
+    "author": "若尘",
+    "home_url": "https://segmentfault.com/u/iruochen",
+    "votes": "2",
+    "rank": 10
   },
   {
     "title": "Taro cli流程和插件化机制实现原理",
@@ -105,16 +96,7 @@
     "author": "MangoGoing",
     "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
     "votes": "6",
-    "rank": 12
-  },
-  {
-    "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
+    "rank": 11
   },
   {
     "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
@@ -122,8 +104,8 @@
     "url": "https://segmentfault.com/a/1190000041524121",
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
-    "votes": "8",
-    "rank": 14
+    "votes": "9",
+    "rank": 12
   },
   {
     "title": "mysql的锁",
@@ -132,16 +114,7 @@
     "author": "小强Zzz",
     "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "4",
-    "rank": 15
-  },
-  {
-    "title": "Vue 响应式原理",
-    "description": "Vue 最独特的特性之一，是非侵入式的响应系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。聊到 Vue 响应式实现原理，众多开发者都知道实现的关键在于利用 Object.defineProperty...",
-    "url": "https://segmentfault.com/a/1190000041503070",
-    "author": "Zuckjet",
-    "home_url": "https://segmentfault.com/u/zuckjet",
-    "votes": "5",
-    "rank": 16
+    "rank": 13
   },
   {
     "title": "面试官居然要我用JS代码计算LocalStorage容量！",
@@ -150,7 +123,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "6",
-    "rank": 17
+    "rank": 14
   },
   {
     "title": "被盗4900万，互联网巨头竟败给“小学生”",
@@ -159,7 +132,16 @@
     "author": "qinjianxiang",
     "home_url": "https://segmentfault.com/u/qinjianxiang",
     "votes": "4",
-    "rank": 18
+    "rank": 15
+  },
+  {
+    "title": "30 个极大提高开发效率超级实用的 VSCode 插件",
+    "description": "Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...",
+    "url": "https://segmentfault.com/a/1190000041518109",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "5",
+    "rank": 16
   },
   {
     "title": "CSS中的混合模式，制作高级特效的必备技巧",
@@ -168,16 +150,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "6",
-    "rank": 19
+    "rank": 17
   },
   {
-    "title": "30 个极大提高开发效率超级实用的 VSCode 插件",
-    "description": "Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员，但也有一些通用插件也可以适...",
-    "url": "https://segmentfault.com/a/1190000041518109",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "5",
-    "rank": 20
+    "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": 18
   },
   {
     "title": "读Flink源码谈设计：FileSystemConnector中的整洁架构",
@@ -186,16 +168,16 @@
     "author": "泊浮目",
     "home_url": "https://segmentfault.com/u/camile",
     "votes": "3",
-    "rank": 21
+    "rank": 19
   },
   {
-    "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": "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": "6",
+    "rank": 20
   },
   {
     "title": "初识Spring IoC",
@@ -204,7 +186,16 @@
     "author": "LYX6666",
     "home_url": "https://segmentfault.com/u/liuyuxuan6666",
     "votes": "3",
-    "rank": 23
+    "rank": 21
+  },
+  {
+    "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": 22
   },
   {
     "title": "浏览器“联盟”！苹果/谷歌/Mozilla/微软合力解决 Web “互操作性”问题",
@@ -213,25 +204,16 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "3",
-    "rank": 24
-  },
-  {
-    "title": "11 个对开发有帮助的 JS 技巧",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041504306",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "6",
-    "rank": 25
+    "rank": 23
   },
   {
-    "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": "线性代数在前端中的应用（二）：实现鼠标拖拽旋转元素、Canvas图形",
+    "description": "看到文章标题，很多同学可能会疑惑，实现元素的旋转，只需要求得旋转角度，然后用CSS中的transform:rotate(${旋转的角度}deg)就可以实现旋转的需求，为什么要用到线性代数的知识？",
+    "url": "https://segmentfault.com/a/1190000041536375",
+    "author": "而井",
+    "home_url": "https://segmentfault.com/u/rioli",
+    "votes": "4",
+    "rank": 24
   },
   {
     "title": "27个精美的时间线(含源代码)",
@@ -240,16 +222,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 27
+    "rank": 25
   },
   {
-    "title": "AntV X6源码简析",
-    "description": "AntV是蚂蚁金服全新一代数据可视化解决方案，其中X6主要用于解决图编辑领域相关的解决方案，其是一款图编辑引擎，内置了一下编辑器所需的功能及组件等，本文旨在通过简要分析x6源码来对图编辑领域的一些底层引擎...",
-    "url": "https://segmentfault.com/a/1190000041503630",
-    "author": "野林",
-    "home_url": "https://segmentfault.com/u/vleedesigntheory",
-    "votes": "2",
-    "rank": 28
+    "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": 26
   },
   {
     "title": "实时增量学习在云音乐直播推荐系统中的实践",
@@ -258,15 +240,33 @@
     "author": "云音乐技术团队",
     "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "3",
+    "rank": 27
+  },
+  {
+    "title": "Dubbo服务如何优雅的校验参数",
+    "description": "服务端在向外提供接口服务时，不管是对前端提供HTTP接口，还是面向内部其他服务端提供的RPC接口，常常会面对这样一个问题，就是如何优雅的解决各种接口参数校验问题？",
+    "url": "https://segmentfault.com/a/1190000041510904",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "3",
+    "rank": 28
+  },
+  {
+    "title": "3·8节，一个小视频带你认识下这群才华与美貌兼具的宝藏女孩！",
+    "description": "女神节 快乐呀，Girls！在互联网世界，有这样一群宝藏女孩，她们被亲切地称为“程序媛”。她们写得好代码，玩得转美妆，工作上进，学习努力~今天，就带大家认识一下个推的女程序员们，走进#个推程序媛的一天#",
+    "url": "https://segmentfault.com/a/1190000041512808",
+    "author": "个推",
+    "home_url": "https://segmentfault.com/u/getui",
+    "votes": "1",
     "rank": 29
   },
   {
-    "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",
+    "title": "实现同比、环比计算的N种姿势",
+    "description": "在做数据分析时，我们会经常听到同比、环比同比的概念。各个企业和组织在发布统计数据时，通常喜欢用同比、环比来和之前的历史数据进行比较，用来说明数据的变化情况。例如，统计局公布2022年1月份CPI同比增长0.9...",
+    "url": "https://segmentfault.com/a/1190000041518997",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "3",
     "rank": 30
   }
 ]