@wcj/github-rank 21.11.23 → 21.11.24

package/dist/sifou-weekly.json

@@ -1,4 +1,13 @@
 [
+  {
+    "title": "CSS mask 实现鼠标跟随镂空效果",
+    "description": "偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...",
+    "url": "https://segmentfault.com/a/1190000040996523",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "20",
+    "rank": 1
+  },
   {
     "title": "一文讲透自适应熔断的原理和实现",
     "description": "微服务集群中，每个应用基本都会依赖一定数量的外部服务。有可能随时都会遇到网络连接缓慢，超时，依赖服务过载，服务不可用的情况,在高并发场景下如果此时调用方不做任何处理，继续持续请求故障服务的话很容易引...",
@@ -6,7 +15,7 @@
     "author": "kevinwan",
     "home_url": "https://segmentfault.com/u/kevinwan",
     "votes": "17",
-    "rank": 1
+    "rank": 2
   },
   {
     "title": "一篇搞懂容器技术的基石： cgroup",
@@ -15,15 +24,6 @@
     "author": "张晋涛",
     "home_url": "https://segmentfault.com/u/moelove",
     "votes": "10",
-    "rank": 2
-  },
-  {
-    "title": "面试题整理之Vue篇",
-    "description": "又快到年底了，有很多小伙伴可能会选择跳槽或者升职或者考核，尤其重要的是面试，在面试过程中面试官总会问一些基础性的内容来考察我们的专业知识的掌握程度，再决定是否录用。",
-    "url": "https://segmentfault.com/a/1190000040971075",
-    "author": "Aaron",
-    "home_url": "https://segmentfault.com/u/aaronblog",
-    "votes": "18",
     "rank": 3
   },
   {
@@ -32,18 +32,9 @@
     "url": "https://segmentfault.com/a/1190000040759530",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "15",
+    "votes": "16",
     "rank": 4
   },
-  {
-    "title": "重写数组的方法（改变原数组）",
-    "description": "下图是我自我学习模拟数组时总结的一些重新数组的方法：本文我们暂不讨论不改变原数组的方法，只谈改变原数组用到的 6 种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素，返回新数组的长度 {代码...}...",
-    "url": "https://segmentfault.com/a/1190000040969572",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "9",
-    "rank": 5
-  },
   {
     "title": "安排几款实用的内网穿透工具+教程",
     "description": "nps是一款轻量级、高性能、功能强大的内网穿透代理服务器。目前支持tcp、udp流量转发，可支持任何tcp、udp上层协议（访问内网网站、本地支付接口调试、ssh访问、远程桌面，内网dns解析等等……），此外还支持内网ht...",
@@ -51,16 +42,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "10",
-    "rank": 6
-  },
-  {
-    "title": "你不知道的 Node.js Util",
-    "description": "从类型判断说起在 JavaScript 中，进行变量的类型校验是一个非常令人头疼的事，如果只是简单的使用 typeof 会到各种各样的问题。举几个简单的🌰： {代码...} 后来，大家发现可以使用 Object.prototype.toString() ...",
-    "url": "https://segmentfault.com/a/1190000040966152",
-    "author": "Shenfq",
-    "home_url": "https://segmentfault.com/u/shenfq",
-    "votes": "7",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "2021 GitHub 报告解读：中国开发者数量全球第 2 | JavaScript 最受欢迎",
@@ -69,7 +51,16 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "5",
-    "rank": 8
+    "rank": 6
+  },
+  {
+    "title": "有了这25个正则表达式，代码效率提高80%",
+    "description": "大家好，我是林三心，在日常开发中，正则表达式是非常有用的，正则表达式在每个语言中都是可以使用的，他就跟JSON一样，是通用的。在日常开发中，了解一些常用的正则表达式，能大大提高你的工作效率，例如",
+    "url": "https://segmentfault.com/a/1190000040984840",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "10",
+    "rank": 7
   },
   {
     "title": "前进吧，开发者: Google 官方学习资源首发集结",
@@ -78,16 +69,7 @@
     "author": "Android开发者",
     "home_url": "https://segmentfault.com/u/androiddevs",
     "votes": "3",
-    "rank": 9
-  },
-  {
-    "title": "可以中断的异步操作",
-    "description": "前面我们聊到了可能超时的异步操作，其中提到对 fetch() 异步操作的“中断”处理。这次我们就来聊一聊“中断”异步操作。由于 JavaScript 的单线程特性，能在 JavaScript 中进行的异步场景其实不多，大概有如下一些：...",
-    "url": "https://segmentfault.com/a/1190000040972018",
-    "author": "边城",
-    "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "6",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "手语服务让信息世界没有障碍",
@@ -95,17 +77,17 @@
     "url": "https://segmentfault.com/a/1190000040982065",
     "author": "华为移动服务",
     "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "2",
-    "rank": 11
+    "votes": "3",
+    "rank": 9
   },
   {
-    "title": "巧用滤镜实现高级感拉满的文字快闪切换效果",
-    "description": "当然，今天并非是想用 CSS 实现上述的的效果。在尝试的过程中，我发现了另外一类能够使用 CSS 非常轻松实现文字快闪动画，运用了blur() 滤镜和 contrast() 滤镜产生的融合效果，类似于这样：",
-    "url": "https://segmentfault.com/a/1190000040965698",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
-    "rank": 12
+    "title": "数字化时代，纯前端表格控件或将成为协同办公的解决方案",
+    "description": "毫无疑问，人类社会的发展进程已经步入到数字化时代，数字化变革成为了各行各业的关注焦点。据IDC发布的《未来企业效率白皮书》，到2022年，全球GDP的60%以上都将是数字化，每个行业的增长都将由数字化增强的产品...",
+    "url": "https://segmentfault.com/a/1190000041003686",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "2",
+    "rank": 10
   },
   {
     "title": "Develop as One | 2021 Google 开发者大会主旨演讲精彩回顾",
@@ -114,25 +96,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "2",
-    "rank": 13
-  },
-  {
-    "title": "有了这25个正则表达式，代码效率提高80%",
-    "description": "大家好，我是林三心，在日常开发中，正则表达式是非常有用的，正则表达式在每个语言中都是可以使用的，他就跟JSON一样，是通用的。在日常开发中，了解一些常用的正则表达式，能大大提高你的工作效率，例如",
-    "url": "https://segmentfault.com/a/1190000040984840",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "8",
-    "rank": 14
-  },
-  {
-    "title": "MySQL 性能优化的 9 种姿势，面试再也不怕了！",
-    "description": "Mysql是一种关系型数据库，可以很好地支持大数据量的存储，但是一般来说，数据库中的表越小，在它上面执行的查询也就越快。因此，在创建表的时候，为了获得更好的性能，我们可以将表中字段的宽度舍得尽可能小。",
-    "url": "https://segmentfault.com/a/1190000040971263",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "6",
-    "rank": 15
+    "rank": 11
   },
   {
     "title": "ES6新增API：Number篇",
@@ -141,7 +105,7 @@
     "author": "forceddd",
     "home_url": "https://segmentfault.com/u/forceddd",
     "votes": "2",
-    "rank": 16
+    "rank": 12
   },
   {
     "title": "正则表达式实例搜集，通过实例来学习正则表达式。",
@@ -150,61 +114,16 @@
     "author": "小弟调调",
     "home_url": "https://segmentfault.com/u/ichu",
     "votes": "6",
-    "rank": 17
-  },
-  {
-    "title": "Develop as One | 2021 Google 开发者大会主旨演讲精彩回顾",
-    "description": "2021 年世界比起过往更需要彼此联结谷歌始终与大家携手共进共创机遇，共谋发展一分钟 回顾主旨演讲亮点前往官网，了解更多涵盖 18 条产品线，超 70 场技术专题演讲Android / Wear OS by Google / Google Play 卓...",
-    "url": "https://segmentfault.com/a/1190000040971819",
-    "author": "Android开发者",
-    "home_url": "https://segmentfault.com/u/androiddevs",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "title": "源码泄露“危机“？阿里云、字节等大厂服务器疑似被海外黑客组织入侵，源代码被出售",
-    "description": "11 月 11日，海外黑客组织 “AgainstTheWest” （简称ATW）在 raidforums 论坛放猛料，宣称他们窃取了中国服务器的源码，并疯狂将其泄露出来打包售卖。据悉，其攻击目标疑似已涉及到国内阿里、腾讯及字节等科技“大...",
-    "url": "https://segmentfault.com/a/1190000040966993",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
-    "votes": "2",
-    "rank": 19
-  },
-  {
-    "title": "TypeScript 之 More on Functions",
-    "description": "函数是任何应用的基础组成部分，无论它是局部函数（local functions），还是从其他模块导入的函数，亦或是类中的方法。当然，函数也是值 (values)，而且像其他值一样，TypeScript 有很多种方式用来描述，函数可以...",
-    "url": "https://segmentfault.com/a/1190000040970467",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "3",
-    "rank": 20
-  },
-  {
-    "title": "详解电子表格中的json数据：序列化与反序列化",
-    "description": "当下应用开发常见的B/S架构之下，我们会遇到很多需要进行前后端数据传输的场景。而在这个传输的过程中，数据通过何种格式传输、方式是否迅速便捷、书写方式是否简单易学，都成为了程序员在开发时要考量的问题。",
-    "url": "https://segmentfault.com/a/1190000040966055",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
-    "rank": 21
-  },
-  {
-    "title": "前端服务框架调研：Next.js、Nuxt.js、Nest.js、Fastify",
-    "description": "这次 Node.js 服务框架的调研将着点于各框架功能、请求流程的组织和介入方式，以对前端 Node.js 服务设计和对智联 Ada 架构改进提供参考，不过多关注具体实现。",
-    "url": "https://segmentfault.com/a/1190000040966032",
-    "author": "智联大前端",
-    "home_url": "https://segmentfault.com/u/zpfe",
-    "votes": "3",
-    "rank": 22
+    "rank": 13
   },
   {
-    "title": "Kafka知识点总结",
-    "description": "Kafka是一个多分区、多副本、分布式的基于发布/订阅模式的消息队列。目前 Kafka 已经定位为一个分布式流式处理平台，它以高吞吐、可持久化、可水平扩展、支持流数据处理等多种特性而被广泛使用。",
-    "url": "https://segmentfault.com/a/1190000040969234",
-    "author": "西柚",
-    "home_url": "https://segmentfault.com/u/shannonwang",
-    "votes": "7",
-    "rank": 23
+    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041000841",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "11",
+    "rank": 14
   },
   {
     "title": "前进吧，开发者：Google 官方学习资源首发集结",
@@ -213,7 +132,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 24
+    "rank": 15
   },
   {
     "title": "2021 Google 开发者大会 | 更简洁、更高效，创造更流畅的移动端用户体验",
@@ -222,7 +141,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 25
+    "rank": 16
   },
   {
     "title": "2021 Google 开发者大会进行时：汇聚开发者合力，共建全球技术生态",
@@ -231,7 +150,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 26
+    "rank": 17
   },
   {
     "title": "2021 Google 开发者大会丨 助力优质应用构建，多维度提升开发效率",
@@ -240,7 +159,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 27
+    "rank": 18
   },
   {
     "title": "2021 Google 开发者大会丨构建高效机器学习生态",
@@ -249,16 +168,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
-    "rank": 28
+    "rank": 19
   },
   {
-    "title": "CSS mask 实现鼠标跟随镂空效果",
-    "description": "偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...",
-    "url": "https://segmentfault.com/a/1190000040996523",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "8",
-    "rank": 29
+    "title": "手把手实现一个web代码模板快速生成CLI工具",
+    "description": "在上一篇文章中，我们实现了一个web工程通用脚手架工具，目的是快速搭建项目。在实际开发中，特别是后台管理系统，有很多相似的代码实现。于是乎，我们可以继续实现一个快速生成web代码模板的工具，告别复制/粘贴。",
+    "url": "https://segmentfault.com/a/1190000040978030",
+    "author": "xmanlin",
+    "home_url": "https://segmentfault.com/u/dxpang",
+    "votes": "4",
+    "rank": 20
   },
   {
     "title": "代码写得好，Reduce 方法少不了，我用这10例子来加深学习！",
@@ -267,6 +186,87 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
+    "rank": 21
+  },
+  {
+    "title": "“公开处刑”| curl 创始人发文“质问”苹果：靠开源年赚数十亿，却把开发者当免费\"工具人\"",
+    "description": "据悉，本次事件的原因，是一位名为 @Michael Rieder 的用户在推特上向苹果官方账号 @AppleSupport 寻求帮助，但苹果却只是附上了curl 的页面地址让该用户自行联系 curl。",
+    "url": "https://segmentfault.com/a/1190000040986202",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "3",
+    "rank": 22
+  },
+  {
+    "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
+    "description": "大家好，我是林三心，基础是进阶的前提，上一篇，我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础知识点，今天就给大家分享一下，我这一年来，工作中遇到的50个JS高级知识点吧！！！",
+    "url": "https://segmentfault.com/a/1190000040996585",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "14",
+    "rank": 23
+  },
+  {
+    "title": "2021 Google 开发者大会丨 共建全球技术生态",
+    "description": "今年 Google 开发者大会上移动应用全球化、Firebase、Google Cloud、Google Maps Platform 带来全球趋势洞见分享与众多技术更新，从各个维度为开发者提供综合支持与服务助力成长共建全球技术生态 —— Develop as O...",
+    "url": "https://segmentfault.com/a/1190000041001355",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "1",
+    "rank": 24
+  },
+  {
+    "title": "为什么要用Redis集群？",
+    "description": "面试官：聊下Redis的分片集群，先聊 Redis Cluster好咯？面试官：Redis Cluser是Redis 3.x才有的官方集群方案，这块你了解多少？候选者：嗯，要不还是从基础讲起呗？候选者：在前面聊Redis的时候，提到的Redis都...",
+    "url": "https://segmentfault.com/a/1190000040984629",
+    "author": "Java3y",
+    "home_url": "https://segmentfault.com/u/java_3y",
+    "votes": "6",
+    "rank": 25
+  },
+  {
+    "title": "2021 Google 开发者大会丨解锁奇遇，启发灵感创意",
+    "description": "2021 Google 开发者大会不仅技术干货满满，更为大家展现了技术加持之下，创意灵感迸发的无限可能。增强现实超酷体验、艺术零距离互动、智能家居让生活更轻松。一篇带你回顾 ARCore by Google、谷歌艺术与文化、Go...",
+    "url": "https://segmentfault.com/a/1190000041001473",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "1",
+    "rank": 26
+  },
+  {
+    "title": "Flutter使用ScreenUtil获取屏幕宽高初始化报错",
+    "description": "我们在布局中使用ScreenUtil().screenWidth获取屏幕宽度是，在初始化未装载视图时，第一次获取时拿不到，会出现如上的崩溃。",
+    "url": "https://segmentfault.com/a/1190000040974016",
+    "author": "浅夏晴空",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "votes": "1",
+    "rank": 27
+  },
+  {
+    "title": "考虑时区了吗？",
+    "description": "前端工程师们，在拿到一个日期/时间数据的时候，你是怎么处理的呢？有没有考虑时区的问题呢？也许你会说：嗯，没怎么关注时区，不过我测过，没问题。我能怎么说呢？可能你还没遇到国外的用户吧！被偷走的一天如果...",
+    "url": "https://segmentfault.com/a/1190000040990370",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
+    "votes": "5",
+    "rank": 28
+  },
+  {
+    "title": "自动化生成骨架屏的技术方案设计与落地",
+    "description": "性能优化，减少页面加载等待时间一直是前端领域永恒的话题。如今大部分业务合作模式都是前后端分离方案，便利性的同时也带来了非常多的弊端，比如 FCP 时间显著增加（多了更多的 HTTP 请求往返的时间消耗），这也...",
+    "url": "https://segmentfault.com/a/1190000040985203",
+    "author": "isNealyang",
+    "home_url": "https://segmentfault.com/u/nealyang231",
+    "votes": "5",
+    "rank": 29
+  },
+  {
+    "title": "TypeScript 之 Object Types",
+    "description": "在 JavaScript 中，最基本的将数据成组和分发的方式就是通过对象。在 TypeScript 中，我们通过对象类型（object types）来描述对象。",
+    "url": "https://segmentfault.com/a/1190000040978943",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
+    "votes": "2",
     "rank": 30
   }
 ]

