@wcj/github-rank 22.9.30 → 22.10.1

package/dist/sifou-weekly.json

@@ -5,16 +5,16 @@
     "url": "https://segmentfault.com/a/1190000042547772",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "15",
+    "votes": "16",
     "rank": 1
   },
   {
-    "title": "当你 git push 时，极狐GitLab上发生了什么？",
-    "description": "本文来自：李振楠 极狐(GitLab) 研发工程师勇士，你可曾好奇过 Git 和极狐GitLab 是如何工作的？现在，拿起你心爱的 IDE，和我们一起踏上探索之旅吧！基础知识在开始旅程之前，我们需要做三分钟的知识储备，计时...",
-    "url": "https://segmentfault.com/a/1190000042537837",
-    "author": "极狐GitLab",
-    "home_url": "https://segmentfault.com/u/jihu_gitlab",
-    "votes": "8",
+    "title": "漫画 | Serverless + Data，让后端告别搬砖！",
+    "description": "文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...",
+    "url": "https://segmentfault.com/a/1190000042554569",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "10",
     "rank": 2
   },
   {
@@ -27,32 +27,23 @@
     "rank": 3
   },
   {
-    "title": "特约专访 | 思否 CEO 高阳带你了解 Code For Better _ Hackathon 冠军团队背后的故事",
-    "description": "2022 年 9 月 16 日，2022 Code For Better_Hackathon 正式落下帷幕。大赛以 2022 Google 开发者大会 “CODE FOR BETTER_ ” 为参赛主题，在“共码未来”的号召下，本届 Hackathon 大赛涌现出一大批针对多类型现实难...",
-    "url": "https://segmentfault.com/a/1190000042535848",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "Dev Together 🥳 2022 开发者生态峰会正式启动，议题征集启动！",
+    "description": "Dev Together 中国开发者生态峰会是由 SegmentFault 思否发起的，面向 to D Marketing、开发者运营、开发者关系从业者的交流活动。我们希望打破日常工作中来自不同厂商背景给大家带来的交流屏障，在一个中立的平...",
+    "url": "https://segmentfault.com/a/1190000042560534",
+    "author": "波波Nadia",
+    "home_url": "https://segmentfault.com/u/bobonadia",
     "votes": "4",
     "rank": 4
   },
   {
-    "title": "漫画 | Serverless + Data，让后端告别搬砖！",
-    "description": "文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...",
-    "url": "https://segmentfault.com/a/1190000042554569",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "3",
+    "title": "别整一坨 CSS 代码了，试试这几个实用函数",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042540445",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "5",
     "rank": 5
   },
