@wcj/github-rank 22.3.2 → 22.3.5

package/dist/sifou-daily.json

@@ -1,56 +1,146 @@
 [
   {
-    "title": "来自开源世界的超级码丽，中国开源码力榜权威发布！",
-    "description": "2022 年 1 月 13 日，SegmentFault 思否联合长期耕耘与推广开源文化的开源社共同推出了《2021 中国开源先锋 33 人》榜单，一众开源先锋上榜，一时间引发了行业的广泛关注与讨论。他们当中有贡献代码的开发者、开...",
-    "url": "https://segmentfault.com/a/1190000041478447",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "4",
+    "title": "45个 GIT 经典操作场景，专治不会合代码",
+    "description": "git对于大家应该都不太陌生，熟练使用git已经成为程序员的一项基本技能，尽管在工作中有诸如 Sourcetree这样牛X的客户端工具，使得合并代码变的很方便。但找工作面试和一些需彰显个人实力的场景，仍然需要我们掌...",
+    "url": "https://segmentfault.com/a/1190000041493486",
+    "author": "程序员内点事",
+    "home_url": "https://segmentfault.com/u/chengxy",
+    "votes": "18",
     "rank": 1
   },
   {
-    "title": "保险柜钥匙插门上，大学生单枪匹马盗取淘宝11亿用户手机号",
-    "description": "Hello，大家好，我是民间发明家，覃健祥。我申请了20多项发明专利，听到这个数字，有的朋友觉得好厉害但又不明白这些发明和我们的日常生活有什么关系，有的甚至问我是不是为了资助奖励申请了一堆凑数的专利。其实...",
-    "url": "https://segmentfault.com/a/1190000041478431",
-    "author": "qinjianxiang",
-    "home_url": "https://segmentfault.com/u/qinjianxiang",
-    "votes": "3",
+    "title": "姜宁 ASF 董事竞选宣言：我希望能够帮助 ASF 打破地域、文化、语言的障碍",
+    "description": "在刚刚结束的 ASF Annual Meeting 上，2022 年新任 ASF Member 及董事会成员诞生了。Apache 软件基金会通过官方 blog 向大家公布了新一任董事的选举成果。Apache 软件基金会孵化器导师，ALC Beijing 发起人，华为...",
+    "url": "https://segmentfault.com/a/1190000041493202",
+    "author": "鸣飞",
+    "home_url": "https://segmentfault.com/u/mf",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "阿里云智能编码插件，更Cosy的开发体验",
-    "description": "Cosy集合了代码补全和代码搜索两大开发辅助功能，不仅能通过深度学习模型和程序分析技术，精准智能地帮助我们减少 击剑🤺 击键次数，还能基于海量代码片段和社区问答数据，让我们可以哪里不会搜哪里，沉浸在IDE内...",
-    "url": "https://segmentfault.com/a/1190000041477912",
-    "author": "云效DevOps平台",
-    "home_url": "https://segmentfault.com/u/yunxiao0816",
-    "votes": "3",
+    "title": "祝贺姜宁当选 2022 Apache 软件基金会新任董事",
+    "description": "在刚刚结束的 ASF Annual Meeting 上，2022 年新任 ASF Member 及董事会成员诞生了。Apache 软件基金会通过官方 blog 向大家公布了新一任董事的选举成果。",
+    "url": "https://segmentfault.com/a/1190000041492641",
+    "author": "鸣飞",
+    "home_url": "https://segmentfault.com/u/mf",
+    "votes": "4",
     "rank": 3
   },
   {
-    "title": "Android源码进阶之深入理解SharedPreference原理机制",
-    "description": "apply和commit都是提交保存，区别在于apply是异步执行的，不需要等待。不论删除，修改，增加都必须调用apply或者commit提交保存；",
-    "url": "https://segmentfault.com/a/1190000041478744",
-    "author": "有腹肌的棒棒糖",
-    "home_url": "https://segmentfault.com/u/youfujidebangbangtang",
-    "votes": "1",
+    "title": "JavaScript 数据处理 - 列表篇",
+    "description": "程序中的常用数据集合无非两类，列表 (List) 和映射 (Map)。在 JavaScript 的语言基础中就提供了这两种集合结构的支持 —— 用数组 (Array) 表示列表，用直接对象 (Plain Object) 表示映射（属性键值对映射）。",
+    "url": "https://segmentfault.com/a/1190000041497710",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "Serverless常见的应用设计模式",
-    "description": "2014年我们发布了 Lambda 服务，掀起了 Serverless 革命。现在越来越多的人谈论 Serverless 的未来。事实上，我们自己构建的应用程序中有一半以上是基于 Lambda 的，Serverless 能够最大限度地利用云计算的价值。...",
-    "url": "https://segmentfault.com/a/1190000041478730",
-    "author": "亚马逊云开发者",
-    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
-    "votes": "1",
+    "title": "TypeScript 随想 · 实际应用与技巧",
+    "description": "目录类型元编程内置工具类型窥探外部工具类型推荐新操作符声明文件类型元编程什么是元编程：维基百科是这样描述的：元编程是一种编程技术，编写出来的计算机程序能够将其他程序作为数据来处理。意味着可以编写出...",
+    "url": "https://segmentfault.com/a/1190000041496213",
+    "author": "Barrior",
+    "home_url": "https://segmentfault.com/u/barrior",
+    "votes": "3",
     "rank": 5
   },
   {
-    "title": "VuePress 博客优化之开启 Algolia 全文搜索",
-    "description": "由于 VuePress 的内置搜索只会为页面的标题、h2 、 h3 以及 tags 构建搜索索引。 如果你需要全文搜索，可则以使用 Algolia 搜索，本篇讲讲如何申请以及配置 Algolia 搜索。",
-    "url": "https://segmentfault.com/a/1190000041480102",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "1",
+    "title": "云音乐预案平台实践",
+    "description": "随着服务化的大面积推开，服务稳定性越来越被重视起来，云音乐从2018年开始进行稳定性能力建设，到最后建设成通用能力，云音乐大概经历了以下几个主要阶段，从2018年无稳定性保障能力的裸奔阶段，到稳定性能力的...",
+    "url": "https://segmentfault.com/a/1190000041496121",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "3",
     "rank": 6
+  },
+  {
+    "title": "开源项目因支持乌克兰遭issue刷屏，网友：别用Nginx，别用元素周期表",
+    "description": "昨天，两条科技界的新闻炸了，一条是关于GitHub发文封锁俄罗斯，一条是关于Oracle暂停俄罗斯所有业务。一个是全球最大的开源软件社区，一个是全球最大的数据库软件厂商。似乎巨头的举动，也开始带动其他科技公司...",
+    "url": "https://segmentfault.com/a/1190000041495321",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
+    "votes": "2",
+    "rank": 7
+  },
+  {
+    "title": "2022 Java 开发者生产力报告出炉！",
+    "description": "该 2022 Java 开发者生产力报告对过去一年里的 Java 社区开发者进行了调查，回顾了 Java 17 的发布和 Java 生态系统中流行技术的无数创新，详细介绍了 Java 开发的最大趋势如何影响从技术选择到部署和提交时间的...",
+    "url": "https://segmentfault.com/a/1190000041494239",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "3",
+    "rank": 8
+  },
+  {
+    "title": "WGCLOUD主机列表中的主机连接数量是什么",
+    "description": "主机连接数量包括：tcp、udp、inet等所有协议的连接数量",
+    "url": "https://segmentfault.com/a/1190000041493391",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "2022年软件开发趋势：远程工作已成主流",
+    "description": "2020 年 3 月，工作世界发生了翻天覆地的变化。到 2020 年 4 月，大约一半的公司报告称，由于新冠病毒，其 80% 以上的员工在家工作。大多数人再也没有回到办公室——远程工作将继续存在。",
+    "url": "https://segmentfault.com/a/1190000041496733",
+    "author": "信码由缰",
+    "home_url": "https://segmentfault.com/u/icodewalker",
+    "votes": "2",
+    "rank": 10
+  },
+  {
+    "title": "北京数驱互娱/招聘Unity开发工程师",
+    "description": "《关于我们》北京数驱互娱（Data Driven Interactive Experience）成立于2019年，通过实践前沿的数据科学，学习算法，社会心理学和系统工程理论，专注打造全球风靡的移动互联网产品。创始团队曾创办数亿美金估值...",
+    "url": "https://segmentfault.com/a/1190000041496375",
+    "author": "北京数驱互娱HR",
+    "home_url": "https://segmentfault.com/u/aitinggedesigua",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "最好用的 6 款 Vue 拖拽组件库推荐 - 卡拉云",
+    "description": "Vue 拖拽组件库（drag-and-drop）组件在使用 Vue 框架开发中非常常见的需求，做个内容行排序，拖拽小组件到网页上这类都需要用到拖拽组件。本文记录了我自己用过的 6 款 Vue 拖拽组件库，它们各有各的特点，推荐...",
+    "url": "https://segmentfault.com/a/1190000041497777",
+    "author": "蒋川",
+    "home_url": "https://segmentfault.com/u/jiangchuan_5ecf6be720834",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "PHP 多容器框架 imi v2.1.4 发布，支持将imi项目打包为phar文件",
+    "description": "imi 是一款支持长连接微服务分布式的 PHP 开发框架，它可以运行在 PHP-FPM、Swoole、Workerman、RoadRunner 等多种容器环境下。",
+    "url": "https://segmentfault.com/a/1190000041497003",
+    "author": "宇润",
+    "home_url": "https://segmentfault.com/u/yurun",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "HMS Core挑战赛故事：鞋、街景、手办、玩具，原来这些都可以3D建模",
+    "description": "HMS Core线上Codelabs挑战赛第3期中，开发者通过学习和运用HMS Core开发的3D建模服务，生成3D建模应用demo，再使用demo为自己身边的一个实物完成建模。在提交的作品中，小编发现原来鞋、街景、手办、玩具这些都可...",
+    "url": "https://segmentfault.com/a/1190000041495664",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "广告平台化的探索与实践 | 美团外卖广告工程实践专题连载",
+    "description": "随着美团外卖业务不断发展，外卖广告引擎团队在多个领域进行了工程上的探索和实践，目前已经取得了一些成果。我们计划通过连载的形式分享给大家，本文是《美团外卖广告工程实践》专题连载的第一篇。本文针对业务...",
+    "url": "https://segmentfault.com/a/1190000041493781",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "聊聊Canvas渲染相关 (非API层,偏框架设计方面)",
+    "description": "渲染机制渲染性能分析非即时渲染 (即时渲染)分片渲染分画布图元拆分渲染渲染机制Canvas绘制机制：整个画布是一个画板,在上面进行绘制各种各样的图形,一旦绘制错误需要改正,就需要重新绘制。 {代码...} 渲染性能分...",
+    "url": "https://segmentfault.com/a/1190000041495060",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "1",
+    "rank": 16
   }
 ]