package/dist/toutiao-30.json

@@ -29,6 +29,16 @@
     "subjectName": "趣编程的独家号",
     "homeUrl": "/subjects/465623"
   },
+  {
+    "title": "聊聊接口性能优化的 11 个小技巧",
+    "description": "大家好，我是苏三，又跟大家见面了。前言 接口性能优化对于从事后端开发的同学来说，肯定再熟悉不过了，因为它是一个跟开发语言无关的公共问题。该问题说简单也简单，说复杂也复杂。有时候，只...",
+    "votes": "142",
+    "url": "/k/4i9d6w2",
+    "avatar": "https://img.toutiao.io/subject/96c1af0d2a0b441ca9740ee13c3e37f3/thumb",
+    "avatarAlt": "苏三说技术 - 独家号",
+    "subjectName": "苏三说技术",
+    "homeUrl": "/subjects/453205"
+  },
   {
     "title": "Chrome 插件（扩展）开发全攻略 2.6w 字，看这篇就够了",
     "description": "一、写在前面我花了将近一个多月的时间断断续续写下这篇博文，并精心写下完整demo，写博客的辛苦大家懂的。本文所有涉及到的大部分代码均在这个demo里面：https://github...",
@@ -39,16 +49,6 @@
     "subjectName": "搬运工来架构",
     "homeUrl": "/subjects/176399"
   },
