@wcj/github-rank 22.3.17 → 22.3.20

package/dist/sifou-daily.json

@@ -1,110 +1,56 @@
 [
   {
-    "title": "神奇的 CSS，让文字智能适配背景颜色",
-    "description": "文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...",
-    "url": "https://segmentfault.com/a/1190000041556519",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "6",
+    "title": "5年经验(专升本)入职B站分享",
+    "description": "大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：",
+    "url": "https://segmentfault.com/a/1190000041572883",
+    "author": "江辰",
+    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
+    "votes": "10",
     "rank": 1
   },
   {
-    "title": "招聘季征文活动丨如何“反杀”面试官？",
-    "description": "💭💭💭“怎么准备面试？面试官一般会问些什么问题？”“哪些面试经验，让你成功上岸？”“经历过哪些尴尬的面试场面？”“面试准备中有哪些最最最常见的坑？”“如何写好一份面试简历？”",
-    "url": "https://segmentfault.com/a/1190000041558580",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "4",
+    "title": "商业计划书还能照抄？ SourceDB 商业计划书被曝抄袭涛思数据 PPT",
+    "description": "今日小编在刷微博的时候看到涛思数据创始人陶建辉老师在微博上控诉一家厚脸皮公司，居然把涛思数据的 PPT 一页一页的拷贝去融资，标题、文字、图标都懒得改。在后续的推文中我们可以看到这家公司的产品名为“Sourc...",
+    "url": "https://segmentfault.com/a/1190000041573584",
+    "author": "鸣飞",
+    "home_url": "https://segmentfault.com/u/mf",
+    "votes": "2",
     "rank": 2
   },
   {
-    "title": "由 Figma 封停大疆，看国产 IDE 如何应对与突围？",
-    "description": "3 月 12 日，UI 设计协作工具软件 Figma 封停大疆，中国企业使用国际软件的不确定性加剧。UI 设计工具的禁用是否只是开端？目前被国际软件和开源工具垄断的 IDE(集成开发环境)是否将成为下一个封停对象？",
-    "url": "https://segmentfault.com/a/1190000041555032",
-    "author": "Baihai_IDP",
-    "home_url": "https://segmentfault.com/u/baihai_idp",
-    "votes": "2",
+    "title": "LeetCode-089-格雷编码",
+    "description": "题目描述：格雷编码是一个二进制数字系统，在该系统中，两个连续的数值仅有一个位数的差异。给定一个代表编码总位数的非负整数 n，打印其格雷编码序列。即使有多个不同答案，你也只需要返回其中一种。格雷编码序...",
+    "url": "https://segmentfault.com/a/1190000041574073",
+    "author": "雄狮虎豹",
+    "home_url": "https://segmentfault.com/u/xiongshihubao",
+    "votes": "4",
     "rank": 3
   },
   {
-    "title": "【面试系列一】如何回答如何理解重排和重绘",
-    "description": "大家好，我是桃翁最近在面试的时候经常会问：如何理解重排和重绘？我发现很多候选人都没有答道关键点上，感觉是在哪里看到过相关的文章，听起来零零散散，毫无逻辑。错误示范一般的面试过程就是这样的：面试官：...",
-    "url": "https://segmentfault.com/a/1190000041554442",
-    "author": "leexiaoran",
-    "home_url": "https://segmentfault.com/u/li1076629390",
-    "votes": "3",
+    "title": "JavaScript keydown事件总结",
+    "description": "最近在开发过程中遇到了一个问题，感觉可以通过监听keydown事件来解决。但是，在实践的过程中发现，我原先对于keydown事件的理解并不是很正确。所以，在详细了解过keydown事件之后，在此做个总结。",
+    "url": "https://segmentfault.com/a/1190000041568137",
+    "author": "luckness",
+    "home_url": "https://segmentfault.com/u/luckness",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "vika维格表 期待与你一起创造未来 ｜ 宝藏公司技术招聘",
-    "description": "vika维格是一家以技术为核心驱动的科技公司，一个发展速度超快，并且极具创造力的团队，成员来自金山、字节、腾讯、thoughtworks、金蝶、魅族、西山居、阿里、新浪等一线的科技公司。",
-    "url": "https://segmentfault.com/a/1190000041558473",
-    "author": "维格星球",
-    "home_url": "https://segmentfault.com/u/vikadata",
+    "title": "从区块链到 NFT 到元宇宙",
+    "description": "以比特币白皮书来说，区块链的本质是一个 P2P（点对点）的分布式账本，节点发出交易时需要向周围节点广播，全节点（还有轻节点等，轻节点一般只保存和自己有关的数据）将收到的交易信息写入区块体中，在共识机制...",
+    "url": "https://segmentfault.com/a/1190000041574252",
+    "author": "toBeTheLight",
+    "home_url": "https://segmentfault.com/u/tobethelight",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "从数据集中随机抽取一定数量的数据",
-    "description": "今天翻到一个以前回答的问题：从列表中随机抽取一定数量的数据。之前回答是使用 Fisher-Yates 洗牌算法来解决的，但是阅读了评论之后，又有了一些新想法。",
-    "url": "https://segmentfault.com/a/1190000041557477",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "Nebula Graph 在企查查的应用",
-    "description": "企查查是企查查科技有限公司旗下的一款企业信用查询工具，旨在为用户提供快速查询企业工商信息、法院判决信息、关联企业信息、法律诉讼、失信信息、被执行人信息、知识产权信息、公司新闻、企业年报等服务。",
-    "url": "https://segmentfault.com/a/1190000041555875",
-    "author": "NebulaGraph",
-    "home_url": "https://segmentfault.com/u/nebulagraph",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "宝藏公司一StreamNative",
-    "description": "曾任职于 EMC，担任北京 EMC 实时处理平台技术负责人主要从事实时计算和分布式存储系统的相关开发，在开源项目 Apache BookKeeper, Apache Pulsar 等项目中持续贡献代码",
-    "url": "https://segmentfault.com/a/1190000041555868",
-    "author": "ApachePulsar",
-    "home_url": "https://segmentfault.com/u/apachepulsar",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "Go 1.18 正式发布！",
-    "description": "Go 团队表示：Go 1.18 是一个包含大量新功能的版本，包括对语言本身做了有史以来最大的改变（泛型）、工具链的实现、运行时和库的更改，还改善了性能。毫不夸张地说，Go 1.18 的部分设计十多年前，在第一次发布 G...",
-    "url": "https://segmentfault.com/a/1190000041555690",
+    "title": "Docker Desktop 4.6 全新功能：大幅降低文件操作时间达 98%",
+    "description": "近日 Docker Desktop for Mac 发布了全新的 4.6 版本，加入了许多新的更新。其中最值得引人注目的是引入了一项名为 virtiofs 的实验性功能，该功能明显提高macOS 用户的文件共享性能，还改进了 macOS 主机和 Dock...",
+    "url": "https://segmentfault.com/a/1190000041572878",
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "写给后端开发工程师的H5前端开发知识",
-    "description": "web发展到目前为止已经有将近30年的历史，在web兴起的早期，并没有前端这个概念。最初所有的开发工作都是由后端开发工程师完成，随着业务越来越复杂，工作量逐渐的增加，项目中的可视化部分和一部分交互功能的开...",
-    "url": "https://segmentfault.com/a/1190000041554419",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "一道题解：前端链式调用和事件循环",
-    "description": "一道题目看到一个很有趣的题目：实现一个方法，支持链式调用。 {代码...} 解法话不多说，直接上代码： {代码...} 题解分析这个题目，首先要知道如何完成链式调用，就是设置一个类，类中声明的方法的结尾最后都会...",
-    "url": "https://segmentfault.com/a/1190000041558312",
-    "author": "赵帅强",
-    "home_url": "https://segmentfault.com/u/zhaoshuaiqiang",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "netty系列之:netty中各不同种类的channel详解",
-    "description": "channel是连接客户端和服务器端的桥梁，在netty中我们最常用的就是NIO，一般和NioEventLoopGroup配套使用的就是NioServerSocketChannel和NioSocketChannel，如果是UDP协议，那么配套使用的就是NioDatagramChannel...",
-    "url": "https://segmentfault.com/a/1190000041554219",
-    "author": "flydean",
-    "home_url": "https://segmentfault.com/u/flydean",
-    "votes": "1",
-    "rank": 12
+    "rank": 6
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041493486",
     "author": "程序员内点事",
     "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "68",
+    "votes": "72",
     "rank": 1
   },
   {
@@ -14,35 +14,17 @@
     "url": "https://segmentfault.com/a/1190000041457245",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "44",
+    "votes": "46",
     "rank": 2
   },
-  {
-    "title": "【必须知道的JavaScript库】 - 解决95%问题的工具插件/库 - 1",
-    "description": "在研发周期紧张的背景下,切记要避免时间开销在无用工作上 (比如造轮子) 如何有效确认是否已有轮子,本篇文章做一个list来帮助大家。只需要记住下面的库就可以解决工作中95%日常问题。",
-    "url": "https://segmentfault.com/a/1190000041405707",
-    "author": "wlove",
-    "home_url": "https://segmentfault.com/u/xieguoliang",
-    "votes": "36",
-    "rank": 3
-  },
   {
     "title": "音视频通信加餐 —— WebRTC一肝到底",
     "description": "原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是 WebRTC 浏览器原生支持，其他客户端支持也很好，不像传统直播用 flv.js 做兼容，可以实现标准统一。",
     "url": "https://segmentfault.com/a/1190000041517764",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "28",
-    "rank": 4
-  },
-  {
-    "title": "7个杀手级的JS一行代码",
-    "description": "这篇文章包含了由无菌手套手工挑选的代码片段，并放置在一个绸缎枕头上。一个由50人组成的团队检查了这些代码，并确保其在发布前处于高度抛光状态。我们来自瑞士的文章发布专家点燃了一支蜡烛，当他将代码输入金...",
-    "url": "https://segmentfault.com/a/1190000041415254",
-    "author": "gaoryrt",
-    "home_url": "https://segmentfault.com/u/gaoryrt",
-    "votes": "32",
-    "rank": 5
+    "votes": "36",
+    "rank": 3
   },
   {
     "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
@@ -51,7 +33,7 @@
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
     "votes": "31",
-    "rank": 6
+    "rank": 4
   },
   {
     "title": "Redis 忽然变慢了如何排查并解决？",
@@ -60,25 +42,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "27",
-    "rank": 7
-  },
-  {
-    "title": "谁动了我的代码！(协同仓库该有的规范)🔥",
-    "description": "公司一个老项目，没有做代码提交前的校验，我拿到后，想着老项目嘛也没时间帮它弄这些，反正就是改一点点小东西；尽量跟着它的代码风格写，写完提交就行；",
-    "url": "https://segmentfault.com/a/1190000041403438",
-    "author": "荣顶",
-    "home_url": "https://segmentfault.com/u/wangrongding",
-    "votes": "23",
-    "rank": 8
-  },
-  {
-    "title": "展开操作符：一家人就这么被拆散了",
-    "description": "大家好，我卡颂。想必大家在业务中应该经常使用展开操作符（Spread syntax），比如展开数组： {代码...} 克隆对象： {代码...} 但你有没有见过如下操作：本文就来聊聊上述情况的成因。欢迎加入人类高质量前端框架...",
-    "url": "https://segmentfault.com/a/1190000041399412",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "20",
-    "rank": 9
+    "rank": 5
   },
   {
     "title": "CSS 实现透明方格的 3 种方式",
@@ -86,8 +50,17 @@
     "url": "https://segmentfault.com/a/1190000041504985",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "26",
-    "rank": 10
+    "votes": "27",
+    "rank": 6
+  },
+  {
+    "title": "css 的 filter属性竟然如此好玩",
+    "description": "在此之前我对css里面的filter属性不是很了解, 只知道使用这个属性来改变svg图片的颜色, 最近恰好查了很多相关文档并做了大量实验, 并有了一些启发与想法, 索性就在这里分享出来。",
+    "url": "https://segmentfault.com/a/1190000041549883",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "29",
+    "rank": 7
   },
   {
     "title": "巧用 CSS 实现炫彩三角边框动画",
@@ -96,7 +69,25 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "24",
-    "rank": 11
+    "rank": 8
+  },
+  {
+    "title": "手把手教你写一个简易的微前端框架",
+    "description": "最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...",
+    "url": "https://segmentfault.com/a/1190000041467802",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "22",
+    "rank": 9
+  },
+  {
+    "title": "5种限流算法，7种限流方式，挡住突发流量？",
+    "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
+    "url": "https://segmentfault.com/a/1190000041548601",
+    "author": "程序猿阿朗",
+    "home_url": "https://segmentfault.com/u/niumoo",
+    "votes": "22",
+    "rank": 10
   },
   {
     "title": "前端生成PDF，让后端刮目相看",
@@ -105,7 +96,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "22",
-    "rank": 12
+    "rank": 11
   },
   {
     "title": "革命性创新，动画杀手锏 @scroll-timeline",
@@ -113,17 +104,17 @@
     "url": "https://segmentfault.com/a/1190000041505045",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
-    "rank": 13
+    "votes": "20",
+    "rank": 12
   },
   {
-    "title": "手把手教你写一个简易的微前端框架",
-    "description": "最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...",
-    "url": "https://segmentfault.com/a/1190000041467802",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "19",
-    "rank": 14
+    "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": "13",
+    "rank": 13
   },
   {
     "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
@@ -131,17 +122,8 @@
     "url": "https://segmentfault.com/a/1190000041455457",
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "15",
-    "rank": 15
-  },
-  {
-    "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": "12",
-    "rank": 16
+    "votes": "16",
+    "rank": 14
   },
   {
     "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
@@ -150,7 +132,7 @@
     "author": "而井",
     "home_url": "https://segmentfault.com/u/rioli",
     "votes": "15",
-    "rank": 17
+    "rank": 15
   },
   {
     "title": "JavaScript 数据处理 - 映射表篇",
@@ -159,7 +141,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "15",
-    "rank": 18
+    "rank": 16
   },
   {
     "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
@@ -168,7 +150,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "14",
-    "rank": 19
+    "rank": 17
   },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
@@ -176,26 +158,8 @@
     "url": "https://segmentfault.com/a/1190000041436294",
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "13",
-    "rank": 20
-  },
-  {
-    "title": "5种限流算法，7种限流方式，挡住突发流量？",
-    "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
-    "url": "https://segmentfault.com/a/1190000041548601",
-    "author": "程序猿阿朗",
-    "home_url": "https://segmentfault.com/u/niumoo",
-    "votes": "18",
-    "rank": 21
-  },
-  {
-    "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": "12",
-    "rank": 22
+    "votes": "14",
+    "rank": 18
   },
   {
     "title": "从头梳理，看看中国的 ICP 备案制度",
@@ -204,16 +168,16 @@
     "author": "白宦成",
     "home_url": "https://segmentfault.com/u/xiqingongzi",
     "votes": "11",
-    "rank": 23
+    "rank": 19
   },
   {
-    "title": "网络编程懒人入门(十四)：到底什么是Socket？一文即懂！",
-    "description": "本文由cxuan分享，原题“原来这才是 Socket”，有修订。1、引言本系列文章前面那些主要讲解的是计算机网络的理论基础，但对于即时通讯IM这方面的应用层开发者来说，跟计算机网络打道的其实是各种API接口。本篇文章...",
-    "url": "https://segmentfault.com/a/1190000041413541",
-    "author": "JackJiang",
-    "home_url": "https://segmentfault.com/u/jackjiang",
-    "votes": "16",
-    "rank": 24
+    "title": "Go 设计哲学：少即是多，哪里来的？",
+    "description": "甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？",
+    "url": "https://segmentfault.com/a/1190000041524988",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "14",
+    "rank": 20
   },
   {
     "title": "突破限制，CSS font-variation 可变字体的魅力",
@@ -222,7 +186,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "14",
-    "rank": 25
+    "rank": 21
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -231,16 +195,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 26
-  },
-  {
-    "title": "Go 设计哲学：少即是多，哪里来的？",
-    "description": "甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？",
-    "url": "https://segmentfault.com/a/1190000041524988",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "13",
-    "rank": 27
+    "rank": 22
   },
   {
     "title": "小程序实现手写签名",
@@ -249,16 +204,25 @@
     "author": "小小蚊子",
     "home_url": "https://segmentfault.com/u/zjw8023",
     "votes": "14",
-    "rank": 28
+    "rank": 23
   },
   {
-    "title": "CSS 实现按钮点击动效的套路",
-    "description": "在 Web 中，大部分按钮可能都是平平无奇的，有时候为了强调品牌特殊或者满足特殊功能，可能需要给按钮添加一点点击动效。比如，用过 Ant Design 的小伙伴应该都能发现，在点击按钮的时候会有一个很微妙的水波动画",
-    "url": "https://segmentfault.com/a/1190000041400360",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "15",
-    "rank": 29
+    "title": "神奇的 CSS，让文字智能适配背景颜色",
+    "description": "文本在黑色底色上表现为白色，在白色底色上表现为黑色。看似很复杂的一个效果，但是其实在 CSS 中非常好实现，今天就介绍这样一个小技巧，在 CSS 中，利用混合模式 mix-blend-mode: difference，让文字智能适配背...",
+    "url": "https://segmentfault.com/a/1190000041556519",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "17",
+    "rank": 24
+  },
+  {
+    "title": "Gitlab  CI/CD教程及npm包构建发布实战",
+    "description": "!!!实践过程中请留意文档版本号跟你实际使用Gitlab的版本号👉🏻中文文档-14.8-pre 👉🏻Gitlab版本—12.9前置知识yaml语法，教程👉🏻YAML 入门教程Docker相关知识，教程👉🏻Docker教程linux命令，教程👉🏻Linux 命令大全自定...",
+    "url": "https://segmentfault.com/a/1190000041537651",
+    "author": "MangoGoing",
+    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
+    "votes": "16",
+    "rank": 25
   },
   {
     "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
@@ -267,6 +231,42 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "14",
+    "rank": 26
+  },
+  {
+    "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": 27
+  },
+  {
+    "title": "28张图助我学废TS",
+    "description": "Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）",
+    "url": "https://segmentfault.com/a/1190000041510006",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "17",
+    "rank": 28
+  },
+  {
+    "title": "从业务组件库看前端工程化",
+    "description": "本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。",
+    "url": "https://segmentfault.com/a/1190000041480003",
+    "author": "玩弄心里的鬼",
+    "home_url": "https://segmentfault.com/u/lizongyuan",
+    "votes": "13",
+    "rank": 29
+  },
+  {
+    "title": "什么是 LRU 算法？",
+    "description": "缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...",
+    "url": "https://segmentfault.com/a/1190000041542627",
+    "author": "Shenfq",
+    "home_url": "https://segmentfault.com/u/shenfq",
+    "votes": "10",
     "rank": 30
   }
 ]