@wcj/github-rank 22.3.3 → 22.3.4

package/web/data/sifou-daily.json

@@ -1,110 +1,173 @@
 [
   {
-    "title": "自媒体时代的贤内助——AI 视频云",
-    "description": "视频，通常是一段由活动画面组成的传递信息的内容。在如今这个信息爆炸的时代，我们每天都要在浩瀚的内容海洋中寻找需求的信息。一个视频是否吸引人内容固然是最重要的，但是播放是否流畅，画质是否清晰的影响力...",
-    "url": "https://segmentfault.com/a/1190000041481731",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "title": "巧用 CSS 实现炫彩三角边框动画",
+    "description": "最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...",
+    "url": "https://segmentfault.com/a/1190000041487405",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "9",
     "rank": 1
   },
   {
-    "title": "React内部让人迷惑的性能优化策略",
-    "description": "大家好，我卡颂。相比Vue可以基于模版进行编译时性能优化，React作为一个完全运行时的库，只能在运行时谋求性能优化。这些优化对开发者大多是无感知的，但对项目进行性能优化时也常令开发者困惑。比如如下代码： ...",
-    "url": "https://segmentfault.com/a/1190000041483901",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "6",
+    "title": "不会写代码的播音生不是个好运营😁",
+    "description": "我想很多毕业生在大四的时候都会遇到一个问题，就是很难找到与自己专业对口的工作。媒体上也经常出现诸如大学生回乡卖猪，卖鸡蛋之类的新闻，专业与职业的矛盾在这种强烈的对比下被激化了。如果我们审视一下我们...",
+    "url": "https://segmentfault.com/a/1190000041488303",
+    "author": "不会写代码的小白",
+    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
+    "votes": "17",
     "rank": 2
   },
   {
-    "title": "面试时写不出排序算法？看这篇就够了",
-    "description": "本文主要详细讲述常见的八种排序算法的思想、实现以及复杂度。冒泡排序要点冒泡排序是一种交换排序。什么是交换排序呢？交换排序：两两比较待排序的关键字，并交换不满足次序要求的那对数，直到整个表都满足次序...",
-    "url": "https://segmentfault.com/a/1190000041484281",
-    "author": "好好学java",
-    "home_url": "https://segmentfault.com/u/sihai_5ae5ba9170388",
-    "votes": "3",
+    "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
+    "description": "关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...",
+    "url": "https://segmentfault.com/a/1190000041488147",
+    "author": "JenK",
+    "home_url": "https://segmentfault.com/u/wangzc996",
+    "votes": "4",
     "rank": 3
   },
   {
-    "title": "DevStream v0.1.0 发布，打造灵活的 DevOps 工具链",
-    "description": "许多云厂商因此推出一站式 DevOps 平台，用大而全的解决方案节省研发团队在 DevOps 工具链管理事务上投入的资源。一站式平台确实带来了便利，但需要留意这种便利建立在让渡部分选择自由的基础上。站在全局视角，...",
-    "url": "https://segmentfault.com/a/1190000041485334",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "2",
+    "title": "如何处理大体积 XLSX/CSV/TXT 文件？",
+    "description": "在开发过程中，可能会遇到这样的需求，我们需要从本地的 Excel 或 CSV 等文件中解析出信息，这些信息可能是考勤打卡记录，可能是日历信息，也可能是近期账单流水。但是它们共同的特点是数据多且繁杂，人工录入的...",
+    "url": "https://segmentfault.com/a/1190000041489765",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "5",
     "rank": 4
   },
   {
-    "title": "初识工业互联网",
-    "description": "在讲工业互联网之前，首先给大家科普下什么是工业。工业是生产现代化劳动手段的部门，它决定着国民经济现代化的速度、规模和水平，在当代世界各国国民经济中起着主导作用。",
-    "url": "https://segmentfault.com/a/1190000041486466",
-    "author": "劼哥stone",
-    "home_url": "https://segmentfault.com/u/stone0090",
-    "votes": "1",
+    "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
+    "description": "上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...",
+    "url": "https://segmentfault.com/a/1190000041489058",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "静默活体检测能力，有效规避用户实名认证环节风险",
-    "description": "静默式活体检测，是华为HMS Core机器学习服务所属的人脸活体检测能力，即无需用户配合做出张嘴、扭头、眨眼等动作，便可实时捕捉人脸，快速判断是否为活体，用户使用过程便捷，综合体验感较佳。",
-    "url": "https://segmentfault.com/a/1190000041483771",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
+    "title": "“四大高手”为你的 Vue 应用程序保驾护航",
+    "description": "全球都在处理数字化转型的问题，飞速发展的同时也为基础设施带来了一定的压力。同时许多黑客也在不断更新升级他们的攻击技术。如果我们的应用程序有过多漏洞，被抓按住利用，就会变成大型芭比Q现场。这也是为何现...",
+    "url": "https://segmentfault.com/a/1190000041488806",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "3",
     "rank": 6
   },
   {
-    "title": "Kafka上K8S实战",
-    "description": "随着业务规模的发展，需要的kafka集群越来越来，这给部署与管理带来了很大的挑战。我们期望能够利用K8S优秀的扩容能力与快速部署能力，为日常的工作减负。所以就kafka上K8S的可行性方案进行了调研。",
-    "url": "https://segmentfault.com/a/1190000041483554",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
+    "title": "GitHub CEO发文：严格限制俄罗斯获取侵略性军事能力所需要的技术",
+    "description": "前几天，在微信群里就有小伙伴发了一些关于GitHub将限制俄罗斯开发人员使用开源软件的消息，引起程序员圈子的热烈讨论。就在不久前，GitHub CEO在GitHub官方博客发文阐述了对乌克兰战争的回应。Thomas Dohmke表示...",
+    "url": "https://segmentfault.com/a/1190000041488377",
+    "author": "程序猿DD",
+    "home_url": "https://segmentfault.com/u/coderdd",
+    "votes": "3",
     "rank": 7
   },
   {
-    "title": "Three.js系列:   写一个第一/三人称视角小游戏",
-    "description": "大家好，我是秋风，在上一篇 中说到了 Three.js 系列的目标以及宝可梦游戏，那么今天就来通过 Three.js 来谈谈关于游戏中的视角跟随问题。相信我的读者都或多或少玩一些游戏，例如王者荣耀、绝地求生、宝可梦、塞...",
-    "url": "https://segmentfault.com/a/1190000041482998",
-    "author": "程序员秋风",
-    "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "votes": "1",
+    "title": "本地调试指南",
+    "description": "1、浏览器代理安装浏览器插件Proxy SwitchyOmega ，用于切换代理设置。配置完成，点击“应用选项”，然后打开这个插件，选择\"whistle\"情景模式。2、代理服务器安装whistle，用于启动本地代理服务，方便代理配置。启...",
+    "url": "https://segmentfault.com/a/1190000041490850",
+    "author": "chenyunqing",
+    "home_url": "https://segmentfault.com/u/yvonne_596d715a7ca34",
+    "votes": "2",
     "rank": 8
   },
   {
-    "title": "【干货】TypeScript 实战之 extends、infer 与 dva type",
-    "description": "本文主要讲解 typescript 的 extends、infer 和 template literal types 等知识点，针对每个知识点，我将分别使用它们解决一些日常开发中的实际问题。最后，活用这些知识点，渐进的解决使用 dva 时的类型问题。",
-    "url": "https://segmentfault.com/a/1190000041482628",
-    "author": "小贼先生",
-    "home_url": "https://segmentfault.com/u/ronffy",
-    "votes": "2",
+    "title": "js 几种网络请求方式梳理——摆脱回调地狱",
+    "description": "摘要 本文介绍了基于 XMLHttpRequest、Promise、async/await 等三种异步网络请求的写法，其中async/await 写法允许我们以类似于同步的方式编写异步程序，摆脱繁琐的回调函数。",
+    "url": "https://segmentfault.com/a/1190000041487847",
+    "author": "有道技术团队",
+    "home_url": "https://segmentfault.com/u/youdaotec",
+    "votes": "6",
     "rank": 9
   },
   {
-    "title": "首次公开开源PolarDB的总体结构设计和企业级特性",
-    "description": "3月2日，开源PolarDB企业级架构将迎来重磅发布！将首次公开开源PolarDB的总体结构设计和企业级特性，对PolarDB for PostgreSQL的存储计算分离架构、HTAP架构、三节点高可用架构进行全面介绍。点此围观：开源Polar...",
-    "url": "https://segmentfault.com/a/1190000041482241",
-    "author": "阿里云开发者",
-    "home_url": "https://segmentfault.com/u/alijishu",
+    "title": "Android 编译优化系列-kapt篇",
+    "description": "本文是编译优化系列文章之 kapt 优化篇，后续还会有 build cache, kotlin, dex 优化等文章，敬请期待。本文由Client Infra->Build Infra团队出品，powered by 王龙海，封光，兰军健",
+    "url": "https://segmentfault.com/a/1190000041491505",
+    "author": "字节跳动终端技术",
+    "home_url": "https://segmentfault.com/u/bytedance_client_infra",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "黑炫酷的监控界面，实际上是用了什么开源工具？",
-    "description": "我是3y，一年CRUD经验用十年的markdown程序员👨🏻‍💻常年被誉为职业八股文选手今天austin项目来给大家整点不一样的：花点时间跟着文章做完，屏幕壁纸就可以有了，我来上个图，大家就懂了。每当同事一瞄你的电脑，发...",
-    "url": "https://segmentfault.com/a/1190000041480904",
-    "author": "Java3y",
-    "home_url": "https://segmentfault.com/u/java_3y",
+    "title": "网易智企发布“易+”开源计划，网易会议组件正式开源",
+    "description": "2021 年 11 月，工业和信息化部印发《“十四五”软件和信息技术服务业发展规划》，将“繁荣国内开源生态”作为一项重要任务，开源被提升至国家级别的战略高度。",
+    "url": "https://segmentfault.com/a/1190000041488421",
+    "author": "网易云信",
+    "home_url": "https://segmentfault.com/u/neteaseyunxin",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "Go 语言社区新提案 arena，可优化内存分配",
-    "description": "据介绍，arena 是一种从连续的内存区域分配一组内存对象的方法，其优点是从 arena 分配对象通常比一般内存分配更有效，更重要的是，arena 中的对象可以以最少的内存管理或垃圾回收开销一次释放所有内容。",
-    "url": "https://segmentfault.com/a/1190000041482720",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "3",
+    "title": "消息称黑客泄露英伟达 75GB 机密文件，包括 DLSS 源代码！",
+    "description": "上周末，英伟达被南美黑客组织 LAPSU$ 盯上了，LAPSU$ 通过入侵英伟达内部服务器，导致超过 1TB 的数据泄露，并公开叫卖 RTX 30 系列显卡的挖矿限制破解算法，还要求NVIDIA 全面解除限制。",
+    "url": "https://segmentfault.com/a/1190000041488372",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "1",
     "rank": 12
+  },
+  {
+    "title": "高危！！Kubernetes 新型容器逃逸漏洞预警",
+    "description": "2022 年 1 月 18 日，Linux 维护人员和供应商在 Linux 内核（5.1-rc1+）文件系统上下文功能的 legacy_parse_param 函数中发现一个堆缓冲区溢出漏洞，该漏洞的 ID 编号为 CVE-2022-0185，属于高危漏洞，严重等级为...",
+    "url": "https://segmentfault.com/a/1190000041488243",
+    "author": "KubeSphere",
+    "home_url": "https://segmentfault.com/u/kubesphere",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "记录 http2 四个难以理解的疑惑点",
+    "description": "文章基调不是科普类文章，不是科普 http2 功能的文章记录 http2 中难以理解的点，系作者在学习 http2 时的困惑，已经最终的理解是个人的理解，可能有不严谨的地方，欢迎讨论如何理解 TCP 分帧 与 http2 分帧 的区...",
+    "url": "https://segmentfault.com/a/1190000041491813",
+    "author": "momo707577045",
+    "home_url": "https://segmentfault.com/u/momo707577045",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "VuePress 博客优化之增加 Vssue 评论功能",
+    "description": "因为我用的是 vuepress-theme-reco 主题，主题内置评论插件 @vuepress-reco/vuepress-plugin-comments，可以根据自己的喜好选择 Valine 或者 Vssue。",
+    "url": "https://segmentfault.com/a/1190000041491019",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "如何优雅的修改node_modules中的依赖库",
+    "description": "2.在package.json 的scripts中加入 { \"postinstall\": \"patch-package\" }，这是npm的一个钩子，会在依赖包被install之后执行",
+    "url": "https://segmentfault.com/a/1190000041490648",
+    "author": "chenyunqing",
+    "home_url": "https://segmentfault.com/u/yvonne_596d715a7ca34",
+    "votes": "1",
+    "rank": 16
+  },
+  {
+    "title": "从菜鸟到高手, HMS Core图像分割服务教你如何在复杂背景里精细抠图",
+    "description": "2021年以来，自动驾驶赛道进入爆发期，该行业成为大厂以及初创企业的必争之地。其中众多公司都采用了计算机视觉作为自动驾驶的技术底座，通过图像分割技术，汽车才能够有效理解道路场景，分清楚哪里是路，哪里是...",
+    "url": "https://segmentfault.com/a/1190000041489510",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 17
+  },
+  {
+    "title": "petite-vue源码剖析-为什么要读源码？",
+    "description": "根据官方解释，petite-vue是专门为非前后端分离的历史项目提供和Vue相近的响应式开发模式。 与完整的Vue相比最大的特点是，面对数据的变化petite-vue采取直接操作DOM的方式重新渲染。",
+    "url": "https://segmentfault.com/a/1190000041489198",
+    "author": "肥仔John",
+    "home_url": "https://segmentfault.com/u/fsjohnhuang",
+    "votes": "1",
+    "rank": 18
+  },
+  {
+    "title": "蚂蚁动态卡片，让App首页实现敏捷更新",
+    "description": "在 iOS 和Android 系统的更迭中，系统环境已经逐渐发展出了将部分内容和服务前置化展示的趋势，越来越多的 App 开始通过卡片作为内容展示以及服务入口。移动开发领域中对动态化能力的基准线提升到了新的高度，蚂...",
+    "url": "https://segmentfault.com/a/1190000041488394",
+    "author": "阿里云开发者",
+    "home_url": "https://segmentfault.com/u/alijishu",
+    "votes": "1",
+    "rank": 19
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,19 +1,19 @@
 [
-  {
-    "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": 1
-  },
   {
     "title": "Web 中的“选区”和“光标”",
     "description": "在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色",
     "url": "https://segmentfault.com/a/1190000041457245",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "34",
+    "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": "31",
     "rank": 3
   },
   {
@@ -36,40 +36,31 @@
     "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",
-    "rank": 6
-  },
   {
     "title": "Redis 忽然变慢了如何排查并解决？",
     "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
     "url": "https://segmentfault.com/a/1190000041446607",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "25",
-    "rank": 7
+    "votes": "26",
+    "rank": 6
   },
   {
-    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
-    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
-    "url": "https://segmentfault.com/a/1190000041437117",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "27",
-    "rank": 8
+    "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
+    "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
+    "url": "https://segmentfault.com/a/1190000041403438",
+    "author": "荣顶",
+    "home_url": "https://segmentfault.com/u/wangrongding",
+    "votes": "23",
+    "rank": 7
   },
   {
     "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
@@ -77,7 +68,16 @@
     "url": "https://segmentfault.com/a/1190000041367705",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "26",
+    "votes": "27",
+    "rank": 8
+  },
+  {
+    "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,15 @@
     "votes": "15",
     "rank": 11
   },
+  {
+    "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
+    "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
+    "url": "https://segmentfault.com/a/1190000041443525",
+    "author": "而井",
+    "home_url": "https://segmentfault.com/u/rioli",
+    "votes": "13",
+    "rank": 12
+  },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
     "description": "在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...",
@@ -105,7 +114,7 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 12
+    "rank": 13
   },
   {
     "title": "CSS画冰墩墩~",
@@ -114,7 +123,7 @@
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
     "votes": "20",
-    "rank": 13
+    "rank": 14
   },
   {
     "title": "手把手教你写一个简易的微前端框架",
@@ -123,7 +132,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "15",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "10个CSS技巧，极大提升用户体验",
@@ -132,7 +141,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
@@ -141,7 +150,16 @@
     "author": "JackJiang",
     "home_url": "https://segmentfault.com/u/jackjiang",
     "votes": "15",
-    "rank": 16
+    "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": "断点调试之压缩引发的血案",
@@ -150,16 +168,7 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 17
-  },
-  {
-    "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
-    "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
-    "url": "https://segmentfault.com/a/1190000041443525",
-    "author": "而井",
-    "home_url": "https://segmentfault.com/u/rioli",
-    "votes": "12",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "小程序实现手写签名",
@@ -168,7 +177,7 @@
     "author": "小小蚊子",
     "home_url": "https://segmentfault.com/u/zjw8023",
     "votes": "13",
-    "rank": 19
+    "rank": 20
   },
   {
     "title": "2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门",
@@ -177,7 +186,7 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "13",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
@@ -186,16 +195,16 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "13",
-    "rank": 21
+    "rank": 22
   },
   {
-    "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
-    "description": "于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。",
-    "url": "https://segmentfault.com/a/1190000041455457",
-    "author": "皮小蛋",
-    "home_url": "https://segmentfault.com/u/scaukk",
+    "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": 22
+    "rank": 23
   },
   {
     "title": "vue原理相关总结",
@@ -204,15 +213,6 @@
     "author": "雨花石",
     "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
     "votes": "15",
-    "rank": 23
-  },
-  {
-    "title": "突破限制，CSS font-variation 可变字体的魅力",
-    "description": "上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。",
-    "url": "https://segmentfault.com/a/1190000041470128",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "11",
     "rank": 24
   },
   {