@wcj/github-rank 22.3.7 → 22.3.10

package/dist/sifou-daily.json

@@ -1,92 +1,101 @@
 [
   {
-    "title": "从头梳理，看看中国的 ICP 备案制度",
-    "description": "对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...",
-    "url": "https://segmentfault.com/a/1190000041501520",
-    "author": "白宦成",
-    "home_url": "https://segmentfault.com/u/xiqingongzi",
-    "votes": "5",
+    "title": "音视频通信加餐 —— WebRTC一肝到底",
+    "description": "原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是 WebRTC 浏览器原生支持，其他客户端支持也很好，不像传统直播用 flv.js 做兼容，可以实现标准统一。",
+    "url": "https://segmentfault.com/a/1190000041517764",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "7",
     "rank": 1
   },
   {
-    "title": "AntV X6源码简析",
-    "description": "AntV是蚂蚁金服全新一代数据可视化解决方案，其中X6主要用于解决图编辑领域相关的解决方案，其是一款图编辑引擎，内置了一下编辑器所需的功能及组件等，本文旨在通过简要分析x6源码来对图编辑领域的一些底层引擎...",
-    "url": "https://segmentfault.com/a/1190000041503630",
-    "author": "野林",
-    "home_url": "https://segmentfault.com/u/vleedesigntheory",
-    "votes": "1",
+    "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": "4",
     "rank": 2
   },
   {
-    "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",
+    "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": "4",
     "rank": 3
   },
   {
-    "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",
+    "title": "被盗4900万，互联网巨头竟败给“小学生”",
+    "description": "《那些年，互联网巨头犯过的低级错误》第二集来啦，有请我的同事小亮，一个浙大毕业造无人机的小哥哥，给大家讲讲小学生黑掉百度外卖4900万的故事。",
+    "url": "https://segmentfault.com/a/1190000041522132",
+    "author": "qinjianxiang",
+    "home_url": "https://segmentfault.com/u/qinjianxiang",
+    "votes": "3",
     "rank": 4
   },
   {
-    "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",
+    "title": "实时增量学习在云音乐直播推荐系统中的实践",
+    "description": "直播推荐业务是嵌入在云音乐 APP 中各个地方，其中就包括最大的几个场景歌曲播放页的直播模块、混合在评论中的评论页直播以及云音乐首页的首页六卡直播。 如下图所示，图 1.1 即为播放页上的直播模块；图 1.2 是...",
+    "url": "https://segmentfault.com/a/1190000041519275",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "JavaScript 数据处理 - 映射表篇",
-    "description": "由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...",
-    "url": "https://segmentfault.com/a/1190000041503556",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "1",
+    "title": "阿里云服务器 ECS 选购指南",
+    "description": "在回答这个问题之前，我们先来了解一下这几个参数都是什么意思核就是CPU的核心数(中央处理器（英语：CentralProcessingUnit，缩写：CPU）是计算机的主要设备 之一，功能主要是解释计算机指令以及处理计算机软件中...",
+    "url": "https://segmentfault.com/a/1190000041517672",
+    "author": "若尘",
+    "home_url": "https://segmentfault.com/u/iruochen",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "【包真】我的第一次webpack优化，首屏渲染从9s到1s",
-    "description": "大家好，我是猫小白，本文基于vue2，全文阅读大约需要3分钟。谈到webpack优化大部分人可能都看腻了，无非就那几招嘛，我之前也是看过许多类似的文章，但都没有自己真正上手过，下面是我用公司的项目真实操练下来...",
-    "url": "https://segmentfault.com/a/1190000041503420",
-    "author": "华仔",
-    "home_url": "https://segmentfault.com/u/asmallwhitecat",
+    "title": "实现同比、环比计算的N种姿势",
+    "description": "在做数据分析时，我们会经常听到同比、环比同比的概念。各个企业和组织在发布统计数据时，通常喜欢用同比、环比来和之前的历史数据进行比较，用来说明数据的变化情况。例如，统计局公布2022年1月份CPI同比增长0.9...",
+    "url": "https://segmentfault.com/a/1190000041518997",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "XSS攻击，这次一定会！",
-    "description": "完整阅读本文大约需要5分钟。开启本文前，先提出两个我在面试时被问到的题：为了预防XSS攻击，我们会对用户的输入内容进行过滤，转义的时机应该是a.输入时前端处理 b.落库时后端处理 c.拼接HTML时 ？XSS攻击的预...",
-    "url": "https://segmentfault.com/a/1190000041502688",
-    "author": "前端私教年年",
-    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
+    "title": "恒源云(GpuShare)_医学图像分割:MT-UNet",
+    "description": "我们社区有新的技术分享小伙伴啦🎉🎉🎉热烈欢迎👏作为一名合格的搬运工，我必须做点事情表达我的喜悦之情：搬运～搬运～立即搬运～文章来源 | 恒源云社区原文地址 | 新的混合Transformer模块(MTM)原文作者 | 咚咚摘要...",
+    "url": "https://segmentfault.com/a/1190000041521673",
+    "author": "恒源云",
+    "home_url": "https://segmentfault.com/u/gpushare",
     "votes": "1",
     "rank": 8
   },
   {
-    "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",
+    "title": "恒源云(GpuShare)_PRGC：基于潜在关系和全局对应的联合关系三元组抽取",
+    "description": "​ 本文讲关系抽取任务分解为关系判断、实体提取和subject-object对齐三个子任务，提出了一种基于潜在关系和全局对应的联合关系三元组抽取框架(PRGC)。具体而言，首先设计一个预测潜在关系的组件，将后续实体提取...",
+    "url": "https://segmentfault.com/a/1190000041519535",
+    "author": "恒源云",
+    "home_url": "https://segmentfault.com/u/gpushare",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "算法-tree-二叉树的最大深度",
-    "description": "1、算法步骤：——访问顶点v；——依次从v的未被访问的邻接点出发，对图进行深度优先遍历；直至图中和v有路径相通的顶点都被访问；——若此时图中尚有顶点未被访问，则从一个未被访问的顶点出发，重新进行深度优先遍历...",
-    "url": "https://segmentfault.com/a/1190000041503837",
-    "author": "ciwi",
-    "home_url": "https://segmentfault.com/u/ciwi",
-    "votes": "1",
+    "title": "Vue3.0新版API之composition-api入坑指南",
+    "description": "语法糖介绍vite的安装使用vite仓库地址 [链接] 上面有详细的安装使用教程，按照步骤安装即可。composition-api解决了什么问题使用传统的option配置方法写组件的时候问题，随着业务复杂度越来越高，代码量会不断的...",
+    "url": "https://segmentfault.com/a/1190000041520347",
+    "author": "娜娜",
+    "home_url": "https://segmentfault.com/u/nana_5b9b6d7bf3f66",
+    "votes": "0",
     "rank": 10
+  },
+  {
+    "title": "2022苹果发布会“炸街”：429 美元起售的新 iPhone SE/ 史上“最强芯”M1 Ultra /Mac Studio",
+    "description": "北京时间3月9日凌晨2点，苹果 2022 春季新品发布会“Peek Performance”如约而至。本次发布会上，苹果带来了一系列重磅高性能“炸街”新品 —— 备受期待的 全新 5G 版 iPhone SE、小巧但功能强大的 Mac Studio 显示屏...",
+    "url": "https://segmentfault.com/a/1190000041517670",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
+    "rank": 11
   }
 ]