-  {
-    "title": "前端必读3.0：如何在 Angular 中使用SpreadJS实现导入和导出 Excel 文件",
-    "description": "在之前的文章中，我们为大家分别详细介绍了在JavaScript、React中使用SpreadJS导入和导出Excel文件的方法，作为带给广大前端开发者的“三部曲”，本文我们将为大家介绍该问题在Angular中的实现。Excel 电子表格自 1...",
-    "url": "https://segmentfault.com/a/1190000042538156",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
-    "rank": 6
-  },
   {
     "title": "面试说：聊聊JavaScript中的数据类型",
     "description": "答：Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。",
@@ -60,7 +51,7 @@
     "author": "Gopal",
     "home_url": "https://segmentfault.com/u/fengguangping",
     "votes": "5",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "一个新视角：前端框架们都卷错方向了？",
@@ -69,16 +60,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "3",
-    "rank": 8
-  },
-  {
-    "title": "别整一坨 CSS 代码了，试试这几个实用函数",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042540445",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "5",
-    "rank": 9
+    "rank": 7
   },
   {
     "title": "SegmentFault 2022 年社区周报 Vol.9",
@@ -87,34 +69,34 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "3",
-    "rank": 10
+    "rank": 8
   },
   {
-    "title": "超详细的 Angular 国际化方案",
-    "description": "第一次在 Angular 框架上落地国际化方案，将 Eoapi 的经验分享给大家～1. 项目背景需要支持 Web 和 Electron 桌面端技术栈Angular 14Electron 19NG-ZORR 13.0.62. 可能遇到的困难各语言下样式不统一，例如阿拉伯...",
-    "url": "https://segmentfault.com/a/1190000042536913",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "title": "现代 JavaScript 库打包指南",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042529806",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "3",
-    "rank": 11
+    "rank": 9
   },
   {
-    "title": "微信跳转到支付宝App自动领取赏金红包",
-    "description": "关于支付宝赏金红包这件事，其实已经好几年了，我记得2018年就已经有这个了，当初通过一个链接在微信点击，就会自动跳转到支付宝领取赏金，当初我也写过一篇：[链接] 那一年我的赏金就已经赚了2w多，后来支付宝为...",
-    "url": "https://segmentfault.com/a/1190000042535910",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "1",
-    "rank": 12
+    "title": "Eoapi x Tapdata 插件上线：让数据真正的流动起来，API 管理更方便！",
+    "description": "本月，Eolink 旗下专注做开源 API 管理工具的 Eoapi 联合实时数据服务平台的 Tapdata 发布首款合作插件——导入 Tapdata 数据插件，大家一定很好奇 Tapdata 和 Eoapi 如何实现联动呢？",
+    "url": "https://segmentfault.com/a/1190000042557390",
+    "author": "eoapi",
+    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
+    "votes": "3",
+    "rank": 10
   },
   {
-    "title": "Wasmtime1.0发布：更稳定、超安全、超快速",
-    "description": "美东时间 9 月 20 日，Bytecode Alliance 宣布经过三年开发，正式迎来 Wasmtime 1.0 版本。Wasmtime 是创建在编译器 Cranelift 之上的 WebAssembly Runtime。Wasmtime 利用 Rust 编程语言，完全开源并符合 WASI。...",
-    "url": "https://segmentfault.com/a/1190000042536292",
-    "author": "松宝写代码",
-    "home_url": "https://segmentfault.com/u/saucxs",
-    "votes": "1",
-    "rank": 13
+    "title": "在 Vue 中，使用 $attrs 构建高级组件",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042472592",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "3",
+    "rank": 11
   },
   {
     "title": "PHP实现单用户登录",
@@ -123,8 +105,35 @@
     "author": "阿山",
     "home_url": "https://segmentfault.com/u/a_shan",
     "votes": "2",
+    "rank": 12
+  },
+  {
+    "title": "angular 附件上传  以及深拷贝",
+    "description": "ts里的深拷贝本来想着点击取消，恢复数据后，能取消掉实体的改动。比如如下图， 恢复数据后，A 能恢复到 a 数据的状态。 但是，经过测试发现,并没有。测试的代码, 可以看到。 带星号的代码1.ngOnInit（）的时候复...",
+    "url": "https://segmentfault.com/a/1190000042558152",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
+    "rank": 13
+  },
+  {
+    "title": "Go 为什么能火？归功于这 5 个方面",
+    "description": "在国外的播客节目 Go Time #100 中，Rob Pike 和 Robert Griesemer（Go 的两位创始人）和主持人 Jerod Santo 讨论了 Go 语言的成功缘由和一些思考。",
+    "url": "https://segmentfault.com/a/1190000042555900",
+    "author": "煎鱼",
+    "home_url": "https://segmentfault.com/u/eddycjy",
+    "votes": "1",
     "rank": 14
   },
