@wcj/github-rank 22.3.4 → 22.3.7

package/web/data/sifou-daily.json

@@ -1,173 +1,92 @@
 [
   {
-    "title": "巧用 CSS 实现炫彩三角边框动画",
-    "description": "最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...",
-    "url": "https://segmentfault.com/a/1190000041487405",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "9",
+    "title": "从头梳理，看看中国的 ICP 备案制度",
+    "description": "对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...",
+    "url": "https://segmentfault.com/a/1190000041501520",
+    "author": "白宦成",
+    "home_url": "https://segmentfault.com/u/xiqingongzi",
+    "votes": "5",
     "rank": 1
   },
   {
-    "title": "不会写代码的播音生不是个好运营😁",
-    "description": "我想很多毕业生在大四的时候都会遇到一个问题，就是很难找到与自己专业对口的工作。媒体上也经常出现诸如大学生回乡卖猪，卖鸡蛋之类的新闻，专业与职业的矛盾在这种强烈的对比下被激化了。如果我们审视一下我们...",
-    "url": "https://segmentfault.com/a/1190000041488303",
-    "author": "不会写代码的小白",
-    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
-    "votes": "17",
+    "title": "AntV X6源码简析",
+    "description": "AntV是蚂蚁金服全新一代数据可视化解决方案，其中X6主要用于解决图编辑领域相关的解决方案，其是一款图编辑引擎，内置了一下编辑器所需的功能及组件等，本文旨在通过简要分析x6源码来对图编辑领域的一些底层引擎...",
+    "url": "https://segmentfault.com/a/1190000041503630",
+    "author": "野林",
+    "home_url": "https://segmentfault.com/u/vleedesigntheory",
+    "votes": "1",
     "rank": 2
   },
   {
-    "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",
+    "title": "Vue 响应式原理",
+    "description": "Vue 最独特的特性之一，是非侵入式的响应系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。聊到 Vue 响应式实现原理，众多开发者都知道实现的关键在于利用 Object.defineProperty...",
+    "url": "https://segmentfault.com/a/1190000041503070",
+    "author": "Zuckjet",
+    "home_url": "https://segmentfault.com/u/zuckjet",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "如何处理大体积 XLSX/CSV/TXT 文件？",
-    "description": "在开发过程中，可能会遇到这样的需求，我们需要从本地的 Excel 或 CSV 等文件中解析出信息，这些信息可能是考勤打卡记录，可能是日历信息，也可能是近期账单流水。但是它们共同的特点是数据多且繁杂，人工录入的...",
-    "url": "https://segmentfault.com/a/1190000041489765",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "title": "苹果 iPhone 14 或将取消刘海；算法推荐管理规定已施行；GitLab 14.8 发布 | 思否周刊",
+    "description": "40s 新闻速递苹果 iPhone 14 或将取消刘海，采用 “打孔 + 药丸” 的设计雅虎邮箱官宣：2 月 28 日停止在中国大陆的服务工信部：不得要求用户不下载 App 就不给看全文Meta 被曝解散 VR/AR 操作系统团队被罚 2500 万...",
+    "url": "https://segmentfault.com/a/1190000041502154",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "2",
     "rank": 4
   },
   {
-    "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",
+    "title": "2022年IntelliJ IDEA最新破解教程",
+    "description": "为何选择 IntelliJ IDEA, 选择她, 你可以享受高效的 Java 开发; IntelliJ IDEA 的每个方面都旨在最大化开发者生产力。结合智能编码辅助与符合人体工程学的设计，让开发不仅高效，更成为一种享受。",
+    "url": "https://segmentfault.com/a/1190000041503982",
+    "author": "easyhappy",
+    "home_url": "https://segmentfault.com/u/easyhappy",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "“四大高手”为你的 Vue 应用程序保驾护航",
-    "description": "全球都在处理数字化转型的问题，飞速发展的同时也为基础设施带来了一定的压力。同时许多黑客也在不断更新升级他们的攻击技术。如果我们的应用程序有过多漏洞，被抓按住利用，就会变成大型芭比Q现场。这也是为何现...",
-    "url": "https://segmentfault.com/a/1190000041488806",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "3",
+    "title": "JavaScript 数据处理 - 映射表篇",
+    "description": "由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...",
+    "url": "https://segmentfault.com/a/1190000041503556",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "1",
     "rank": 6
   },
   {
-    "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",
+    "title": "【包真】我的第一次webpack优化，首屏渲染从9s到1s",
+    "description": "大家好，我是猫小白，本文基于vue2，全文阅读大约需要3分钟。谈到webpack优化大部分人可能都看腻了，无非就那几招嘛，我之前也是看过许多类似的文章，但都没有自己真正上手过，下面是我用公司的项目真实操练下来...",
+    "url": "https://segmentfault.com/a/1190000041503420",
+    "author": "华仔",
+    "home_url": "https://segmentfault.com/u/asmallwhitecat",
+    "votes": "1",
     "rank": 7
   },
   {
-    "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",
+    "title": "XSS攻击，这次一定会！",
+    "description": "完整阅读本文大约需要5分钟。开启本文前，先提出两个我在面试时被问到的题：为了预防XSS攻击，我们会对用户的输入内容进行过滤，转义的时机应该是a.输入时前端处理 b.落库时后端处理 c.拼接HTML时 ？XSS攻击的预...",
+    "url": "https://segmentfault.com/a/1190000041502688",
+    "author": "前端私教年年",
+    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
+    "votes": "1",
     "rank": 8
   },
   {
-    "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",
+    "title": "对于 PHP 框架，我们真的需要使用 LTS 版本吗？",
+    "description": "最近随着 Laravel 9 的发布，有人发现了一个有趣的事情，那就是 Laravel 9 最初开发时是作为 LTS 版本发布的，来接替 Laravel 6，在正式发布时也是以 LTS 版本发布，而在正式发布后不久，Laravel 的官方文档中却...",
+    "url": "https://segmentfault.com/a/1190000041502403",
+    "author": "唯一丶",
+    "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
+    "votes": "1",
     "rank": 9
   },
   {
-    "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",
+    "title": "算法-tree-二叉树的最大深度",
+    "description": "1、算法步骤：——访问顶点v；——依次从v的未被访问的邻接点出发，对图进行深度优先遍历；直至图中和v有路径相通的顶点都被访问；——若此时图中尚有顶点未被访问，则从一个未被访问的顶点出发，重新进行深度优先遍历...",
+    "url": "https://segmentfault.com/a/1190000041503837",
+    "author": "ciwi",
+    "home_url": "https://segmentfault.com/u/ciwi",
     "votes": "1",
     "rank": 10
-  },
-  {
-    "title": "网易智企发布“易+”开源计划，网易会议组件正式开源",
-    "description": "2021 年 11 月，工业和信息化部印发《“十四五”软件和信息技术服务业发展规划》，将“繁荣国内开源生态”作为一项重要任务，开源被提升至国家级别的战略高度。",
-    "url": "https://segmentfault.com/a/1190000041488421",
-    "author": "网易云信",
-    "home_url": "https://segmentfault.com/u/neteaseyunxin",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "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

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041457245",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "34",
+    "votes": "36",
     "rank": 1
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041415254",
     "author": "gaoryrt",
     "home_url": "https://segmentfault.com/u/gaoryrt",
-    "votes": "31",
+    "votes": "32",
     "rank": 3
   },
   {
@@ -32,26 +32,35 @@
     "url": "https://segmentfault.com/a/1190000041370811",
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "27",
+    "votes": "28",
     "rank": 4
   },
+  {
+    "title": "Redis 忽然变慢了如何排查并解决？",
+    "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
+    "url": "https://segmentfault.com/a/1190000041446607",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "27",
+    "rank": 5
+  },
   {
     "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
+    "votes": "29",
+    "rank": 6
   },
   {
-    "title": "Redis 忽然变慢了如何排查并解决？",
-    "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
-    "url": "https://segmentfault.com/a/1190000041446607",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "26",
-    "rank": 6
+    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041367705",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "28",
+    "rank": 7
   },
   {
     "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
@@ -60,15 +69,6 @@
     "author": "荣顶",
     "home_url": "https://segmentfault.com/u/wangrongding",
     "votes": "23",
-    "rank": 7
-  },
-  {
-    "title": "20个 Javascript 技巧，提高我们的摸鱼时间！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041367705",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "27",
     "rank": 8
   },
   {
@@ -98,14 +98,32 @@
     "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": "45个 GIT 经典操作场景，专治不会合代码",
+    "description": "git对于大家应该都不太陌生，熟练使用git已经成为程序员的一项基本技能，尽管在工作中有诸如 Sourcetree这样牛X的客户端工具，使得合并代码变的很方便。但找工作面试和一些需彰显个人实力的场景，仍然需要我们掌...",
+    "url": "https://segmentfault.com/a/1190000041493486",
+    "author": "程序员内点事",
+    "home_url": "https://segmentfault.com/u/chengxy",
+    "votes": "20",
+    "rank": 13
+  },
   {
     "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
     "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
     "url": "https://segmentfault.com/a/1190000041443525",
     "author": "而井",
     "home_url": "https://segmentfault.com/u/rioli",
-    "votes": "13",
-    "rank": 12
+    "votes": "14",
+    "rank": 14
   },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
@@ -114,25 +132,16 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 13
+    "rank": 15
   },
   {
     "title": "CSS画冰墩墩~",
-    "description": "抢不上冰墩墩就自己画一个！在线预览代码： {代码...} {代码...}",
+    "description": "抢不上冰墩墩就自己画一个！在线预览[链接]代码： {代码...} {代码...}",
     "url": "https://segmentfault.com/a/1190000041385432",
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
     "votes": "20",
-    "rank": 14
-  },
-  {
-    "title": "手把手教你写一个简易的微前端框架",
-    "description": "最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...",
-    "url": "https://segmentfault.com/a/1190000041467802",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "15",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "10个CSS技巧，极大提升用户体验",
@@ -141,7 +150,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 16
+    "rank": 17
+  },
+  {
+    "title": "巧用 CSS 实现炫彩三角边框动画",
+    "description": "最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...",
+    "url": "https://segmentfault.com/a/1190000041487405",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "16",
+    "rank": 18
   },
   {
     "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
@@ -150,7 +168,7 @@
     "author": "JackJiang",
     "home_url": "https://segmentfault.com/u/jackjiang",
     "votes": "15",
-    "rank": 17
+    "rank": 19
   },
   {
     "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
@@ -159,16 +177,16 @@
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
     "votes": "13",
-    "rank": 18
+    "rank": 20
   },
   {
-    "title": "断点调试之压缩引发的血案",
-    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
-    "url": "https://segmentfault.com/a/1190000041370583",
-    "author": "公子",
-    "home_url": "https://segmentfault.com/u/lizheming",
+    "title": "突破限制，CSS font-variation 可变字体的魅力",
+    "description": "上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。",
+    "url": "https://segmentfault.com/a/1190000041470128",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "13",
-    "rank": 19
+    "rank": 21
   },
   {
     "title": "小程序实现手写签名",
@@ -176,8 +194,26 @@
     "url": "https://segmentfault.com/a/1190000041421576",
     "author": "小小蚊子",
     "home_url": "https://segmentfault.com/u/zjw8023",
+    "votes": "14",
+    "rank": 22
+  },
+  {
+    "title": "断点调试之压缩引发的血案",
+    "description": "事情的起因是前几天线上突然收到一个报警，错误内容是 TypeError: C.fn is not a function。相关同学尝试排查无果后又回滚了最近上线的变更也没有排查到问题。虽然最终确认了复现路径，但是在本地却无法复现。",
+    "url": "https://segmentfault.com/a/1190000041370583",
+    "author": "公子",
+    "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "rank": 20
+    "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": "11",
+    "rank": 24
   },
   {
     "title": "2021 年最受欢迎 JavaScript 明星项目榜：zx、Vite 、Next.js 、React 领衔大热门",
@@ -186,7 +222,7 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "13",
-    "rank": 21
+    "rank": 25
   },
   {
     "title": "Redis 使用 List 实现消息队列能保证消息可靠么？",
@@ -195,16 +231,16 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "13",
-    "rank": 22
+    "rank": 26
   },
   {
-    "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": 23
+    "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": "vue原理相关总结",
@@ -213,7 +249,7 @@
     "author": "雨花石",
     "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
     "votes": "15",
-    "rank": 24
+    "rank": 28
   },
   {
     "title": "React 源码解析系列 - React 的 render 异常处理机制",
@@ -222,34 +258,7 @@
     "author": "array_huang",
     "home_url": "https://segmentfault.com/u/array_huang",
     "votes": "11",
-    "rank": 25
-  },
-  {
-    "title": "跨域了？ 装个插件就够了！",
-    "description": "浏览器为了安全引入了同源策略，这直接导致默认情况下前后端域名如果不同，那么则功能会受限。 随着前后端分离的发展，前端和后端职责的分离，前端会有专门的本地开发服务器(local dev server)用于本地开发。这个...",
-    "url": "https://segmentfault.com/a/1190000041367088",
-    "author": "lucifer",
-    "home_url": "https://segmentfault.com/u/shuohaodeyixuene",
-    "votes": "11",
-    "rank": 26
-  },
-  {
-    "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": 27
-  },
-  {
-    "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": 28
+    "rank": 29
   },
   {
     "title": "CSS 实现按钮点击动效的套路",
@@ -257,16 +266,7 @@
     "url": "https://segmentfault.com/a/1190000041400360",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
-    "rank": 29
-  },
-  {
-    "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",
+    "votes": "14",
     "rank": 30
   }
 ]