-  {
-    "title": "聊聊接口性能优化的 11 个小技巧",
-    "description": "大家好，我是苏三，又跟大家见面了。前言 接口性能优化对于从事后端开发的同学来说，肯定再熟悉不过了，因为它是一个跟开发语言无关的公共问题。该问题说简单也简单，说复杂也复杂。有时候，只...",
-    "votes": "133",
-    "url": "/k/4i9d6w2",
-    "avatar": "https://img.toutiao.io/subject/96c1af0d2a0b441ca9740ee13c3e37f3/thumb",
-    "avatarAlt": "苏三说技术 - 独家号",
-    "subjectName": "苏三说技术",
-    "homeUrl": "/subjects/453205"
-  },
   {
     "title": "你分库分表的姿势对么？：详谈水平分库分表",
     "description": "作者：vivo平台产品开发团队-Han Lei一、背景提起分库分表，对于大部分服务器开发来说，其实并不是一个新鲜的名词。随着业务的发展，我们表中的数据量会变的越来越大，字段也可能随...",
@@ -60,29 +60,19 @@
     "homeUrl": "/subjects/392760"
   },
   {
-    "title": "面试官问：你参与的项目有什么亮点？怎么回答",
-    "description": "大家好，我是Tom哥~面试官拿到我们的简历，一般会关注两块内容，一块是专业技能，另一块是项目经历。简单的个人介绍后，一般会先问些偏基础的技术问题，热热身。当然也有很多面试官上来就顺...",
-    "votes": "122",
-    "url": "/k/170b14g",
-    "avatar": "https://img.toutiao.io/subject/e62c1664abed48848efc89141ae64112/thumb",
-    "avatarAlt": "微观技术 - 独家号",
-    "subjectName": "微观技术",
-    "homeUrl": "/subjects/348507"
-  },
-  {
-    "title": "Kafka 知识体系保姆级教程宝典",
-    "description": "本文目录：一、消息队列 Apache Pulsar Pulsar 与 Kafka 对比二、Kafka基础三、Kafka架构及组件四、Kafka集群操作五、Kafka的JavaAPI...",
-    "votes": "102",
-    "url": "/k/j5iauc2",
-    "avatar": "https://img.toutiao.io/subject/1ecd558bf4a24bc780d2c3a0ab6e69f2/thumb",
-    "avatarAlt": "分布式系统 - 独家号",
-    "subjectName": "分布式系统",
-    "homeUrl": "/subjects/8411"
+    "title": "开源微服务 API 网关，单核 2 万 QPS，今年最值得学习的开源项目",
+    "description": " 文章较长，从概念与场景，到原理与架构，到性能分析，最后是demo，希望大家有收获。 第一部分：解决什么问题。什么是微服务API网关？API网关是上承前端用户，下接后端服务的咽喉之...",
+    "votes": "107",
+    "url": "/k/vo7i0r2",
+    "avatar": "https://img.toutiao.io/subject/dd437c8fe19542088ec51e69a79c158c/thumb",
+    "avatarAlt": "最佳实践 - 独家号",
+    "subjectName": "最佳实践",
+    "homeUrl": "/subjects/72425"
   },
   {
     "title": "面渣逆袭：线程池夺命连环十八问",
     "description": "大家好，我是老三，很高兴又和大家见面。线程池是面试必问的知识点，这节我们来对线面试官，搞透线程池。1. 什么是线程池？ 线程池： 简单理解，它就是一个管理线程的池子。它帮我们管理线...",
-    "votes": "104",
+    "votes": "105",
     "url": "/k/g3u1qkm",
     "avatar": "https://img.toutiao.io/subject/d42ad8a9192a430b9df44df9a6d383df/thumb",
     "avatarAlt": "三分恶 - 独家号",
@@ -90,19 +80,19 @@
     "homeUrl": "/subjects/454266"
   },
   {
-    "title": "开源微服务 API 网关，单核 2 万 QPS，今年最值得学习的开源项目",
-    "description": " 文章较长，从概念与场景，到原理与架构，到性能分析，最后是demo，希望大家有收获。 第一部分：解决什么问题。什么是微服务API网关？API网关是上承前端用户，下接后端服务的咽喉之...",
-    "votes": "103",
-    "url": "/k/vo7i0r2",
-    "avatar": "https://img.toutiao.io/subject/dd437c8fe19542088ec51e69a79c158c/thumb",
-    "avatarAlt": "最佳实践 - 独家号",
-    "subjectName": "最佳实践",
-    "homeUrl": "/subjects/72425"
+    "title": "Kafka 知识体系保姆级教程宝典",
+    "description": "本文目录：一、消息队列 Apache Pulsar Pulsar 与 Kafka 对比二、Kafka基础三、Kafka架构及组件四、Kafka集群操作五、Kafka的JavaAPI...",
+    "votes": "102",
+    "url": "/k/j5iauc2",
+    "avatar": "https://img.toutiao.io/subject/1ecd558bf4a24bc780d2c3a0ab6e69f2/thumb",
+    "avatarAlt": "分布式系统 - 独家号",
+    "subjectName": "分布式系统",
+    "homeUrl": "/subjects/8411"
   },
   {
     "title": "2021 年最佳开源软件榜单｜InfoWorld",
     "description": "公众号关注 “GitHubDaily” 设为 “星标”，每天带你逛 GitHub！来自OSC社区 大家好，我是小 G。 作为一家信息技术媒体公司，InfoWorld 成立于 197...",
-    "votes": "102",
+    "votes": "109",
     "url": "/k/swk6nu6",
     "avatar": "https://img.toutiao.io/subject/5bf8e51c52da495688286970653db432/thumb",
     "avatarAlt": "不停大步走 - 独家号",
@@ -112,7 +102,7 @@
   {
     "title": "最全的 Git 常用命令速查（2021 版）",
     "description": " 现在做项目 Git 代码管理是一定少不了的。多年以前可能是 SVN，我想如今的公司里面基本都转型到用 Git 了吧。虽然如今已有很多可视化的 Git 工具，但是很多时候我们还是需...",
-    "votes": "92",
+    "votes": "95",
     "url": "/k/omfqktk",
     "avatar": "https://img.toutiao.io/subject/91240c26cd094eff817077d3af73998f/thumb",
     "avatarAlt": "微信搜「golang全栈」 - 独家号",
@@ -120,14 +110,14 @@
     "homeUrl": "/subjects/462055"
   },
   {
-    "title": "架构师之路：HTTPS 底层原理",
-    "description": "引子先说说我对架构师的理解。从业务能力上，需要的是发现问题和解决问题的能力；从团队建设上，需要的是能培养团队的业务能力；从项目管理上，把控好整个项目和软件产品的全生命周期。我搜索了...",
-    "votes": "99",
-    "url": "/k/6teeplo",
-    "avatar": "https://img.toutiao.io/subject/4325865040b44c0b9e2d8d80a83d1d11/thumb",
-    "avatarAlt": "编程一生 - 独家号",
-    "subjectName": "编程一生",
-    "homeUrl": "/subjects/350352"
+    "title": "装了这几个 IDEA 插件，基本上一站式开发了",
+    "description": "前言  前几天有社区小伙伴私聊我，问我都用哪些IDEA插件，我的IDEA的主题看起来不错。作为一个开源作者，每周要code大量的代码，提升日常工作效率是我一直追求的，在众多的IDE...",
+    "votes": "109",
+    "url": "/k/5l4hrcp",
+    "avatar": "https://img.toutiao.io/subject/09939b63ada4450e9d640f2fd8348c12/thumb",
+    "avatarAlt": "java web 学习 - 独家号",
+    "subjectName": "java web 学习",
+    "homeUrl": "/subjects/39967"
   },
   {
     "title": "最近很火火火火的 GitHub 项目",
@@ -169,6 +159,16 @@
     "subjectName": "ASCE1885",
     "homeUrl": "/subjects/4829"
   },
+  {
+    "title": "字节一面：Redis 主节点的 Key 已过期，但从节点依然读到过期数据",
+    "description": "大家好，我是Tom哥~我们知道，大部分的业务场景都是读多写少，为了利用好这个特性，提升Redis集群系统的吞吐能力，通常会采用主从架构、读写分离如上图所示：其中Master节点：负...",
+    "votes": "100",
+    "url": "/k/ptbzpm7",
+    "avatar": "https://img.toutiao.io/subject/e62c1664abed48848efc89141ae64112/thumb",
+    "avatarAlt": "微观技术 - 独家号",
+    "subjectName": "微观技术",
+    "homeUrl": "/subjects/348507"
+  },
   {
     "title": "聊聊 SQL 优化的 15 个小技巧",
     "description": "大家好，我是苏三，又跟大家见面了。前言 sql优化是一个大家都比较关注的热门话题，无论你在面试，还是工作中，都很有可能会遇到。如果某天你负责的某个线上接口，出现了性能问题，需要做优...",
@@ -179,20 +179,10 @@
     "subjectName": "苏三说技术",
     "homeUrl": "/subjects/453205"
   },
-  {
-    "title": "字节一面：Redis 主节点的 Key 已过期，但从节点依然读到过期数据",
-    "description": "大家好，我是Tom哥~我们知道，大部分的业务场景都是读多写少，为了利用好这个特性，提升Redis集群系统的吞吐能力，通常会采用主从架构、读写分离如上图所示：其中Master节点：负...",
-    "votes": "98",
-    "url": "/k/ptbzpm7",
-    "avatar": "https://img.toutiao.io/subject/e62c1664abed48848efc89141ae64112/thumb",
-    "avatarAlt": "微观技术 - 独家号",
-    "subjectName": "微观技术",
-    "homeUrl": "/subjects/348507"
-  },
   {
     "title": "亿级流量系统架构演进之路",
     "description": "海量用户同时进行高频访问对任何平台都是难题，也是行业乐此不疲的研究方向。但值得庆幸的是，虽然业务场景不同，设计和优化的思想却是万变不离宗。本文将结合业务与高并发系统设计的核心技术点...",
-    "votes": "89",
+    "votes": "92",
     "url": "/k/nmwgk0i",
     "avatar": "https://img.toutiao.io/subject/4f9b8a1b9ad34bf3b815671f8461ff25/thumb",
     "avatarAlt": "又拍云 - 独家号",
@@ -202,7 +192,7 @@
   {
     "title": "从 RPC 到服务化框架设计",
     "description": "作者：allendbwu，腾讯 PCG 后台开发工程师目前互联网系统都是微服务化，那么就需要 RPC 调用，因此本文梳理了从 RPC 基本框架协议到整个服务化框架体系建设中所包含的...",
-    "votes": "84",
+    "votes": "86",
     "url": "/k/rh7pc7w",
     "avatar": "https://img.toutiao.io/subject/cc2d501408fd455d9b841cb6c8d95a6c/thumb",
     "avatarAlt": "ASCE1885 - 独家号",
@@ -232,7 +222,7 @@
   {
     "title": "生成唯一 ID，为什么 NanoID 会取代 UUID？",
     "description": "UUID[1] 是软件开发中最常用的通用标识符之一。然而，在过去几年中，其他替代品挑战了它的存在。其中，NanoID 是取代 UUID 的主要竞争对手之一。因此，在本文中，我将讨论...",
-    "votes": "79",
+    "votes": "80",
     "url": "/k/vykwkmg",
     "avatar": "https://img.toutiao.io/subject/f2911e3881f84724953dfeaf339cdce8/thumb",
     "avatarAlt": "前端全栈开发者 - 独家号",
@@ -248,5 +238,15 @@
     "avatarAlt": "JAVA干货 - 独家号",
     "subjectName": "JAVA干货",
     "homeUrl": "/subjects/51515"
+  },
+  {
+    "title": "浅析 Web 录屏技术方案与实现",
+    "description": "👆  这是第 121 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：浅析 Web 录屏技术方案与实现https://w...",
+    "votes": "62",
+    "url": "/k/ol9xtmo",
+    "avatar": "https://img.toutiao.io/subject/6114455716184a4e91198ea030c6a413/thumb",
+    "avatarAlt": "前端小分队 - 独家号",
+    "subjectName": "前端小分队",
+    "homeUrl": "/subjects/437855"
   }
 ]