@wcj/github-rank 22.4.15 → 22.4.16

package/web/data/sifou-weekly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041679573",
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "30",
+    "votes": "34",
     "rank": 1
   },
   {
@@ -14,9 +14,18 @@
     "url": "https://segmentfault.com/a/1190000041683548",
     "author": "前端胖头鱼",
     "home_url": "https://segmentfault.com/u/116263",
-    "votes": "27",
+    "votes": "31",
     "rank": 2
   },
+  {
+    "title": "现代 CSS 解决方案：Modern CSS Reset",
+    "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
+    "url": "https://segmentfault.com/a/1190000041700998",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "13",
+    "rank": 3
+  },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(上)",
     "description": "这是在2022年开发中PM提的一个需求, 某个table被用户输入了一些搜搜条件并且浏览到了第3页, 那如果我跳转到其他路由后返回当前页面, 希望搜索条件还在, 并且仍处于第三页, 这不就是vue...",
@@ -24,7 +33,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "11",
-    "rank": 3
+    "rank": 4
   },
   {
     "title": "一些关于react的keep-alive功能相关知识在这里(下)",
@@ -33,7 +42,16 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "8",
-    "rank": 4
+    "rank": 5
+  },
+  {
+    "title": "javaScript 内存管理机制",
+    "description": "大家好，今天分享的主题为 JavaScript 内存管理机制，本次分享将从以下三部分进行讲述：js 内存管理与 js 垃圾常见的 GC 算法V8 引擎的垃圾回收js 内存管理与 js 垃圾关于 JavaScript 内存管理机制，相信大家都有...",
+    "url": "https://segmentfault.com/a/1190000041701063",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "11",
+    "rank": 6
   },
   {
     "title": "硬核 | Redis 布隆（Bloom Filter）过滤器原理与实战",
@@ -41,8 +59,17 @@
     "url": "https://segmentfault.com/a/1190000041686261",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "9",
-    "rank": 5
+    "votes": "10",
+    "rank": 7
+  },
+  {
+    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
+    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
+    "url": "https://segmentfault.com/a/1190000041693503",
+    "author": "恪晨",
+    "home_url": "https://segmentfault.com/u/bo_wang_code",
+    "votes": "10",
+    "rank": 8
   },
   {
     "title": "轻量迅捷时代，Vite 与Webpack 谁赢谁输",
@@ -50,26 +77,26 @@
     "url": "https://segmentfault.com/a/1190000041696911",
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "3",
-    "rank": 6
+    "votes": "4",
+    "rank": 9
   },
   {
-    "title": "🔥前端脚手架辣么多，那我也要写一个玩玩",
-    "description": "2022年已经过了四分之一还多了，之前说好的每个月一片文章好像也没有让自己兑现。最近公司在做一些前端工程化相关的东西，虽然准备做组件库的事情被领导给毙了，不过在这之前写了一个脚手架的工具，...",
-    "url": "https://segmentfault.com/a/1190000041693503",
-    "author": "恪晨",
-    "home_url": "https://segmentfault.com/u/bo_wang_code",
-    "votes": "6",
-    "rank": 7
+    "title": "作为前端，需要知道这些工具，解放我的重复劳动力",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041647249",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
+    "rank": 10
   },
   {
-    "title": "Module Federation在客服工单业务中的最佳实践",
-    "description": "一线客服： 基于一站式工作台中的在线工作台及电话工作台，根据用户进线反馈的问题，查看当前用户相关的工单详情或订单详情，并根据实际情况决定是否创建新的工单。",
-    "url": "https://segmentfault.com/a/1190000041675548",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "3",
-    "rank": 8
+    "title": "5个一定要学会的JavaScript新特性",
+    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言JavaScript在不断地升级迭代，越来越多的新特性让我们的代码写起来变得简洁有趣，这篇文章会介绍5个新特性，一起研究一下把。1.# 使用\"Object.hasOwn\"替...",
+    "url": "https://segmentfault.com/a/1190000041694411",
+    "author": "前端胖头鱼",
+    "home_url": "https://segmentfault.com/u/116263",
+    "votes": "7",
+    "rank": 11
   },
   {
     "title": "墨菲安全正式发布 murphysec 开源项目！让开发者更安全的使用开源代码",
@@ -78,16 +105,16 @@
     "author": "MissD",
     "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "2",
-    "rank": 9
+    "rank": 12
   },
   {
-    "title": "一个前端所期待的 Mock 功能都是什么样的？",
-    "description": "大家好呀，我是一名苦逼的前端开发工程师，为啥苦逼呢，这不，项目下周就要上线了，但是后端还没给我接口，没有接口我就无法调试，工作停滞不前，我也只能坐着干着急。",
-    "url": "https://segmentfault.com/a/1190000041673801",
-    "author": "shanyue",
-    "home_url": "https://segmentfault.com/u/xiange",
-    "votes": "5",
-    "rank": 10
+    "title": "Redis HyperLogLog 是什么？这些场景使用它，让我枪出如龙，一笑破苍穹",
+    "description": "在移动互联网的业务场景中，数据量很大，我们需要保存这样的信息：一个 key 关联了一个数据集合，同时对这个数据集合做统计。比如：统计一个 APP 的日活、月活数；统计一个页面的每天被多少个不同账户访问量（Uni...",
+    "url": "https://segmentfault.com/a/1190000041696066",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "4",
+    "rank": 13
   },
   {
     "title": "打造轻量级 WebIDE，看这一篇文章就够啦",
@@ -96,7 +123,25 @@
     "author": "云音乐技术团队",
     "home_url": "https://segmentfault.com/u/musicfe",
     "votes": "2",
-    "rank": 11
+    "rank": 14
+  },
+  {
+    "title": "了解一下 ::target-text 选择器",
+    "description": "欢迎关注我的公众号：前端侦探最近在 MDN 官网看到了一个从未见过的选择器，::target-text。简单研究了一下，觉得还有点意思，也有点实际用处，现在分享一下。一、::target-text 是干什么的想必大家都用过:target...",
+    "url": "https://segmentfault.com/a/1190000041685048",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "4",
+    "rank": 15
+  },
+  {
+    "title": "不借助 Javascript，利用 SVG 快速构建马赛克效果",
+    "description": "之前在公众号转发了好友 Vajoy 的一篇文章 -- 巧用 CSS 把图片马赛克风格化。核心是利用了 CSS 中一个很有意思的属性 -- image-rendering，它可以用于设置图像缩放算法。何为 image-rendering？CSS 属性 image-re...",
+    "url": "https://segmentfault.com/a/1190000041690130",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "6",
+    "rank": 16
   },
   {
     "title": "笔试算法题总结",
@@ -105,16 +150,7 @@
     "author": "小强Zzz",
     "home_url": "https://segmentfault.com/u/zhaokaiqiang",
     "votes": "5",
-    "rank": 12
-  },
-  {
-    "title": "5个一定要学会的JavaScript新特性",
-    "description": "也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言JavaScript在不断地升级迭代，越来越多的新特性让我们的代码写起来变得简洁有趣，这篇文章会介绍5个新特性，一起研究一下把。1.# 使用\"Object.hasOwn\"替...",
-    "url": "https://segmentfault.com/a/1190000041694411",
-    "author": "前端胖头鱼",
-    "home_url": "https://segmentfault.com/u/116263",
-    "votes": "6",
-    "rank": 13
+    "rank": 17
   },
   {
     "title": "《8分钟学会 Vue.js 原理》：一、template 字符串编译为抽象语法树 AST",
@@ -123,16 +159,16 @@
     "author": "帅到被人砍",
     "home_url": "https://segmentfault.com/u/juniortour",
     "votes": "3",
-    "rank": 14
+    "rank": 18
   },
   {
-    "title": "不借助 Javascript，利用 SVG 快速构建马赛克效果",
-    "description": "之前在公众号转发了好友 Vajoy 的一篇文章 -- 巧用 CSS 把图片马赛克风格化。核心是利用了 CSS 中一个很有意思的属性 -- image-rendering，它可以用于设置图像缩放算法。何为 image-rendering？CSS 属性 image-re...",
-    "url": "https://segmentfault.com/a/1190000041690130",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "5",
-    "rank": 15
+    "title": "告别收费BI!如何自己动手做一个免费的可视化数据报表还支持文档在线预览？",
+    "description": "本人大学刚毕业目前在一家互联网公司从事产品运营工作，一季度刚过，公司需要我出一份产品运营数据报表，由于产品用户数据、订单数据等数据量太大，我希望找一款Bi产品，支持我做出一个精美的可视化报表，还可以...",
+    "url": "https://segmentfault.com/a/1190000041685816",
+    "author": "徐骏",
+    "home_url": "https://segmentfault.com/u/xujun_6253b72d8cc31",
+    "votes": "9",
+    "rank": 19
   },
   {
     "title": "写给“未来的”组件库的调研和思考",
@@ -141,25 +177,7 @@
     "author": "玩弄心里的鬼",
     "home_url": "https://segmentfault.com/u/lizongyuan",
     "votes": "2",
-    "rank": 16
-  },
-  {
-    "title": "作为前端，需要知道这些工具，解放我的重复劳动力",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041647249",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 17
-  },
-  {
-    "title": "异步验证器防抖的补充 以及 记录动态组件遇到的问题",
-    "description": "补充这里对上文的异步验证器防抖做一点补充。[链接] {代码...} 上文的最后提到，发现这种写法可以。经过老师的判断后，发现几种写法的关键在于一个问题：每次获得新值的时候，fromControl是否会取消对上一个数据...",
-    "url": "https://segmentfault.com/a/1190000041688103",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
-    "rank": 18
+    "rank": 20
   },
   {
     "title": "冴羽答读者问：怎么才能像你一样写文章如喝水？",
@@ -168,43 +186,43 @@
     "author": "冴羽",
     "home_url": "https://segmentfault.com/u/yayu",
     "votes": "3",
-    "rank": 19
+    "rank": 21
   },
   {
-    "title": "vscode插件编写体验-右键菜单",
-    "description": "首先，我的需求是插件能在编辑器上，当我选择文本时右键有转换的操作按键，可以点击触发将选中的内容进行识别，如果是rgba就换算成hex，如果是hex就换算成rgba",
-    "url": "https://segmentfault.com/a/1190000041672434",
-    "author": "Dont",
-    "home_url": "https://segmentfault.com/u/dont",
+    "title": "开发者必读：2022年移动应用趋势洞察白皮书",
+    "description": "华为开发者联盟与艾瑞咨询联合发布《2022年移动应用趋势洞察白皮书》，本白皮书主要分析移动应用行业发展现状和趋势，并对影音娱乐、通讯社交、电商生活、运动健康、出行导航等细分行业场景进行分析，把握移动应...",
+    "url": "https://segmentfault.com/a/1190000041700655",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
     "votes": "2",
-    "rank": 20
+    "rank": 22
   },
   {
-    "title": "Tauri 与 Electron",
-    "description": "Tauri 是一个为所有主流桌面平台构建小型、快速二进制文件的框架。开发人员可以集成任何编译成 HTML、 JS 和 CSS 的前端框架来构建他们的用户界面。应用程序的后端是一个 Rust 二进制文件，具有前端可以与之交互...",
-    "url": "https://segmentfault.com/a/1190000041677438",
-    "author": "江辰",
-    "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
+    "title": "异步验证器防抖的补充 以及 记录动态组件遇到的问题",
+    "description": "补充这里对上文的异步验证器防抖做一点补充。[链接] {代码...} 上文的最后提到，发现这种写法可以。经过老师的判断后，发现几种写法的关键在于一个问题：每次获得新值的时候，fromControl是否会取消对上一个数据...",
+    "url": "https://segmentfault.com/a/1190000041688103",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
     "votes": "3",
-    "rank": 21
+    "rank": 23
   },
   {
-    "title": "了解一下 ::target-text 选择器",
-    "description": "欢迎关注我的公众号：前端侦探最近在 MDN 官网看到了一个从未见过的选择器，::target-text。简单研究了一下，觉得还有点意思，也有点实际用处，现在分享一下。一、::target-text 是干什么的想必大家都用过:target...",
-    "url": "https://segmentfault.com/a/1190000041685048",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "title": "这篇手写 Promise 你一定要康康",
+    "description": "最近重温了一下 Q/Promise 的设计讲解，结合自己的理解和一些小优化，决定也来写一篇手写 Promise 的文章。本文的内容适合对 Promise 的使用有一定了解的童鞋，因为过程中不会过多解释 Promise 的基础操作。我们...",
+    "url": "https://segmentfault.com/a/1190000041687791",
+    "author": "deepfunc",
+    "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "3",
-    "rank": 22
+    "rank": 24
   },
   {
-    "title": "带你十天轻松搞定 Go 微服务之大结局（分布式事务）",
-    "description": "序言我们通过一个系列文章跟大家详细展示一个 go-zero 微服务示例，整个系列分十篇文章，目录结构如下：环境搭建服务拆分用户服务产品服务订单服务支付服务RPC 服务 Auth 验证服务监控链路追踪分布式事务（本文）...",
-    "url": "https://segmentfault.com/a/1190000041672842",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
-    "votes": "2",
-    "rank": 23
+    "title": "[性能优化] 为虚拟列表增加离屏渲染和缓存",
+    "description": "背景在之前的一篇关于无限滚动优化的文章中， 我们使用了虚拟列表来改善用户体验，并取得了不错的效果。本篇是后续，在虚拟列表中的图片缩略图增加离屏渲染和压缩缓存的能力， 作为功能增强。主要的处理：增加一...",
+    "url": "https://segmentfault.com/a/1190000041698876",
+    "author": "皮小蛋",
+    "home_url": "https://segmentfault.com/u/scaukk",
+    "votes": "0",
+    "rank": 25
   },
   {
     "title": "后端学习值得收藏的一些开源电子书",
@@ -213,44 +231,17 @@
     "author": "LeanCloud",
     "home_url": "https://segmentfault.com/u/leancloud",
     "votes": "5",
-    "rank": 24
-  },
-  {
-    "title": "【Go进阶—基础特性】defer",
-    "description": "defer 第二个重要用途就是处理异常，与 recover 搭配一起处理 panic，让程序从异常中恢复。例如 gin 框架中 recovery 中间件的源码：",
-    "url": "https://segmentfault.com/a/1190000041675960",
-    "author": "与昊",
-    "home_url": "https://segmentfault.com/u/yu_5e842f4043ba6",
-    "votes": "2",
-    "rank": 25
-  },
-  {
-    "title": "这篇手写 Promise 你一定要康康",
-    "description": "最近重温了一下 Q/Promise 的设计讲解，结合自己的理解和一些小优化，决定也来写一篇手写 Promise 的文章。本文的内容适合对 Promise 的使用有一定了解的童鞋，因为过程中不会过多解释 Promise 的基础操作。我们...",
-    "url": "https://segmentfault.com/a/1190000041687791",
-    "author": "deepfunc",
-    "home_url": "https://segmentfault.com/u/deepfunc",
-    "votes": "2",
     "rank": 26
   },
   {
-    "title": "告别收费BI!如何自己动手做一个免费的可视化数据报表还支持文档在线预览？",
-    "description": "本人大学刚毕业目前在一家互联网公司从事产品运营工作，一季度刚过，公司需要我出一份产品运营数据报表，由于产品用户数据、订单数据等数据量太大，我希望找一款Bi产品，支持我做出一个精美的可视化报表，还可以...",
-    "url": "https://segmentfault.com/a/1190000041685816",
-    "author": "徐骏",
-    "home_url": "https://segmentfault.com/u/xujun_6253b72d8cc31",
-    "votes": "9",
+    "title": "40行代码实现React核心Diff算法",
+    "description": "大家好，我卡颂。凡是依赖虚拟DOM的框架，都需要比较前后节点变化的Diff算法。网上有大量讲解Diff算法逻辑的文章。然而，即使作者语言再精练，再图文并茂，相信大部分同学看完用不了多久就忘了。今天，我们换一种...",
+    "url": "https://segmentfault.com/a/1190000041706515",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "6",
     "rank": 27
   },