+  {
+    "title": "angular 指令",
+    "description": "首先就是如何在组件中使用指令，也就是我们所熟悉的selector,这里的selector规则与组件不同，组件在使用是是直接作为标签来使用如：",
+    "url": "https://segmentfault.com/a/1190000042558126",
+    "author": "李明",
+    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
+    "votes": "3",
+    "rank": 15
+  },
   {
     "title": "Python项目管理： Poetry",
     "description": "Poetry 是Python 中用于依赖管理和打包的工具。它允许您声明项目所依赖的库，并将为您管理（安装/更新）它们。Poetry 提供了一个锁定文件以确保可重复安装，并且可以构建您的项目以进行分发。",
@@ -132,42 +141,33 @@
     "author": "冷冻工厂",
     "home_url": "https://segmentfault.com/u/gone_63231de16383b",
     "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "React Hooks之useDebugValue - 代替console.log来调试Hook",
-    "description": "而useDebugValue的优势在于，用useDebugValue输出的值，是和DevTools中的Hook状态一起动态显示的，不需要在DevTools和Console面板中切换查看Hook状态和console.log输出。",
-    "url": "https://segmentfault.com/a/1190000042535705",
-    "author": "jinling",
-    "home_url": "https://segmentfault.com/u/liushuigs",
-    "votes": "1",
     "rank": 16
   },
   {
-    "title": "在 Vue 中，使用 $attrs 构建高级组件",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042472592",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "前端web实现（@、At、艾特）选人或引用数据",
+    "description": "1、在输入框中输入 @ ，弹出浮窗，然后可以选择浮窗中相关的数据；2、在输入框中输入 # ，弹出浮窗，然后可以选择浮窗中相关的数据；3、@ 和 # 引用的数据要包含名称和id等，最终要传给后端；4、删除 @ 和 # 引用...",
+    "url": "https://segmentfault.com/a/1190000042563289",
+    "author": "xmanlin",
+    "home_url": "https://segmentfault.com/u/dxpang",
     "votes": "2",
     "rank": 17
   },
   {
-    "title": "Eclipse Theia技术揭秘——构建桌面IDE",
-    "description": "在上一篇文章 Eclipse Theia技术揭秘——初识Theia 简单介绍了一下Eclipse Theia这套IDE平台，这篇文章介绍一下如何基于Eclipse Theia构建桌面IDE。",
-    "url": "https://segmentfault.com/a/1190000042536405",
-    "author": "码出世界",
-    "home_url": "https://segmentfault.com/u/codeteenager",
+    "title": "Vue.js设计与实现(电子版)源码学习",
+    "description": "KeepAlive 的本质是缓存管理，再加上特殊的挂载/卸载逻辑。　　首先，KeepAlive 组件的实现需要渲染器层面的支持。这是因为被 KeepAlive 的组件在卸载时，我们不能真的将其卸载，否则就无法维持组件的当前状态了...",
+    "url": "https://segmentfault.com/a/1190000042552352",
+    "author": "寒水寺一禅",
+    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "1",
     "rank": 18
   },
   {
-    "title": "Go 为什么能火？归功于这 5 个方面",
-    "description": "在国外的播客节目 Go Time #100 中，Rob Pike 和 Robert Griesemer（Go 的两位创始人）和主持人 Jerod Santo 讨论了 Go 语言的成功缘由和一些思考。",
-    "url": "https://segmentfault.com/a/1190000042555900",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "1",
+    "title": "5 种瀑布流场景的实现原理解析",
+    "description": "一、背景本文介绍 5 种瀑布流场景的实现，大家可以根据自身的需求场景进行选择。5 种场景分别是：瀑布流特点纵向+高度排序纯 CSS 多列实现，是最简单的瀑布流写法纵向+高度排序+根据宽度自适应列数通过 JS 根据屏...",
+    "url": "https://segmentfault.com/a/1190000042562451",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "2",
     "rank": 19
   },
   {
@@ -180,39 +180,39 @@
     "rank": 20
   },
   {
-    "title": "现代 JavaScript 库打包指南",
-    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042529806",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
+    "title": "撸了一款 Vue 生态缺失的 CMD+K 类库",
+    "description": "9月底，新轮子又来了，Vue Command Palette 是一个为 Vue 而生的快速、无样式、可组合的 Command Palette（CMDK）组件库。",
+    "url": "https://segmentfault.com/a/1190000042559544",
+    "author": "xiaoluoboding",
+    "home_url": "https://segmentfault.com/u/xlbd",
+    "votes": "1",
     "rank": 21
   },
   {
-    "title": "vue封装第三方组件",
-    "description": "我们可能在工作中经常会遇到这样的场景，需要基于某个UI组件库（本文以Vuetify为例，其他的也同理）封装一个可复用的组件，不仅要实现自定义功能，还希望能沿用第三方组件本身提供的属性，事件等。举几个具体的栗...",
-    "url": "https://segmentfault.com/a/1190000042538522",
-    "author": "想要一只柴",
-    "home_url": "https://segmentfault.com/u/abasitiancangku",
+    "title": "深入理解JavaScript-this关键字",
+    "description": "在讲 Function、作用域 时，我们都讲到了 this，因为 JavaScript 中的作用域是词法作用域，在哪里定义，就在哪里形成作用域。而与词法作用域相对应的还有一个作用域叫动态作用域，调用时去寻找它所处的位置。那个...",
+    "url": "https://segmentfault.com/a/1190000042552418",
+    "author": "山头人汉波",
+    "home_url": "https://segmentfault.com/u/johanazhu",
     "votes": "2",
     "rank": 22
   },
   {
-    "title": "Vue.js设计与实现(电子版)源码学习",
-    "description": "KeepAlive 的本质是缓存管理，再加上特殊的挂载/卸载逻辑。　　首先，KeepAlive 组件的实现需要渲染器层面的支持。这是因为被 KeepAlive 的组件在卸载时，我们不能真的将其卸载，否则就无法维持组件的当前状态了...",
-    "url": "https://segmentfault.com/a/1190000042552352",
-    "author": "寒水寺一禅",
-    "home_url": "https://segmentfault.com/u/xiaolizideyitian",
+    "title": "手写编程语言-递归函数是如何实现的？",
+    "description": "前言本篇文章主要是记录一下在 GScript 中实现递归调用时所遇到的坑，类似的问题在中文互联网上我几乎没有找到相关的内容，所以还是很有必要记录一下。在开始之前还是简单介绍下本次更新的 GScript v0.0.9 所包含...",
+    "url": "https://segmentfault.com/a/1190000042548565",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
     "votes": "1",
     "rank": 23
   },
   {
-    "title": "深入理解JavaScript-this关键字",
-    "description": "在讲 Function、作用域 时，我们都讲到了 this，因为 JavaScript 中的作用域是词法作用域，在哪里定义，就在哪里形成作用域。而与词法作用域相对应的还有一个作用域叫动态作用域，调用时去寻找它所处的位置。那个...",
-    "url": "https://segmentfault.com/a/1190000042552418",
-    "author": "山头人汉波",
-    "home_url": "https://segmentfault.com/u/johanazhu",
-    "votes": "2",
+    "title": "项目篇：高并发内存池",
+    "description": "所谓池化技术，就是程序先向系统申请过量的资源，然后自己管理，当程序中需要申请内存时，不是直接向操作系统申请，而是直接从内存池中获取，释放内存时也不是将内存返回给操作系统，而是返回内存池中。",
+    "url": "https://segmentfault.com/a/1190000042558168",
+    "author": "夜枫微凉",
+    "home_url": "https://segmentfault.com/u/yefengweiliang",
+    "votes": "1",
     "rank": 24
   },
   {
@@ -224,15 +224,6 @@
     "votes": "2",
     "rank": 25
   },