package/dist/sifou-monthly.json

@@ -1,12 +1,21 @@
 [
+  {
+    "title": "45个 GIT 经典操作场景，专治不会合代码",
+    "description": "git对于大家应该都不太陌生，熟练使用git已经成为程序员的一项基本技能，尽管在工作中有诸如 Sourcetree这样牛X的客户端工具，使得合并代码变的很方便。但找工作面试和一些需彰显个人实力的场景，仍然需要我们掌...",
+    "url": "https://segmentfault.com/a/1190000041493486",
+    "author": "程序员内点事",
+    "home_url": "https://segmentfault.com/u/chengxy",
+    "votes": "53",
+    "rank": 1
+  },
   {
     "title": "Web 中的“选区”和“光标”",
     "description": "在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色",
     "url": "https://segmentfault.com/a/1190000041457245",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "36",
-    "rank": 1
+    "votes": "39",
+    "rank": 2
   },
   {
     "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
@@ -14,8 +23,8 @@
     "url": "https://segmentfault.com/a/1190000041405707",
     "author": "wlove",
     "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "32",
-    "rank": 2
+    "votes": "33",
+    "rank": 3
   },
   {
     "title": "7个杀手级的JS一行代码",
@@ -24,7 +33,16 @@
     "author": "gaoryrt",
     "home_url": "https://segmentfault.com/u/gaoryrt",
     "votes": "32",
-    "rank": 3
+    "rank": 4
+  },
+  {
+    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
+    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
+    "url": "https://segmentfault.com/a/1190000041437117",
+    "author": "wuwhs",
+    "home_url": "https://segmentfault.com/u/wuwhs",
+    "votes": "31",
+    "rank": 5
   },
   {
     "title": "17 个实用 shell 脚本，建议收藏！",
@@ -33,7 +51,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "28",
-    "rank": 4
+    "rank": 6
   },
   {
     "title": "Redis 忽然变慢了如何排查并解决？",
@@ -42,24 +60,6 @@
     "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": "29",
-    "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
   },
   {
@@ -86,17 +86,44 @@
     "url": "https://segmentfault.com/a/1190000041447795",
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "21",
+    "votes": "22",
     "rank": 10
   },
+  {
+    "title": "巧用 CSS 实现炫彩三角边框动画",
+    "description": "最近有个小伙伴问我，在某个网站看到一个使用 SVG 实现的炫彩三角边框动画，问能否使用 CSS 实现：很有意思的一个动画效果，立马让我想起了我在 CSS 奇思妙想边框动画 一文中介绍的边框动画，非常的类似：其核心...",
+    "url": "https://segmentfault.com/a/1190000041487405",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "22",
+    "rank": 11
+  },
+  {
+    "title": "CSS 实现透明方格的 3 种方式",
+    "description": "linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下",
+    "url": "https://segmentfault.com/a/1190000041504985",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "23",
+    "rank": 12
+  },
   {
     "title": "Suspense对React的意义在哪里？",
     "description": "大家好，我卡颂。可能很多朋友在项目中还没用过Suspense，但是Suspense是React未来发展非常重要的一环。本文会讲解Suspense对于React的意义。欢迎加入人类高质量前端框架群，带飞React的迭代过程React从v16到v18...",
     "url": "https://segmentfault.com/a/1190000041372960",
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "16",
+    "rank": 13
+  },
+  {
+    "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
+    "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
+    "url": "https://segmentfault.com/a/1190000041443525",
+    "author": "而井",
+    "home_url": "https://segmentfault.com/u/rioli",
     "votes": "15",
-    "rank": 11
+    "rank": 14
   },
   {
     "title": "手把手教你写一个简易的微前端框架",
@@ -104,26 +131,44 @@
     "url": "https://segmentfault.com/a/1190000041467802",
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "16",
-    "rank": 12
+    "votes": "18",
+    "rank": 15
   },
   {
-    "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": "革命性创新，动画杀手锏 @scroll-timeline",
+    "description": "在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...",
+    "url": "https://segmentfault.com/a/1190000041505045",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "17",
+    "rank": 16
   },
   {
-    "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
-    "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
-    "url": "https://segmentfault.com/a/1190000041443525",
-    "author": "而井",
-    "home_url": "https://segmentfault.com/u/rioli",
+    "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
+    "description": "于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。",
+    "url": "https://segmentfault.com/a/1190000041455457",
+    "author": "皮小蛋",
+    "home_url": "https://segmentfault.com/u/scaukk",
     "votes": "14",
-    "rank": 14
+    "rank": 17
+  },
+  {
+    "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": "13",
+    "rank": 18
+  },
+  {
+    "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": "11",
+    "rank": 19
   },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
@@ -132,7 +177,16 @@
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
     "votes": "13",
-    "rank": 15
+    "rank": 20
+  },
+  {
+    "title": "JavaScript 数据处理 - 映射表篇",
+    "description": "由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」。为了便于把对象当作映射表来使用，JavaScript 甚至允许属性名不是标识符 —— 任意字符串都可以作为属性...",
+    "url": "https://segmentfault.com/a/1190000041503556",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "14",
+    "rank": 21
   },
   {
     "title": "CSS画冰墩墩~",
@@ -141,25 +195,16 @@
     "author": "望记",
     "home_url": "https://segmentfault.com/u/wangji_5d01acdfdd139",
     "votes": "20",
-    "rank": 16
-  },
-  {
-    "title": "10个CSS技巧，极大提升用户体验",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041361645",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 17
+    "rank": 22
   },
   {
-    "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": "从头梳理，看看中国的 ICP 备案制度",
+    "description": "对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...",
+    "url": "https://segmentfault.com/a/1190000041501520",
+    "author": "白宦成",
+    "home_url": "https://segmentfault.com/u/xiqingongzi",
+    "votes": "10",
+    "rank": 23
   },
   {
     "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
@@ -167,17 +212,8 @@
     "url": "https://segmentfault.com/a/1190000041413541",
     "author": "JackJiang",
     "home_url": "https://segmentfault.com/u/jackjiang",
-    "votes": "15",
-    "rank": 19
-  },
-  {
-    "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
-    "description": "于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。",
-    "url": "https://segmentfault.com/a/1190000041455457",
-    "author": "皮小蛋",
-    "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "13",
-    "rank": 20
+    "votes": "16",
+    "rank": 24
   },
   {
     "title": "突破限制，CSS font-variation 可变字体的魅力",
@@ -185,8 +221,17 @@
     "url": "https://segmentfault.com/a/1190000041470128",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
-    "rank": 21
+    "votes": "14",
+    "rank": 25
+  },
+  {
+    "title": "10个CSS技巧，极大提升用户体验",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041361645",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
+    "rank": 26
   },
   {
     "title": "小程序实现手写签名",
@@ -195,7 +240,7 @@
     "author": "小小蚊子",
     "home_url": "https://segmentfault.com/u/zjw8023",
     "votes": "14",
-    "rank": 22
+    "rank": 27
   },
   {
     "title": "断点调试之压缩引发的血案",
@@ -204,69 +249,24 @@
     "author": "公子",
     "home_url": "https://segmentfault.com/u/lizheming",
     "votes": "13",
-    "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 领衔大热门",
-    "description": "近日，risingstars 出炉了“2021 JavaScript Rising Stars”报告。该报告结合过去 12 个月里 GitHub 上新增的 star 数而对 2021 年 JavaScript 领域的优秀项目做了总结。",
-    "url": "https://segmentfault.com/a/1190000041373049",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "13",
-    "rank": 25
-  },
-  {
-    "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": 26
-  },
-  {
-    "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原理相关总结",
-    "description": "一、vue2.0的双向绑定是怎么实现的 {代码...} 二、数据不更新的问题 {代码...} 三、computed和watch和methods {代码...} 四、vue-router的模式区别 {代码...} 五、vuex解决了什么问题 {代码...} 六、nextTick是怎...",
-    "url": "https://segmentfault.com/a/1190000041374585",
-    "author": "雨花石",
-    "home_url": "https://segmentfault.com/u/yuhuashi_584a46acea21f",
-    "votes": "15",
     "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": "CSS 实现按钮点击动效的套路",
     "description": "在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画",
     "url": "https://segmentfault.com/a/1190000041400360",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "14",
+    "votes": "15",
+    "rank": 29
+  },
+  {
+    "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": 30
   }
 ]