@wcj/github-rank 22.3.1 → 22.3.2

package/web/data/sifou-daily.json

@@ -1,218 +1,56 @@
 [
   {
-    "title": "突破限制，CSS font-variation 可变字体的魅力",
-    "description": "上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。",
-    "url": "https://segmentfault.com/a/1190000041470128",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "5",
-    "rank": 1
-  },
-  {
-    "title": "理解mysql的事务隔离级别",
-    "description": "考研分数落定，今年无缘，着手准备春招。说到今年考研，分数可谓水涨船高，去年本校专硕270就能进，今年一舍友考了270，排名排到了140名（报的专业要70个），进复试基本无望，估计考本校分数线能到290。走校招的...",
-    "url": "https://segmentfault.com/a/1190000041473349",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "2",
-    "rank": 2
-  },
-  {
-    "title": "终于！“30 岁”的  Linux 内核 C 语言将升级到 C11",
-    "description": "上周，Linux 内核邮件列表上关于“社区最近讨论了是否为内核采用现代 C 语言标准”的信息引发业内关注。刚刚，Linux 开源社区已正式宣布：内核 C 语言版本将在未来升级到 C11，且预计将在今年 5 月份的 5.18 版本之...",
-    "url": "https://segmentfault.com/a/1190000041470767",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
-    "rank": 3
-  },
-  {
-    "title": "都2022 年了,你总不能还只会 npm i 吧? 🔥",
-    "description": "在键帽与字符上横跳，于代码和程序中穿梭。一起面向快乐编程！大家好，我是荣顶，马上金三银四啦 ~ 这次给大家带来一篇 npm 命令相关的文章。目的在于查缺补漏，提升效率。npm 作为 node 包管理器，内置了非常多...",
-    "url": "https://segmentfault.com/a/1190000041474448",
-    "author": "荣顶",
-    "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "3",
-    "rank": 4
-  },
-  {
-    "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
-    "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
-    "url": "https://segmentfault.com/a/1190000041473617",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "3",
-    "rank": 5
-  },
-  {
-    "title": "CSS & SVG foreignObject 实现文字镂空波浪动画",
-    "description": "为什么要用到混合模式呢？因为这是文本，文本内部不可能放入 HTML 节点，所以下面介绍将另一种方式，在 HTML 完全受限的情况下，借助 SVG foreignObject 也能很轻松的实现这一效果，而且会有更好的效果，一起看看吧",
-    "url": "https://segmentfault.com/a/1190000041470851",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "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",
-    "rank": 6
+    "rank": 1
   },
   {
-    "title": "所以，e.target 和 e.currentTarget 到底有啥区别呢？",
-    "description": "大家开发中经常会跟DOM的事件打交道，也会经常用到 e.target 和 e.currentTarget 这两个对象，但是却有很多人根本就不知道这两个有什么区别~~~",
-    "url": "https://segmentfault.com/a/1190000041469717",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "title": "保险柜钥匙插门上，大学生单枪匹马盗取淘宝11亿用户手机号",
+    "description": "Hello，大家好，我是民间发明家，覃健祥。我申请了20多项发明专利，听到这个数字，有的朋友觉得好厉害但又不明白这些发明和我们的日常生活有什么关系，有的甚至问我是不是为了资助奖励申请了一堆凑数的专利。其实...",
+    "url": "https://segmentfault.com/a/1190000041478431",
+    "author": "qinjianxiang",
+    "home_url": "https://segmentfault.com/u/qinjianxiang",
     "votes": "3",
-    "rank": 7
-  },
-  {
-    "title": "vue原理初探",
-    "description": "目录结构 {代码...} Vue 的初始化过程（new Vue(options)）都做了什么？1.处理组件配置项初始化根组件时进行了选项合并操作，将全局配置合并到根组件的局部配置上初始化每个子组件时做了一些性能优化，将组件配置...",
-    "url": "https://segmentfault.com/a/1190000041472832",
-    "author": "Grace糖衣",
-    "home_url": "https://segmentfault.com/u/gracetangyi",
-    "votes": "2",
-    "rank": 8
-  },
-  {
-    "title": "本周解决的一些问题",
-    "description": "弊端：在spring中如果使用new创建一个对象时，这个对象将不在受spring管理器管理，这样的话就绕过了容器的依赖注入过程，也可能出现获取不到应有的属性这种情况。说明：Spring是一个bean的容器，由容器负责对象的...",
-    "url": "https://segmentfault.com/a/1190000041473402",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "Ubuntu环境配置以及常见问题",
-    "description": "apt是Ubuntu中非常重要的工具，是一款软件包管理器，可以理解为软件管家，Ubuntu中软件安装大多通过此工具用命令完成。通过一下文章了解更多关于apt的内容apt常用命令使用apt安装应用时常遇到这样的问题",
-    "url": "https://segmentfault.com/a/1190000041473346",
-    "author": "李国稳",
-    "home_url": "https://segmentfault.com/u/meng_60ba0d4174d72",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "win10安装Ubuntu20.04双系统",
-    "description": "此教程只针对UEFI模式的电脑，因为现在最新的电脑基本都为UEFI模式可以通过WIN+R输入msinfo32，回车确认查看BIOS模式，传统代表MBR，另外就是UEFI，Ubuntu是UFFI模式如果是传统可参考下面文章Windows+Ubuntu20.04...",
-    "url": "https://segmentfault.com/a/1190000041472162",
-    "author": "李国稳",
-    "home_url": "https://segmentfault.com/u/meng_60ba0d4174d72",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "2021 Rust 调查结果公布：共 9354 份调查问卷收集",
-    "description": "90% 的受访者表示依然在使用 Rust，而 5% 的人表示他们过去曾使用过 Rust 但现在不再使用，4% 的人表示他们根本没有使用过 Rust。本次调查共有 10 个语言版本，其中 78% 英语调查问卷占比 78%，其次是简体中文 (6...",
-    "url": "https://segmentfault.com/a/1190000041470904",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "受Prometheus启发的开源日志工具:Loki",
-    "description": "提及日志收集搜索框架，最常看到的解决方案就是 ELK。虽然现在有 Docker、k8s 帮我们简化了部署流程，但 ELK 对硬件的要求却很高。光是 Elasticsearch 官网就提及到需要 8 GB 内存以上的机器部署，可见占据的资源...",
-    "url": "https://segmentfault.com/a/1190000041474376",
-    "author": "lincoln",
-    "home_url": "https://segmentfault.com/u/hlf_60c74d4b572c8",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "IM全文检索技术专题(四)：微信iOS端的最新全文检索技术优化实践",
-    "description": "全文搜索是使用倒排索引进行搜索的一种搜索方式。倒排索引也称为反向索引，是指对输入的内容中的每个Token建立一个索引，索引中保存了这个Token在内容中的具体位置。全文搜索技术主要应用在对大量文本内容进行搜...",
-    "url": "https://segmentfault.com/a/1190000041474107",
-    "author": "JackJiang",
-    "home_url": "https://segmentfault.com/u/jackjiang",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "2022金三银四前端面试题预告",
-    "description": "马上就到了面试季了，今天整理了一下前端常见的一些面试题。虽说面试的时候造火箭，需要你背好八股文，不过很多基础还是应该掌握的，就算不面试，也应该多看一些基础，内功深厚了，将来说不定还开始写框架了，嘿嘿嘿",
-    "url": "https://segmentfault.com/a/1190000041474104",
-    "author": "伯约同学",
-    "home_url": "https://segmentfault.com/u/jinbitao",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "如何在 ThreeJS 中实现辉光效果",
-    "description": "在游戏中，我们经常可以见到外发光的效果。典型的比如室内场景下的吊灯、电子设备屏幕、室外夜晚的路灯、车灯等等。这些场景的共性是他们提供了亮度和气氛的强烈视觉信息。在实际生活中，这些辉光是由于光线在大...",
-    "url": "https://segmentfault.com/a/1190000041473819",
-    "author": "ES2049",
-    "home_url": "https://segmentfault.com/u/alisecued",
-    "votes": "2",
-    "rank": 16
-  },
-  {
-    "title": "Node的内存控制",
-    "description": "当应用程序批处理大量数据时，数据处理算法的编写方式使其需要保留堆空间中的对象，直到处理完成。随着处理的进行，应用程序逐渐使用了更多内存，V8也将 将花费更多时间进行垃圾收集以释放未使用的内存，直到最终...",
-    "url": "https://segmentfault.com/a/1190000041472491",
-    "author": "DLLCN",
-    "home_url": "https://segmentfault.com/u/dllcn",
-    "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "音视频开发者的福音，快速集成AI配音能力",
-    "description": "音视频内容创作者对剪辑应用中的AI配音需求与日俱增。它的优点很多，不光可以解决雇佣人力配音的成本以及创作者本身的口音、语言等限制，还可以大幅提升生产效率。比如，短视频的播放时间短的几十秒，长的vlog类...",
-    "url": "https://segmentfault.com/a/1190000041472290",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
-    "rank": 18
+    "rank": 2
   },
   {
-    "title": "[live streaming] 一文看懂D3js的设计,学会如何阅读源码。",
-    "description": "前言每周群内直播记录.欢迎大家加入前端可视化学习群.(2022/02/25)what is D3jsD3js DesignD3js Source codeQ&A---------what is D3js? (什么是D3js)D3js is a JavaScript library for visualizing data using we...",
-    "url": "https://segmentfault.com/a/1190000041471700",
-    "author": "wlove",
-    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "title": "阿里云智能编码插件，更Cosy的开发体验",
+    "description": "Cosy集合了代码补全和代码搜索两大开发辅助功能，不仅能通过深度学习模型和程序分析技术，精准智能地帮助我们减少 击剑🤺 击键次数，还能基于海量代码片段和社区问答数据，让我们可以哪里不会搜哪里，沉浸在IDE内...",
+    "url": "https://segmentfault.com/a/1190000041477912",
+    "author": "云效DevOps平台",
+    "home_url": "https://segmentfault.com/u/yunxiao0816",
     "votes": "3",
-    "rank": 19
-  },
-  {
-    "title": "绿色农业智慧管理：农产品调度可视化平台",
-    "description": "2021 年 5 月 11 日，第七次全国人口普查主要数据公布，居住在乡村的人口为 50979 万人，占 36.11%。农村人口数量减少，中壮年外出务工，以家庭为单位的传统农业作业方式已不适合数字农业的发展。",
-    "url": "https://segmentfault.com/a/1190000041471169",
-    "author": "hightopo",
-    "home_url": "https://segmentfault.com/u/hightopo",
-    "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "适合做外包项目的开源后台管理系统",
-    "description": "梳理:1.D2admin开源地址：[链接]文档地址：[链接]效果预览：[链接]开源协议：MIT2.vue-element-admin开源地址：[链接]文档地址：[链接]效果预览：[链接]开源协议：MIT3.JEECG-BOOT开源地址：[链接]文档地址：[链...",
-    "url": "https://segmentfault.com/a/1190000041470755",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "1",
-    "rank": 21
+    "rank": 3
   },
   {
-    "title": "CentOS 7 防火墙操作",
-    "description": "开启指定端口 {代码...} 开放指定端口范围 {代码...} 移除指定端口： {代码...} 重新加载防火墙 {代码...} 查看已开放端口 {代码...} 查看防火墙状态 {代码...} 开启防火墙 {代码...} 关闭防火墙 {代码...} 开启...",
-    "url": "https://segmentfault.com/a/1190000041469891",
-    "author": "二两生抽",
-    "home_url": "https://segmentfault.com/u/greatkevin",
+    "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",
-    "rank": 22
+    "rank": 4
   },
   {
-    "title": "SQL 入门",
-    "description": "SQL 属于声明式编程语言，而现代通用编程语言一般都是命令式的。但是不要盲目崇拜声明式语言，比如说它未来会代替低级的命令式语言，因为声明式本身也有它的缺点，它与命令式语言也有相通的地方。",
-    "url": "https://segmentfault.com/a/1190000041469399",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "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",
-    "rank": 23
+    "rank": 5
   },
   {
-    "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",
+    "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",
-    "rank": 24
+    "rank": 6
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,9 +5,18 @@
     "url": "https://segmentfault.com/a/1190000041405707",
     "author": "wlove",
     "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "27",
+    "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",
+    "rank": 2
+  },
   {
     "title": "7个杀手级的JS一行代码",
     "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
@@ -15,7 +24,7 @@
     "author": "gaoryrt",
     "home_url": "https://segmentfault.com/u/gaoryrt",
     "votes": "30",
-    "rank": 2
+    "rank": 3
   },
   {
     "title": "17 个实用 shell 脚本，建议收藏！",
@@ -23,16 +32,7 @@
     "url": "https://segmentfault.com/a/1190000041370811",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "25",
-    "rank": 3
-  },
-  {
-    "title": "Web 中的“选区”和“光标”",
-    "description": "在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色",
-    "url": "https://segmentfault.com/a/1190000041457245",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "24",
+    "votes": "27",
     "rank": 4
   },
   {
@@ -68,16 +68,16 @@
     "url": "https://segmentfault.com/a/1190000041437117",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "22",
+    "votes": "26",
     "rank": 8
   },
   {
-    "title": "60行代码实现React的事件系统",
-    "description": "大家好，我卡颂。由于如下原因，React的事件系统代码量很大：需要抹平不同浏览器的差异与内部的优先级机制绑定需要考虑所有浏览器事件但如果抽丝剥茧会发现，事件系统的核心只有两个模块：SyntheticEvent（合成事...",
-    "url": "https://segmentfault.com/a/1190000041355419",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "18",
+    "title": "Redis 忽然变慢了如何排查并解决？",
+    "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
+    "url": "https://segmentfault.com/a/1190000041446607",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "24",
     "rank": 9
   },
   {
@@ -98,24 +98,6 @@
     "votes": "15",
     "rank": 11
   },
-  {
-    "title": "Redis 忽然变慢了如何排查并解决？",
-    "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
-    "url": "https://segmentfault.com/a/1190000041446607",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "21",
-    "rank": 12
-  },
-  {
-    "title": "两年经验前端：字节跳动系—石墨文档面经",
-    "description": "前言今天给大家分享一个字节跳动系公司——石墨文档的面经吧！废话不多说，先看题目！题目一面1、['10', '10', '10', '10', '10'].map(parseInt) 的输出值是什么？2、你们现在的技术栈是什么？为什么要使用ts？3、s...",
-    "url": "https://segmentfault.com/a/1190000041355537",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "18",
-    "rank": 13
-  },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
     "description": "在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...",
@@ -123,16 +105,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 14
-  },
-  {
-    "title": "10个CSS技巧，极大提升用户体验",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041361645",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 15
+    "rank": 12
   },
   {
     "title": "CSS画冰墩墩~",
@@ -140,17 +113,17 @@
     "url": "https://segmentfault.com/a/1190000041385432",
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
-    "votes": "19",
-    "rank": 16
+    "votes": "20",
+    "rank": 13
   },
   {
-    "title": "火山引擎违反 Apache 2.0 许可证的情况下非法地重新发布了Apache SkyWalking",
-    "description": "近日我们关注到知名开源项目 Apache SkyWalking 在其官方博客发布了文章称：字节跳动子公司火山引擎在使用 Apache SkyWalking 构建其商业化产品期间改变了所有的包名，删除了 Apache 软件基金会的 header，并且在...",
-    "url": "https://segmentfault.com/a/1190000041355320",
-    "author": "鸣飞",
-    "home_url": "https://segmentfault.com/u/mf",
-    "votes": "11",
-    "rank": 17
+    "title": "10个CSS技巧，极大提升用户体验",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041361645",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
+    "rank": 14
   },
   {
     "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
@@ -159,7 +132,7 @@
     "author": "JackJiang",
     "home_url": "https://segmentfault.com/u/jackjiang",
     "votes": "15",
-    "rank": 18
+    "rank": 15
   },
   {
     "title": "断点调试之压缩引发的血案",
@@ -168,7 +141,7 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 19
+    "rank": 16
   },
   {
     "title": "小程序实现手写签名",
@@ -177,7 +150,7 @@
     "author": "小小蚊子",
     "home_url": "https://segmentfault.com/u/zjw8023",
     "votes": "13",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门",
@@ -186,7 +159,7 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "13",
-    "rank": 21
+    "rank": 18
   },
   {
     "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
@@ -195,7 +168,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "13",
-    "rank": 22
+    "rank": 19
   },
   {
     "title": "vue原理相关总结",
@@ -204,16 +177,7 @@
     "author": "雨花石",
     "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
     "votes": "15",
-    "rank": 23
-  },
-  {
-    "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": 24
+    "rank": 20
   },
   {
     "title": "跨域了？ 装个插件就够了！",
@@ -222,7 +186,16 @@
     "author": "lucifer",
     "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
     "votes": "11",
-    "rank": 25
+    "rank": 21
+  },
+  {
+    "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": 22
   },
   {
     "title": "8 个 Vue.js UI 组件，下一个项目用得上",
@@ -231,7 +204,7 @@
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "12",
-    "rank": 26
+    "rank": 23
   },
   {
     "title": "urlcat：JavaScript的URL构建器库",
@@ -240,7 +213,16 @@
     "author": "杭州程序员张张",
     "home_url": "https://segmentfault.com/u/dunizb",
     "votes": "10",
-    "rank": 27
+    "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
   },
   {
     "title": "CSS 实现按钮点击动效的套路",
@@ -249,7 +231,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "13",
-    "rank": 28
+    "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",
@@ -258,7 +249,7 @@
     "author": "robin",
     "home_url": "https://segmentfault.com/u/robin_ren",
     "votes": "9",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
@@ -266,7 +257,16 @@
     "url": "https://segmentfault.com/a/1190000041455457",
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "9",
+    "votes": "10",
+    "rank": 29
+  },
+  {
+    "title": "GPL3.0许可证软件著作权纠纷案例解析",
+    "description": "工信部 《“十四五”软件和信息技术服务业发展规划的通知》提出了“繁荣国内开源生态”的目标，我国将大力发展国内开源基金会等开源组织，完善开源软件治理规则，普及开源软件文化。开源软件的治理与生态建设，离不开...",
+    "url": "https://segmentfault.com/a/1190000041424310",
+    "author": "AlexChen",
+    "home_url": "https://segmentfault.com/u/alex2020",
+    "votes": "8",
     "rank": 30
   }
 ]