-  {
-    "title": "现代 CSS 解决方案：Modern CSS Reset",
-    "description": "在早年间（其实也不是很早），写过几篇关于 CSS Reset 的文章 - reset.css 知多少。详细描述了当时业界比较常用的，两个 CSS reset 方案：reset.css 与 Normalize.css。以更为推荐的 Normalize.css 为例，它的核...",
-    "url": "https://segmentfault.com/a/1190000041700998",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
-    "rank": 28
-  },
   {
     "title": "XTask与RxJava的使用比较",
     "description": "XTask是一个拓展性极强的Android任务执行框架。通过它，你可以自由定义和组合任务来实现你想要的功能，尤其适用于处理复杂的业务流程，可灵活添加前置任务或者调整执行顺序。",
@@ -258,15 +249,24 @@
     "author": "xuexiangjys",
     "home_url": "https://segmentfault.com/u/xuexiangjys",
     "votes": "1",
+    "rank": 28
+  },
+  {
+    "title": "得物App H5秒开优化实战",
+    "description": "H5秒开优化是一个老生常谈的问题，于是得物联合了客户端和H5共同发力。本文将逐步介绍如何通过客户端 + H5 的优化手段（1+1>2）把秒开从 30% 提升到 75% ？ 后续接口预请求、客户端预渲染以及预加载2.0上线后...",
+    "url": "https://segmentfault.com/a/1190000041701111",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "正式发布！VS Code 1.66新特性",
-    "description": "Visual Studio Code 1.66 现已发布！该版本更新内容很多，本文摘录部分新特性来作介绍。本地历史记录可以在时间轴视图中使用文件的本地历史记录，独立于源代码控制跟踪本地文件更改。根据配置的设置，每次保存编...",
-    "url": "https://segmentfault.com/a/1190000041668879",
-    "author": "微软技术栈",
-    "home_url": "https://segmentfault.com/u/mstech",
-    "votes": "1",
+    "title": "Angular13引入Echarts图表操作实录",
+    "description": "由于毕设的软件需要前端绘图，所以果断选择知名度较高的Apache Echarts。对于原生JS或TS来说，引入第三方库十分简单，只需要在Header处添加即可。本文旨在介绍Angular尤其是最新的Angular13使用Echarts的一些不同...",
+    "url": "https://segmentfault.com/a/1190000041680595",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "3",
     "rank": 30
   }
 ]