-  {
-    "title": "手写编程语言-递归函数是如何实现的？",
-    "description": "前言本篇文章主要是记录一下在 GScript 中实现递归调用时所遇到的坑，类似的问题在中文互联网上我几乎没有找到相关的内容，所以还是很有必要记录一下。在开始之前还是简单介绍下本次更新的 GScript v0.0.9 所包含...",
-    "url": "https://segmentfault.com/a/1190000042548565",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "1",
-    "rank": 26
-  },
   {
     "title": "SegmentFault 思否技术周刊 — 学 Java 能做什么？",
     "description": "今天我们继续来聊聊流程实例。部署之后的流程，这个还不能直接运行，例如我们部署了一个请假流程，现在 zhangsan 想要请假，他就需要开启一个请假流程，lisi 想请假，他也需要开启一个请假流程，这一个一个开启的...",
@@ -240,7 +231,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "1",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "前端动效讲解与实战",
@@ -249,6 +240,15 @@
     "author": "vivo互联网技术",
     "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "3",
+    "rank": 27
+  },
+  {
+    "title": "Monaco Editor 中的 Keybinding 机制",
+    "description": "前段时间碰到了一个 Keybinding 相关的问题，于是探究了一番，首先大家可能会有两个问题：Monaco Editor 是啥？Keybinding 又是啥？",
+    "url": "https://segmentfault.com/a/1190000042562942",
+    "author": "袋鼠云数栈UED",
+    "home_url": "https://segmentfault.com/u/daishuyunshuzhanqianduan",
+    "votes": "2",
     "rank": 28
   },
   {
@@ -261,11 +261,11 @@
     "rank": 29
   },
   {
-    "title": "A+文档丨Azure MySQL 数据库高可用性解析",
-    "description": "数据库是整个 IT 系统中必不可少服务之一，其高可用性也一直是系统设计环节中的关键考虑要素。在评估 MySQL 数据库的高可用性时，主要考虑两个方面：",
-    "url": "https://segmentfault.com/a/1190000042535638",
-    "author": "微软技术栈",
-    "home_url": "https://segmentfault.com/u/mstech",
+    "title": "用这招监听 Vue 的插槽变化",
+    "description": "本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看 GitHub [链接] ，包含一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042554193",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
     "rank": 30
   }