package/dist/sifou-monthly.json

@@ -1,20 +1,20 @@
 [
-  {
-    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
-    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
-    "url": "https://segmentfault.com/a/1190000041405707",
-    "author": "wlove",
-    "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "31",
-    "rank": 1
-  },
   {
     "title": "Web 中的“选区”和“光标”",
     "description": "在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色",
     "url": "https://segmentfault.com/a/1190000041457245",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "31",
+    "votes": "36",
+    "rank": 1
+  },
+  {
+    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
+    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
+    "url": "https://segmentfault.com/a/1190000041405707",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "32",
     "rank": 2
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041415254",
     "author": "gaoryrt",
     "home_url": "https://segmentfault.com/u/gaoryrt",
-    "votes": "30",
+    "votes": "32",
     "rank": 3
   },
   {
@@ -32,25 +32,25 @@
     "url": "https://segmentfault.com/a/1190000041370811",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "27",
+    "votes": "28",
     "rank": 4
   },
   {
-    "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
-    "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
-    "url": "https://segmentfault.com/a/1190000041403438",
-    "author": "荣顶",
-    "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "23",
+    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
+    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
+    "url": "https://segmentfault.com/a/1190000041437117",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "28",
     "rank": 5
   },
   {
-    "title": "展开操作符：一家人就这么被拆散了",
-    "description": "大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...",
-    "url": "https://segmentfault.com/a/1190000041399412",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "20",
+    "title": "Redis 忽然变慢了如何排查并解决？",
+    "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
+    "url": "https://segmentfault.com/a/1190000041446607",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "26",
     "rank": 6
   },
   {
@@ -59,25 +59,25 @@
     "url": "https://segmentfault.com/a/1190000041367705",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "26",
+    "votes": "28",
     "rank": 7
   },
   {
-    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
-    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
-    "url": "https://segmentfault.com/a/1190000041437117",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "26",
+    "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
+    "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
+    "url": "https://segmentfault.com/a/1190000041403438",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "23",
     "rank": 8
   },
   {
-    "title": "Redis 忽然变慢了如何排查并解决？",
-    "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
-    "url": "https://segmentfault.com/a/1190000041446607",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "24",
+    "title": "展开操作符：一家人就这么被拆散了",
+    "description": "大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...",
+    "url": "https://segmentfault.com/a/1190000041399412",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "20",
     "rank": 9
   },
   {
@@ -86,7 +86,7 @@
     "url": "https://segmentfault.com/a/1190000041447795",
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "19",
+    "votes": "21",
     "rank": 10
   },
   {
@@ -98,6 +98,24 @@
     "votes": "15",
     "rank": 11
   },
+  {
+    "title": "手把手教你写一个简易的微前端框架",
+    "description": "最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...",
+    "url": "https://segmentfault.com/a/1190000041467802",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "16",
+    "rank": 12
+  },
+  {
+    "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
+    "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
+    "url": "https://segmentfault.com/a/1190000041443525",
+    "author": "而井",
+    "home_url": "https://segmentfault.com/u/rioli",
+    "votes": "13",
+    "rank": 13
+  },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
     "description": "在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...",
@@ -105,16 +123,16 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 12
+    "rank": 14
   },
   {
     "title": "CSS画冰墩墩~",
-    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
+    "description": "抢不上冰墩墩就自己画一个！在线预览[链接]代码： {代码...} {代码...}",
     "url": "https://segmentfault.com/a/1190000041385432",
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
     "votes": "20",
-    "rank": 13
+    "rank": 15
   },
   {
     "title": "10个CSS技巧，极大提升用户体验",
@@ -123,7 +141,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 14
+    "rank": 16
   },
   {
     "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
@@ -132,7 +150,16 @@
     "author": "JackJiang",
     "home_url": "https://segmentfault.com/u/jackjiang",
     "votes": "15",
-    "rank": 15
+    "rank": 17
+  },
+  {
+    "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
+    "description": "于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。",
+    "url": "https://segmentfault.com/a/1190000041455457",
+    "author": "皮小蛋",
+    "home_url": "https://segmentfault.com/u/scaukk",
+    "votes": "13",
+    "rank": 18
   },
   {
     "title": "断点调试之压缩引发的血案",
@@ -141,7 +168,7 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 16
+    "rank": 19
   },
   {
     "title": "小程序实现手写签名",
@@ -149,8 +176,17 @@
     "url": "https://segmentfault.com/a/1190000041421576",
     "author": "小小蚊子",
     "home_url": "https://segmentfault.com/u/zjw8023",
-    "votes": "13",
-    "rank": 17
+    "votes": "14",
+    "rank": 20
+  },
+  {
+    "title": "urlcat：JavaScript的URL构建器库",
+    "description": "urlcat 是一个小型的 JavaScript 库，它使构建 URL 非常方便并防止常见错误。特性：友好的 API无依赖压缩后0.8KB大小提供TypeScript类型为什么用？在调用 HTTP API 时，通常需要在 URL 中添加动态参数： {代码......",
+    "url": "https://segmentfault.com/a/1190000041417062",
+    "author": "杭州程序员张张",
+    "home_url": "https://segmentfault.com/u/dunizb",
+    "votes": "11",
+    "rank": 21
   },
   {
     "title": "2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门",
@@ -159,7 +195,7 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "13",
-    "rank": 18
+    "rank": 22
   },
   {
     "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
@@ -168,7 +204,25 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "13",
-    "rank": 19
+    "rank": 23
+  },
+  {
+    "title": "巧用 CSS 实现炫彩三角边框动画",
+    "description": "最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...",
+    "url": "https://segmentfault.com/a/1190000041487405",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "14",
+    "rank": 24
+  },
+  {
+    "title": "突破限制，CSS font-variation 可变字体的魅力",
+    "description": "上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。",
+    "url": "https://segmentfault.com/a/1190000041470128",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "12",
+    "rank": 25
   },
   {
     "title": "vue原理相关总结",
@@ -177,16 +231,16 @@
     "author": "雨花石",
     "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
     "votes": "15",
-    "rank": 20
+    "rank": 26
   },
   {
-    "title": "跨域了？ 装个插件就够了！",
-    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
-    "url": "https://segmentfault.com/a/1190000041367088",
-    "author": "lucifer",
-    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
-    "votes": "11",
-    "rank": 21
+    "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
+    "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
+    "url": "https://segmentfault.com/a/1190000041473617",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "13",
+    "rank": 27
   },
   {
     "title": "React 源码解析系列 - React 的 render 异常处理机制",
@@ -195,34 +249,7 @@
     "author": "array_huang",
     "home_url": "https://segmentfault.com/u/array_huang",
     "votes": "11",
-    "rank": 22
-  },
-  {
-    "title": "8 个 Vue.js UI 组件，下一个项目用得上",
-    "description": "在 Web 应用程序开发方面，Vue.js 正迅速成为开发人员的最爱。这个现代、新鲜的 JavaScript 库它在 GitHub 上有超过 123,000 颗星，对于开发人员来说是一个引人注目的选择，因为它很容易集成到现有项目中。它的速...",
-    "url": "https://segmentfault.com/a/1190000041381106",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "12",
-    "rank": 23
-  },
-  {
-    "title": "urlcat：JavaScript的URL构建器库",
-    "description": "urlcat 是一个小型的 JavaScript 库，它使构建 URL 非常方便并防止常见错误。特性：友好的 API无依赖压缩后0.8KB大小提供TypeScript类型为什么用？在调用 HTTP API 时，通常需要在 URL 中添加动态参数： {代码......",
-    "url": "https://segmentfault.com/a/1190000041417062",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "10",
-    "rank": 24
-  },
-  {
-    "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
-    "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
-    "url": "https://segmentfault.com/a/1190000041443525",
-    "author": "而井",
-    "home_url": "https://segmentfault.com/u/rioli",
-    "votes": "8",
-    "rank": 25
+    "rank": 28
   },
   {
     "title": "CSS 实现按钮点击动效的套路",
@@ -230,43 +257,16 @@
     "url": "https://segmentfault.com/a/1190000041400360",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
-    "rank": 26
-  },
-  {
-    "title": "手把手教你写一个简易的微前端框架",
-    "description": "最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...",
-    "url": "https://segmentfault.com/a/1190000041467802",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "11",
-    "rank": 27
-  },
-  {
-    "title": "eslint-plugin-import 规则之 Import / Order",
-    "description": "其中，group 是对导入模块进行分组，pathGroups 是通过路径自定义分组，newlines-between 不同组之间是否进行换行，alphabetize 根据字母顺序对每个组内的顺序进行排序",
-    "url": "https://segmentfault.com/a/1190000041375528",
-    "author": "robin",
-    "home_url": "https://segmentfault.com/u/robin_ren",
-    "votes": "9",
-    "rank": 28
-  },
-  {
-    "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
-    "description": "于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。",
-    "url": "https://segmentfault.com/a/1190000041455457",
-    "author": "皮小蛋",
-    "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "10",
+    "votes": "14",
     "rank": 29
   },
   {
-    "title": "GPL3.0许可证软件著作权纠纷案例解析",
-    "description": "工信部 《“十四五”软件和信息技术服务业发展规划的通知》提出了“繁荣国内开源生态”的目标，我国将大力发展国内开源基金会等开源组织，完善开源软件治理规则，普及开源软件文化。开源软件的治理与生态建设，离不开...",
-    "url": "https://segmentfault.com/a/1190000041424310",
-    "author": "AlexChen",
-    "home_url": "https://segmentfault.com/u/alex2020",
-    "votes": "8",
+    "title": "跨域了？ 装个插件就够了！",
+    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
+    "url": "https://segmentfault.com/a/1190000041367088",
+    "author": "lucifer",
+    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
+    "votes": "11",
     "rank": 30
   }
 ]