@wcj/github-rank 22.3.18 → 22.3.21

package/web/data/sifou-daily.json

@@ -1,146 +1,101 @@
 [
   {
-    "title": "小推理：React18比老版React更优秀的一个地方",
-    "description": "大家好，我卡颂。React18已经进入RC(release candidate)阶段，距离正式版只有一步之遥了。v18新增了很多特性，今天，我们不聊新特性，而是来讲讲v18相比老版更优秀的一个细节：v18中，组件render的次数可能更少欢...",
-    "url": "https://segmentfault.com/a/1190000041562231",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "5",
+    "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
+    "description": "前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...",
+    "url": "https://segmentfault.com/a/1190000041560515",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "6",
     "rank": 1
   },
   {
-    "title": "如何设计信息安全领域的实时安全基线引擎",
-    "description": "摘要：本文整理自奇安信集团高级技术专家覃永靖在 Flink Forward Asia 2021 行业实践专场的分享。本篇内容主要分为四个部分：什么是安全分析计算框架的选择引擎设计实践与展望",
-    "url": "https://segmentfault.com/a/1190000041564826",
-    "author": "ApacheFlink",
-    "home_url": "https://segmentfault.com/u/ververica",
-    "votes": "3",
+    "title": "分享一些阅读Java相关框架源码的经验",
+    "description": "很多源码都是samples样例项目以及单元测试，你可以从这些可执行的代码入手。例如Spring Authorization Server中的单元测试和样例。",
+    "url": "https://segmentfault.com/a/1190000041578380",
+    "author": "码农小胖哥",
+    "home_url": "https://segmentfault.com/u/10000000",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "Web3D 从入门到跑路 · 3D 初体验",
-    "description": "在“元宇宙”概念越来越火热的背景下，我们准备了一系列的 3D 元宇宙公开课及教学文章，教大家如何从 0 到 1 快速搭建一个3D项目，从中可以学习到 WebGL 底层原理、图形学、热门引擎的使用方法等。在入门前，我们先...",
-    "url": "https://segmentfault.com/a/1190000041564784",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "4",
+    "title": "数据库与缓存双写一致性",
+    "description": "先做一个说明，从理论上来说，有两种处理思维，一种需保证数据强一致性，这样性能肯定大打折扣；另外我们可以采用最终一致性，保证性能的基础上，允许一定时间内的数据不一致，但最终数据是一致的。",
+    "url": "https://segmentfault.com/a/1190000041576417",
+    "author": "超大只乌龟",
+    "home_url": "https://segmentfault.com/u/chenwugui",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "不懂物理的前端不是好的游戏开发者（二）—— 物理引擎的学习之路",
-    "description": "继第一篇文章之后已经过去了两个月，在上一篇文章中介绍了物理引擎是什么，需要掌握什么样子的基础知识才能继续往下进行开发。在这样的基础上，我们展开了第二篇，探索物理引擎的学习之路。在我们的日常开发当中...",
-    "url": "https://segmentfault.com/a/1190000041564777",
-    "author": "凹凸实验室",
-    "home_url": "https://segmentfault.com/u/o2team",
-    "votes": "2",
+    "title": "RGB、YUV、HSV和HSL区别和关联",
+    "description": "从我们最常见的RGB颜色出发，RGB分别对应着 Red（红）、Green（绿）、Blue（蓝），也就是我们平时所说的三原色，调整这三种颜色的比例，可以搭配出所有的色彩。",
+    "url": "https://segmentfault.com/a/1190000041577710",
+    "author": "冰以东",
+    "home_url": "https://segmentfault.com/u/bninecoding",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "详解Nacos 配置中心客户端配置缓存动态更新的源码实现",
-    "description": "Nacos 作为配置中心，当应用程序去访问Nacos动态获取配置源之后，会缓存到本地内存以及磁盘中。由于Nacos作为动态配置中心，意味着后续配置变更之后需要让所有相关的客户端感知，并更新本地内存！那么这个功能是...",
-    "url": "https://segmentfault.com/a/1190000041562318",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "2",
+    "title": "【混淆系列】二问：都2022年了你可知道强制缓存、协商缓存？",
+    "description": "大家好，我是猫小白，本文是前端混淆知识点第二问，致力于夯实基础、消灭模糊知识点。本文重点：为什么需要缓存机制。强制缓存、协商缓存是针对静态文件资源的，他们有什么区别或者联系？某些动态接口如何缓存？...",
+    "url": "https://segmentfault.com/a/1190000041577077",
+    "author": "华仔",
+    "home_url": "https://segmentfault.com/u/asmallwhitecat",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "企业在2022 年应避免这 6 大云成本优化问题",
-    "description": "发生这种情况的原因有很多，如果企业不制定解决方案，这种情况还会继续发生。原因包括低成本的可见性、棘手的云定价以及确定未来需求的问题。由于这些迫在眉睫的问题，企业会浪费云资源、时间和金钱。",
-    "url": "https://segmentfault.com/a/1190000041565005",
-    "author": "云联壹云",
-    "home_url": "https://segmentfault.com/u/yunion",
+    "title": "RocketMQ -- 消息消费队列与索引文件",
+    "description": "consumequeue是消息消费队列存储目录，比如我们建了一个TopicTest，有四个MessageQueue，那在consumequeue目录下，就有一个TopicTest目录，TopicTest目录下还有0，1，2，3四个目录，对应着MessageQueue的个数。这...",
+    "url": "https://segmentfault.com/a/1190000041576979",
+    "author": "大军",
+    "home_url": "https://segmentfault.com/u/dajun2733",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "Apache DolphinScheduler&ShenYu(Incubating)联合 Meetup，暖春 3 月与你相约！",
-    "description": "2022 年 3 月 26 日（星期六）， Apache DolphinScheduler 和 Apache ShenYu(Incubating) 两大新生开源力量将携手，邀请来自 YY直播、自如、政采云等团队的实战型专家，更有 Apache ShenYu(Incubating)创始人 & P...",
-    "url": "https://segmentfault.com/a/1190000041564896",
-    "author": "海豚调度",
-    "home_url": "https://segmentfault.com/u/dolphinscheduler",
+    "title": "名字查找",
+    "description": "名字查找C++ 有一个原则，就是标识符要先声明，再使用。每一个标识符在使用的时候，都要找到它对应的声明。这个过程，就是名字查找。在程序的不同结构中，名字查找的规则也不尽相同。下面简述如下。Unqualified n...",
+    "url": "https://segmentfault.com/a/1190000041576434",
+    "author": "fefe",
+    "home_url": "https://segmentfault.com/u/fefe_5d0b30d7515e7",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "Rancher 和知乎超大规模多集群管理联合实践",
-    "description": "知乎是中文互联网高质量的问答社区，每天有上千万用户在知乎分享知识、经验和见解，找到自己的答案。为配合不同阶段的业务发展需求，知乎容器平台也在不断演进、提升，目前几乎所有的业务都运行在容器上。",
-    "url": "https://segmentfault.com/a/1190000041561949",
-    "author": "Rancher",
-    "home_url": "https://segmentfault.com/u/rancher",
+    "title": "事件代理——减少事件监听函数",
+    "description": "事件代理（Event Delegation）很简单，主要是为了减少了事件监听函数的数量，通过利用事件冒泡阶段，将事件的处理放置在父元素上实现。",
+    "url": "https://segmentfault.com/a/1190000041575821",
+    "author": "鹏哥儿",
+    "home_url": "https://segmentfault.com/u/compose_hub",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "春天健身正当时，送你一份人体健康检测指南",
-    "description": "一年之计在于春，万物复苏中我们迎来了健身的好时节。作为程序员，常常久坐或伏案，这带来了腰肌劳损、颈椎酸痛等亚健康状况，为此你是否开始制定运动flag？同时希望时刻检测自己的健康指标呢？",
-    "url": "https://segmentfault.com/a/1190000041564387",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
+    "title": "Java 集合 add 方法重复添加问题",
+    "description": "首先需要知道的是，在 add 方法里面，对于引用类型的对象，存放的是引用类型的地址，尤其是当我们使用 new 出来的对象并调用集合中的 add 方法来添时，当改变了该对象的属性，但该对象的地址并没有改变，所以当对...",
+    "url": "https://segmentfault.com/a/1190000041576894",
+    "author": "俗人",
+    "home_url": "https://segmentfault.com/u/suren_6225661042a5d",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "环保减排绿色工业：数字孪生垃圾焚烧发电站",
-    "description": "随着城市建设的加速和城市人口的快速增长，城市垃圾成为发展的沉重负担。据不完全统计，我国每年生产近 1.5 亿吨城市垃圾，如何处理城市垃圾成为当今社会焦点之一。垃圾焚烧发电能以最快速度实现垃圾无公害、减量...",
-    "url": "https://segmentfault.com/a/1190000041564189",
-    "author": "hightopo",
-    "home_url": "https://segmentfault.com/u/hightopo",
+    "title": "延迟队列",
+    "description": "延迟队列有定时任务轮询数据库、DelayQueue、时间轮算法、消息中间件（RabbitMQ，RocketMQ，Kafka)、Redis等几种实现方式。",
+    "url": "https://segmentfault.com/a/1190000041576555",
+    "author": "asyy",
+    "home_url": "https://segmentfault.com/u/asyy",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "万能PHP Curl封装类，适合多个场景，调用方便！",
-    "description": "一个博主自己写的PHP Curl封装，适合多个场景，调用方便！ {代码...} 使用示例Get {代码...} Post {代码...} 文件上传 {代码...} 设置请求头 {代码...} *模拟UseaAgent {代码...} 携带Cookie {代码...}",
-    "url": "https://segmentfault.com/a/1190000041563705",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
+    "title": "20 年的 Debian 开发者被排挤出项目；操作系统 “火龙” 被质疑抄袭；Swift 5.6 发布 | 思否周刊",
+    "description": "40s 新闻速递全宇宙首个中文编写的操作系统 “火龙” 被质疑抄袭下载 1 款软件捆绑 6 个！下载平台 “高速下载” 竟为元凶微信 PC 版 3.6.0 正式发布：支持添加好友功能 苹果：开发者向 App Store 提交的应用必须使用...",
+    "url": "https://segmentfault.com/a/1190000041575389",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
     "votes": "1",
     "rank": 11
-  },
-  {
-    "title": "求职特训营火热来袭 阿里大咖教你制作专业简历",
-    "description": "简介：金三银四黄金求职季，阿里专家倾心打造五节求职精品课程，从面试官角度切入讲解，帮助同学们五天快速掌握简历过关的技能，更有资深专家直播在线答疑！",
-    "url": "https://segmentfault.com/a/1190000041562724",
-    "author": "阿里云开发者",
-    "home_url": "https://segmentfault.com/u/alijishu",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "还在写SQL做SAP二开？通过RFC调用NetWeaver，让HANA数据库操作更可靠",
-    "description": "相比于从零开始构建全套信息化系统，基于成熟的ERP等行业软件做二次开发是更多中大型企业应对个性化软件需求的首选方案。如何在二开模块中，可靠地对成品软件的数据库进行读写操作，以满足单据自动创建、元数据自...",
-    "url": "https://segmentfault.com/a/1190000041562341",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "观点丨新经济 DTC 转型，一个简单而强大的数据平台至关重要",
-    "description": "由此带来的是，身边的很多店铺因为转变慢，还没来得及去一次就关张了，不信你看看身边这两年有多少店铺都没了。与此同时，我们不难发现很多生存下来的门店经营模式和过去有了很大的分别，即从线下业务场景向全渠...",
-    "url": "https://segmentfault.com/a/1190000041561378",
-    "author": "PingCAP",
-    "home_url": "https://segmentfault.com/u/pingcap",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "读Flink源码谈设计：流批一体的实现与现状",
-    "description": "由于早期的流处理框架并不支持Exactly Once，导致流处理的数据并不精准。在这个基础上，一旦数据出现问题，则要导致大量的数据重放——这是因为事件往往是有时序要求的。因此，Lambda往往会通过流处理框架获取不是...",
-    "url": "https://segmentfault.com/a/1190000041559988",
-    "author": "泊浮目",
-    "home_url": "https://segmentfault.com/u/camile",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "重新认识受控和非受控组件",
-    "description": "作者：霜序校稿：袋鼠云数栈前端团队运营小组该文章包含如下内容受控与非受控组件非受控组件受控组件受控和非受控组件边界反模式解决方案前言在 HTML 中，表单元素(<input>/<textarea>/<select>...",
-    "url": "https://segmentfault.com/a/1190000041561004",
-    "author": "袋鼠云数栈前端",
-    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
-    "votes": "1",
-    "rank": 16
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041493486",
     "author": "程序员内点事",
     "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "68",
+    "votes": "73",
     "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": "31",
-    "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 忽然变慢了如何排查并解决？",
@@ -59,8 +41,8 @@
     "url": "https://segmentfault.com/a/1190000041446607",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "27",
-    "rank": 7
+    "votes": "28",
+    "rank": 5
   },
   {
     "title": "CSS 实现透明方格的 3 种方式",
@@ -68,8 +50,8 @@
     "url": "https://segmentfault.com/a/1190000041504985",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "26",
-    "rank": 8
+    "votes": "27",
+    "rank": 6
   },
   {
     "title": "css 的 filter属性竟然如此好玩",
@@ -77,8 +59,17 @@
     "url": "https://segmentfault.com/a/1190000041549883",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "27",
-    "rank": 9
+    "votes": "29",
+    "rank": 7
+  },
+  {
+    "title": "手把手教你写一个简易的微前端框架",
+    "description": "最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...",
+    "url": "https://segmentfault.com/a/1190000041467802",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "23",
+    "rank": 8
   },
   {
     "title": "巧用 CSS 实现炫彩三角边框动画",
@@ -87,6 +78,15 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "24",
+    "rank": 9
+  },
+  {
+    "title": "5种限流算法，7种限流方式，挡住突发流量？",
+    "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
+    "url": "https://segmentfault.com/a/1190000041548601",
+    "author": "程序猿阿朗",
+    "home_url": "https://segmentfault.com/u/niumoo",
+    "votes": "22",
     "rank": 10
   },
   {
@@ -104,16 +104,16 @@
     "url": "https://segmentfault.com/a/1190000041505045",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "19",
+    "votes": "21",
     "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",
+    "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
   },
   {
@@ -122,27 +122,9 @@
     "url": "https://segmentfault.com/a/1190000041455457",
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "15",
+    "votes": "16",
     "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": "12",
-    "rank": 15
-  },
-  {
-    "title": "5种限流算法，7种限流方式，挡住突发流量？",
-    "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
-    "url": "https://segmentfault.com/a/1190000041548601",
-    "author": "程序猿阿朗",
-    "home_url": "https://segmentfault.com/u/niumoo",
-    "votes": "20",
-    "rank": 16
-  },
   {
     "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
     "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
@@ -150,7 +132,16 @@
     "author": "而井",
     "home_url": "https://segmentfault.com/u/rioli",
     "votes": "15",
-    "rank": 17
+    "rank": 15
+  },
+  {
+    "title": "5年经验(专升本)入职B站分享",
+    "description": "大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：",
+    "url": "https://segmentfault.com/a/1190000041572883",
+    "author": "江辰",
+    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
+    "votes": "19",
+    "rank": 16
   },
   {
     "title": "JavaScript 数据处理 - 映射表篇",
@@ -159,7 +150,7 @@
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "15",
-    "rank": 18
+    "rank": 17
   },
   {
     "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
@@ -168,7 +159,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "14",
-    "rank": 19
+    "rank": 18
   },
   {
     "title": "吐血整理的webpack入门知识及常用loader和plugin",
@@ -176,17 +167,17 @@
     "url": "https://segmentfault.com/a/1190000041436294",
     "author": "TNTWEB",
     "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "13",
-    "rank": 20
+    "votes": "14",
+    "rank": 19
   },
   {
-    "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": 21
+    "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": "20",
+    "rank": 20
   },
   {
     "title": "从头梳理，看看中国的 ICP 备案制度",
@@ -195,16 +186,16 @@
     "author": "白宦成",
     "home_url": "https://segmentfault.com/u/xiqingongzi",
     "votes": "11",
-    "rank": 22
+    "rank": 21
   },
   {
-    "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": 23
+    "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": 22
   },
   {
     "title": "突破限制，CSS font-variation 可变字体的魅力",
@@ -213,7 +204,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "14",
-    "rank": 24
+    "rank": 23
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -222,25 +213,25 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 25
+    "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": 26
+    "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": "小程序实现手写签名",
-    "description": "在微信小程序上实现手写签名，获取canvascontext新版本和旧版本有点坑，新版本在获取canvas后如果页面有滑动，则签名坐标出现异常(在微信开发者工具上会出现2022-2-17)，但是在真机上即使滑动也不会出现异常，为...",
-    "url": "https://segmentfault.com/a/1190000041421576",
-    "author": "小小蚊子",
-    "home_url": "https://segmentfault.com/u/zjw8023",
-    "votes": "14",
-    "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": "18",
+    "rank": 26
   },
   {
     "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
@@ -249,24 +240,33 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "14",
+    "rank": 27
+  },
+  {
+    "title": "从业务组件库看前端工程化",
+    "description": "本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。",
+    "url": "https://segmentfault.com/a/1190000041480003",
+    "author": "玩弄心里的鬼",
+    "home_url": "https://segmentfault.com/u/lizongyuan",
+    "votes": "13",
     "rank": 28
   },
   {
-    "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": "15",
+    "title": "什么是 LRU 算法？",
+    "description": "缓存 是我们写代码过程中常用的一种手段，是一种空间换时间的做法。就拿我们经常使用的 HTTP 协议，其中也存在强缓存和协商缓存两种缓存方式。当我们打开一个网站的时候，浏览器会查询该请求的响应头，通过判断响...",
+    "url": "https://segmentfault.com/a/1190000041542627",
+    "author": "Shenfq",
+    "home_url": "https://segmentfault.com/u/shenfq",
+    "votes": "10",
     "rank": 29
   },
   {
-    "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",
+    "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",
+    "votes": "13",
     "rank": 30
   }
 ]