package/dist/toutiao-30.json

@@ -39,20 +39,10 @@
     "subjectName": "架构之美",
     "homeUrl": "/subjects/42200"
   },
-  {
-    "title": "SpringBoot 官方强烈推荐，连接池，太快了！",
-    "description": "大家好，现在介绍一款非常强大，高效，并且号称“史上最快连接池”。由此可见他是有多受人喜欢，并且在SpringBoot2.0之后，采用的默认数据库连接池就是Hikari。我们知道的连...",
-    "votes": "77",
-    "url": "/k/zumxh7v",
-    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
-    "avatarAlt": "服务架构及中台 - 独家号",
-    "subjectName": "服务架构及中台",
-    "homeUrl": "/subjects/26578"
-  },
   {
     "title": "分享16个我总结的思维模型（程序员必读，受用终身）",
     "description": "人们在围绕软件开发的讨论中，几乎不可避免会随口引用一两条原则。你可能听过人们说：“这行不通，因为‘X法则’！”。或者“你不知道‘Y原则’吗？”你是哪种类型的软件开发人员？有许多规律...",
-    "votes": "75",
+    "votes": "77",
     "url": "/k/f7r13v5",
     "avatar": "https://img.toutiao.io/subject/0a536810212f4f7c9c1f451fc9f55540/thumb",
     "avatarAlt": "乱点技能树 - 独家号",
@@ -72,7 +62,7 @@
   {
     "title": "Netty、Kafka中的零拷贝技术到底有多牛?",
     "description": "👇推荐大家关注一个公众号👇点击上方 \"编程技术圈\"关注, 星标或置顶一起成长后台回复“大礼包”有惊喜礼包！每日英文Man has to be crazy for once, whe...",
-    "votes": "66",
+    "votes": "67",
     "url": "/k/ussdz4q",
     "avatar": "https://img.toutiao.io/subject/0a536810212f4f7c9c1f451fc9f55540/thumb",
     "avatarAlt": "乱点技能树 - 独家号",
@@ -99,6 +89,16 @@
     "subjectName": "近半生少年",
     "homeUrl": "/subjects/403307"
   },
+  {
+    "title": "性能优化必备——火焰图",
+    "description": "引言本文主要介绍火焰图及使用技巧，学习如何使用火焰图快速定位软件的性能卡点。 结合最佳实践实战案例，帮助读者加深刻的理解火焰图构造及原理，理解 CPU 耗时，定位性能瓶颈。背景当前...",
+    "votes": "60",
+    "url": "/k/azf7ub6",
+    "avatar": "https://img.toutiao.io/subject/8d1fd69b9a2a49e79f68a1e3c8fc0138/thumb",
+    "avatarAlt": "咕咕鸡技术专栏 - 独家号",
+    "subjectName": "咕咕鸡技术专栏",
+    "homeUrl": "/subjects/477457"
+  },
   {
     "title": "SQL优化万能公式：5 大步骤 + 10 个案例",
     "description": "",
@@ -119,16 +119,6 @@
     "subjectName": "服务架构及中台",
     "homeUrl": "/subjects/26578"
   },
-  {
-    "title": "性能优化必备——火焰图",
-    "description": "引言本文主要介绍火焰图及使用技巧，学习如何使用火焰图快速定位软件的性能卡点。 结合最佳实践实战案例，帮助读者加深刻的理解火焰图构造及原理，理解 CPU 耗时，定位性能瓶颈。背景当前...",
-    "votes": "55",
-    "url": "/k/azf7ub6",
-    "avatar": "https://img.toutiao.io/subject/8d1fd69b9a2a49e79f68a1e3c8fc0138/thumb",
-    "avatarAlt": "咕咕鸡技术专栏 - 独家号",
-    "subjectName": "咕咕鸡技术专栏",
-    "homeUrl": "/subjects/477457"
-  },
   {
     "title": "项目上线一年，整理了一份SpringBoot性能优化方案！",
     "description": "",
@@ -159,20 +149,10 @@
     "subjectName": "架构必知必会",
     "homeUrl": "/subjects/472073"
   },
-  {
-    "title": "已入字节的大佬各厂三年Go面经",
-    "description": "",
-    "votes": "51",
-    "url": "/k/a39rox2",
-    "avatar": "https://img.toutiao.io/subject/3f69ffc3bdf6496e86439348166e3ed7/thumb",
-    "avatarAlt": "GoHackers - 独家号",
-    "subjectName": "GoHackers",
-    "homeUrl": "/subjects/1385"
-  },
   {
     "title": "Kafka 精妙设计撑起百万 TPS",
     "description": "",
-    "votes": "50",
+    "votes": "51",
     "url": "/k/g4ey2vk",
     "avatar": "https://img.toutiao.io/subject/32a46f705bae4535a9f804161b0bda51/thumb",
     "avatarAlt": "技术and生活 - 独家号",
@@ -180,14 +160,14 @@
     "homeUrl": "/subjects/31250"
   },
   {
-    "title": "美团二面：加密后的数据如何进行模糊查询",
-    "description": "点击关注公众号，Java干货及时送达我们知道加密后的数据对模糊查询不是很友好，本篇就针对加密数据模糊查询这个问题来展开讲一讲实现的思路，希望对大家有所启发。为了数据安全我们在开发过...",
-    "votes": "50",
-    "url": "/k/4vaukpl",
-    "avatar": "https://img.toutiao.io/user/1f0807c2736a43e1b169599572bf4dcf/thumb",
-    "avatarAlt": "zeng1994 - 独家号",
-    "subjectName": "zeng1994",
-    "homeUrl": "/subjects/475601"
+    "title": "已入字节的大佬各厂三年Go面经",
+    "description": "",
+    "votes": "51",
+    "url": "/k/a39rox2",
+    "avatar": "https://img.toutiao.io/subject/3f69ffc3bdf6496e86439348166e3ed7/thumb",
+    "avatarAlt": "GoHackers - 独家号",
+    "subjectName": "GoHackers",
+    "homeUrl": "/subjects/1385"
   },
   {
     "title": "如何设计一个消息中心",
@@ -222,7 +202,7 @@
   {
     "title": "我是怎么读代码的",
     "description": "",
-    "votes": "46",
+    "votes": "47",
     "url": "/k/mk22535",
     "avatar": "https://img.toutiao.io/subject/ae2b74c589814b769c1bebad92c2fb9a/thumb",
     "avatarAlt": "架构之美 - 独家号",
@@ -248,5 +228,25 @@
     "avatarAlt": "浪客用react,java全栈 - 独家号",
     "subjectName": "浪客用react,java全栈",
     "homeUrl": "/subjects/132403"
+  },
+  {
+    "title": "分布式中灰度方案实践",
+    "description": "让请求在导航的服务节上点执行；一、背景简介分布式系统中会存在这样的开发场景，不同需求可能涉及到对同一个服务的开发，那么该服务在研发期间就会存在多个版本并行的状态，为了保持不同版本之...",
+    "votes": "43",
+    "url": "/k/jpnejcx",
+    "avatar": "https://img.toutiao.io/subject/b82e66f0d4464d78b30e0db3cfad0dd8/thumb",
+    "avatarAlt": "知了一笑 - 独家号",
+    "subjectName": "知了一笑",
+    "homeUrl": "/subjects/416733"
+  },
+  {
+    "title": "2022 年了，我才开始学 TypeScript ，晚吗？（7.5k字总结）",
+    "description": "前言  其实早在初学前端时，就有大致了解过 typescript ,但后面工作中基本 vue2 开发为主，所以真正能够接触到 typescript 的机会其实并不多。尽管在某些间歇...",
+    "votes": "42",
+    "url": "/k/7ppg48s",
+    "avatar": "https://img.toutiao.io/subject/7950b62a884849aaaa2c7d9fb03f3051/thumb",
+    "avatarAlt": "前端智能化 - 独家号",
+    "subjectName": "前端智能化",
+    "homeUrl": "/subjects/7076"
   }
 ]