package/web/data/toutiao-30.json

@@ -1,14 +1,4 @@
 [
-  {
-    "title": "2万字 + 50 张图，细说 JVM 内存分布、内存对齐、压缩指针！",
-    "description": "",
-    "votes": "136",
-    "url": "/k/02whm5c",
-    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
-    "avatarAlt": "服务架构及中台 - 独家号",
-    "subjectName": "服务架构及中台",
-    "homeUrl": "/subjects/26578"
-  },
   {
     "title": "Kafka 面试连环炮, 看看你能撑到哪一步?",
     "description": "",
@@ -29,6 +19,16 @@
     "subjectName": "GoHackers",
     "homeUrl": "/subjects/1385"
   },
+  {
+    "title": "9大高性能优化经验总结，强烈建议收藏！！！",
+    "description": "",
+    "votes": "80",
+    "url": "/k/26za4ep",
+    "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
+    "avatarAlt": "进击的程序猿 - 独家号",
+    "subjectName": "进击的程序猿",
+    "homeUrl": "/subjects/24912"
+  },
   {
     "title": "你管这破玩意儿叫高可用",
     "description": "",
@@ -39,20 +39,10 @@
     "subjectName": "浪客用react,java全栈",
     "homeUrl": "/subjects/132403"
   },
-  {
-    "title": "9大高性能优化经验总结，强烈建议收藏！！！",
-    "description": "",
-    "votes": "77",
-    "url": "/k/26za4ep",
-    "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
-    "avatarAlt": "进击的程序猿 - 独家号",
-    "subjectName": "进击的程序猿",
-    "homeUrl": "/subjects/24912"
-  },
   {
     "title": "时间轮原理及其在框架中的应用",
     "description": "",
-    "votes": "78",
+    "votes": "79",
     "url": "/k/1dwwpfd",
     "avatar": "https://img.toutiao.io/subject/cc2d501408fd455d9b841cb6c8d95a6c/thumb",
     "avatarAlt": "ASCE1885 - 独家号",
@@ -62,7 +52,7 @@
   {
     "title": "解析分布式系统的缓存设计",
     "description": "",
-    "votes": "88",
+    "votes": "91",
     "url": "/k/pucrtli",
     "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
     "avatarAlt": "进击的程序猿 - 独家号",
@@ -72,13 +62,23 @@
   {
     "title": "系统架构的11条原则",
     "description": "基本原则原则一：价值为王解析：价值为王的另一种说法叫做YAGNI。YAGNI 是 You aren’t gonna need it 的缩写。该原则的基本含义就是，不应该开发任何当前...",
-    "votes": "79",
+    "votes": "80",
     "url": "/k/xbwjqgj",
     "avatar": "https://img.toutiao.io/subject/4325865040b44c0b9e2d8d80a83d1d11/thumb",
     "avatarAlt": "编程一生 - 独家号",
     "subjectName": "编程一生",
     "homeUrl": "/subjects/350352"
   },
+  {
+    "title": "谷歌工程最佳实践",
+    "description": "最近公司同事作了个Code Review的分享，于是乎我系统学习了下《谷歌工程实践》，里面主要讲的是Code Review。写下本文作为笔记。前言术语代码审查者指南Code Rev...",
+    "votes": "82",
+    "url": "/k/q19mmjh",
+    "avatar": "https://img.toutiao.io/subject/3f69ffc3bdf6496e86439348166e3ed7/thumb",
+    "avatarAlt": "GoHackers - 独家号",
+    "subjectName": "GoHackers",
+    "homeUrl": "/subjects/1385"
+  },
   {
     "title": "20多个好用的 Vue 组件库，请查收！",
     "description": "",
@@ -89,16 +89,6 @@
     "subjectName": "冷星前端圈",
     "homeUrl": "/subjects/380054"
   },
-  {
-    "title": "谷歌工程最佳实践",
-    "description": "最近公司同事作了个Code Review的分享，于是乎我系统学习了下《谷歌工程实践》，里面主要讲的是Code Review。写下本文作为笔记。前言术语代码审查者指南Code Rev...",
-    "votes": "81",
-    "url": "/k/q19mmjh",
-    "avatar": "https://img.toutiao.io/subject/3f69ffc3bdf6496e86439348166e3ed7/thumb",
-    "avatarAlt": "GoHackers - 独家号",
-    "subjectName": "GoHackers",
-    "homeUrl": "/subjects/1385"
-  },
   {
     "title": "万字长文助你上手软件领域驱动设计 DDD",
     "description": "",
@@ -159,6 +149,16 @@
     "subjectName": "趣编程的独家号",
     "homeUrl": "/subjects/465623"
   },
+  {
+    "title": "腾讯一面：CORS为什么能保障安全？为什么只对复杂请求做预检？",
+    "description": "",
+    "votes": "69",
+    "url": "/k/quomj0f",
+    "avatar": "https://img.toutiao.io/subject/c9bc51847b0c4b49aca52d0eaa087ed1/thumb",
+    "avatarAlt": "冷星前端圈 - 独家号",
+    "subjectName": "冷星前端圈",
+    "homeUrl": "/subjects/380054"
+  },
   {
     "title": "一年实现降本60%，货拉拉全链路监控演进史",
     "description": "",
@@ -169,16 +169,6 @@
     "subjectName": "yaya的鸡汤",
     "homeUrl": "/subjects/132121"
   },
-  {
-    "title": "腾讯一面：CORS为什么能保障安全？为什么只对复杂请求做预检？",
-    "description": "",
-    "votes": "66",
-    "url": "/k/quomj0f",
-    "avatar": "https://img.toutiao.io/subject/c9bc51847b0c4b49aca52d0eaa087ed1/thumb",
-    "avatarAlt": "冷星前端圈 - 独家号",
-    "subjectName": "冷星前端圈",
-    "homeUrl": "/subjects/380054"
-  },
   {
     "title": "Java系列 | 远程热部署在美团的落地实践",
     "description": "",
@@ -199,26 +189,26 @@
     "subjectName": "一猿小讲",
     "homeUrl": "/subjects/413084"
   },
-  {
-    "title": "京东二面：MySQL 主从延迟，读写分离 7 种解决方案",
-    "description": "",
-    "votes": "54",
-    "url": "/k/iqa9o4a",
-    "avatar": "https://img.toutiao.io/subject/df70c5d3876241ecba5984356133ab23/thumb",
-    "avatarAlt": "架构必知必会 - 独家号",
-    "subjectName": "架构必知必会",
-    "homeUrl": "/subjects/472073"
-  },
   {
     "title": "总结篇：消息中间件MQ的学习境界和路线",
     "description": "",
-    "votes": "61",
+    "votes": "62",
     "url": "/k/papwbgk",
     "avatar": "https://img.toutiao.io/subject/4325865040b44c0b9e2d8d80a83d1d11/thumb",
     "avatarAlt": "编程一生 - 独家号",
     "subjectName": "编程一生",
     "homeUrl": "/subjects/350352"
   },
+  {
+    "title": "京东二面：MySQL 主从延迟，读写分离 7 种解决方案",
+    "description": "",
+    "votes": "55",
+    "url": "/k/iqa9o4a",
+    "avatar": "https://img.toutiao.io/subject/df70c5d3876241ecba5984356133ab23/thumb",
+    "avatarAlt": "架构必知必会 - 独家号",
+    "subjectName": "架构必知必会",
+    "homeUrl": "/subjects/472073"
+  },
   {
     "title": "ClickHouse 在网易的实践",
     "description": "",
@@ -240,13 +230,23 @@
     "homeUrl": "/subjects/188023"
   },
   {
-    "title": "面试必备：聊聊分布式锁的多种实现！",
+    "title": "JMH + Arthas，性能监控的神器",
     "description": "",
-    "votes": "48",
-    "url": "/k/kypk9q4",
-    "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
-    "avatarAlt": "Bloomingroses - 独家号",
-    "subjectName": "Bloomingroses",
-    "homeUrl": "/subjects/98777"
+    "votes": "54",
+    "url": "/k/7xbvm5y",
+    "avatar": "https://img.toutiao.io/subject/d9b0b833d7e44d38b958e8a6003d36b4/thumb",
+    "avatarAlt": "浪客用react,java全栈 - 独家号",
+    "subjectName": "浪客用react,java全栈",
+    "homeUrl": "/subjects/132403"
+  },
+  {
+    "title": "如何保证数据库和缓存双写一致性？",
+    "description": "",
+    "votes": "53",
+    "url": "/k/6ok0gzz",
+    "avatar": "https://img.toutiao.io/subject/96c1af0d2a0b441ca9740ee13c3e37f3/thumb",
+    "avatarAlt": "苏三说技术 - 独家号",
+    "subjectName": "苏三说技术",
+    "homeUrl": "/subjects/453205"
   }
 ]