@wcj/github-rank 22.3.17 → 22.3.18

package/web/data/sifou-weekly.json

@@ -1,39 +1,30 @@
 [
+  {
+    "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": "27",
+    "rank": 1
+  },
   {
     "title": "5种限流算法，7种限流方式，挡住突发流量？",
     "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
     "url": "https://segmentfault.com/a/1190000041548601",
     "author": "程序猿阿朗",
     "home_url": "https://segmentfault.com/u/niumoo",
-    "votes": "18",
-    "rank": 1
-  },
-  {
-    "title": "Go 设计哲学：少即是多，哪里来的？",
-    "description": "甚至讨论 Go issues 和提案时，都会有人用 “less is more” 来反驳或做为论点支撑，非常的有意思。大家都会很好奇，出处是哪里，是什么意思？",
-    "url": "https://segmentfault.com/a/1190000041524988",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "13",
+    "votes": "20",
     "rank": 2
   },
-  {
-    "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": "18",
-    "rank": 3
-  },
   {
     "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": "13",
-    "rank": 4
+    "votes": "15",
+    "rank": 3
   },
   {
     "title": "什么是 LRU 算法？",
@@ -41,15 +32,24 @@
     "url": "https://segmentfault.com/a/1190000041542627",
     "author": "Shenfq",
     "home_url": "https://segmentfault.com/u/shenfq",
-    "votes": "9",
+    "votes": "10",
+    "rank": 4
+  },
+  {
+    "title": "如何写一份好的前端面试简历?",
+    "description": "在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...",
+    "url": "https://segmentfault.com/a/1190000041542431",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "10",
     "rank": 5
   },
   {
-    "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
-    "description": "Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。",
-    "url": "https://segmentfault.com/a/1190000041524121",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
+    "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": "12",
     "rank": 6
   },
@@ -71,40 +71,40 @@
     "votes": "8",
     "rank": 8
   },
-  {
-    "title": "如何写一份好的前端面试简历?",
-    "description": "在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...",
-    "url": "https://segmentfault.com/a/1190000041542431",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "9",
-    "rank": 9
-  },
   {
     "title": "观察者模式与发布订阅模式区别 - JS",
     "description": "在观察者模式中，只有两种主体：目标对象 (Subject) 和 观察者 (Observer)。在观察者模式中，Subject 对象拥有添加、删除和通知一系列 Observer 的方法等，而 Observer 对象拥有 update 更新方法等。在 Subject ...",
     "url": "https://segmentfault.com/a/1190000041543041",
     "author": "时倾",
     "home_url": "https://segmentfault.com/u/shiqing_5e690563e48cc",
-    "votes": "3",
+    "votes": "5",
+    "rank": 9
+  },
+  {
+    "title": "招聘季征文活动丨如何“反杀”面试官？",
+    "description": "💭💭💭“怎么准备面试？面试官一般会问些什么问题？”“哪些面试经验，让你成功上岸？”“经历过哪些尴尬的面试场面？”“面试准备中有哪些最最最常见的坑？”“如何写好一份面试简历？”",
+    "url": "https://segmentfault.com/a/1190000041558580",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "7",
     "rank": 10
   },
   {
-    "title": "VuePress 博客之 SEO 优化（四） Open Graph protocol",
-    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲讲 SEO 优化中的 Open Graph protocol。meta 标签如果我们打开思否...",
-    "url": "https://segmentfault.com/a/1190000041528595",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
+    "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": "4",
     "rank": 11
   },
   {
-    "title": "5分钟学会 gRPC",
-    "description": "我猜测大部分长期使用 Java 的开发者应该较少会接触 gRPC，毕竟在 Java 圈子里大部分使用的还是 Dubbo/SpringClound 这两类服务框架。",
-    "url": "https://segmentfault.com/a/1190000041528313",
-    "author": "crossoverJie",
-    "home_url": "https://segmentfault.com/u/crossoverjie",
-    "votes": "5",
+    "title": "petite-vue源码剖析-双向绑定`v-model`的工作原理",
+    "description": "双向绑定v-model不仅仅是对可编辑HTML元素(select, input, textarea和附带[contenteditable=true])同时附加v-bind和v-on，而且还能利用通过petite-vue附加给元素的_value、_trueValue和_falseValue属性提供存储非...",
+    "url": "https://segmentfault.com/a/1190000041545178",
+    "author": "肥仔John",
+    "home_url": "https://segmentfault.com/u/fsjohnhuang",
+    "votes": "4",
     "rank": 12
   },
   {
@@ -113,123 +113,123 @@
     "url": "https://segmentfault.com/a/1190000041542386",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "4",
+    "votes": "5",
     "rank": 13
   },
   {
-    "title": "petite-vue源码剖析-双向绑定`v-model`的工作原理",
-    "description": "双向绑定v-model不仅仅是对可编辑HTML元素(select, input, textarea和附带[contenteditable=true])同时附加v-bind和v-on，而且还能利用通过petite-vue附加给元素的_value、_trueValue和_falseValue属性提供存储非...",
-    "url": "https://segmentfault.com/a/1190000041545178",
-    "author": "肥仔John",
-    "home_url": "https://segmentfault.com/u/fsjohnhuang",
-    "votes": "2",
+    "title": "（交作业啦！！！）html5学习笔记🐷",
+    "description": "由于前段时间比较忙（忙着相亲）所以很久都没有更新文章，也没有认真学习啦！导致我的老师都来质问我，所以今天要做个检讨了😭嘿嘿嘿，是不是有一种上高中的时候被老师催着交作业的感觉！！！",
+    "url": "https://segmentfault.com/a/1190000041551724",
+    "author": "不会写代码的小白",
+    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
+    "votes": "8",
     "rank": 14
   },
   {
-    "title": "如何在 JavaScript 中实现 Event Bus（事件总线）",
-    "description": "Event Bus 事件总线，通常作为多个模块间的通信机制，相当于一个事件管理中心，一个模块发送消息，其它模块接受消息，就达到了通信的作用。",
-    "url": "https://segmentfault.com/a/1190000041538256",
-    "author": "Dushusir",
-    "home_url": "https://segmentfault.com/u/dushusir",
+    "title": "从数据集中随机抽取一定数量的数据",
+    "description": "今天翻到一个以前回答的问题：从列表中随机抽取一定数量的数据。之前回答是使用 Fisher-Yates 洗牌算法来解决的，但是阅读了评论之后，又有了一些新想法。",
+    "url": "https://segmentfault.com/a/1190000041557477",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "4",
     "rank": 15
   },
   {
-    "title": "（交作业啦！！！）html5学习笔记🐷",
-    "description": "由于前段时间比较忙（忙着相亲）所以很久都没有更新文章，也没有认真学习啦！导致我的老师都来质问我，所以今天要做个检讨了😭嘿嘿嘿，是不是有一种上高中的时候被老师催着交作业的感觉！！！",
-    "url": "https://segmentfault.com/a/1190000041551724",
-    "author": "不会写代码的小白",
-    "home_url": "https://segmentfault.com/u/z_61ea63e052dfb",
-    "votes": "7",
+    "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
+    "description": "当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...",
+    "url": "https://segmentfault.com/a/1190000041553527",
+    "author": "前端私教年年",
+    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
+    "votes": "4",
     "rank": 16
   },
-  {
-    "title": "走进开源项目 - urlcat 源码分析",
-    "description": "该项目是在 qs 项目的基础上并使用 typescript 进行开发，其中定义了 2 个类型，有几个不太了解知识点 type 、 Recode 、Partial 和 Pick 。",
-    "url": "https://segmentfault.com/a/1190000041542058",
-    "author": "robin",
-    "home_url": "https://segmentfault.com/u/robin_ren",
-    "votes": "2",
-    "rank": 17
-  },
   {
     "title": "巧用 CSS 构建渐变彩色二维码",
     "description": "很有意思的问题，我们在百度谷歌，搜索 qrcode，能搜到非常多在线制作二维码的工具，它们其中一些也会带有制作渐变二维码的功能。但是它们大部分都是 Canvas 或者其它编程语言实现的。",
     "url": "https://segmentfault.com/a/1190000041543121",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "4",
+    "rank": 17
+  },
+  {
+    "title": "走进开源项目 - urlcat 源码分析",
+    "description": "该项目是在 qs 项目的基础上并使用 typescript 进行开发，其中定义了 2 个类型，有几个不太了解知识点 type 、 Recode 、Partial 和 Pick 。",
+    "url": "https://segmentfault.com/a/1190000041542058",
+    "author": "robin",
+    "home_url": "https://segmentfault.com/u/robin_ren",
     "votes": "3",
     "rank": 18
   },
   {
-    "title": "你不知道的JavaScript中的5个JSON秘密功能",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041491918",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "如何在 JavaScript 中实现 Event Bus（事件总线）",
+    "description": "Event Bus 事件总线，通常作为多个模块间的通信机制，相当于一个事件管理中心，一个模块发送消息，其它模块接受消息，就达到了通信的作用。",
+    "url": "https://segmentfault.com/a/1190000041538256",
+    "author": "Dushusir",
+    "home_url": "https://segmentfault.com/u/dushusir",
     "votes": "4",
     "rank": 19
   },
   {
-    "title": "React内部的性能优化没有达到极致？",
-    "description": "大家好，我卡颂。对于如下这个常见交互步骤：点击按钮，触发状态更新组件render视图渲染你觉得哪些步骤有性能优化的空间呢？答案是：1和2。对于步骤1，如果状态更新前后没有变化，则可以略过剩下的步骤。这个优化...",
-    "url": "https://segmentfault.com/a/1190000041531553",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "4",
+    "title": "浅谈VueUse设计与实现",
+    "description": "前言大家好,我是webfansplz.首先跟大家分享一个好消息,我加入VueUse团队啦,感谢@antfu的邀请,很开心成为团队的一员.今天跟大家聊聊VueUse的设计与实现.介绍大家都知道Vue3引入了组合式API,大大提升了逻辑复用能力...",
+    "url": "https://segmentfault.com/a/1190000041542396",
+    "author": "null仔",
+    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
+    "votes": "3",
     "rank": 20
   },
   {
-    "title": "扑克牌速算24 -穷举（JavaScript）",
-    "description": "要求：提交算法思路即可。思路：先分析一下穷举包含多少种情况：1、操作数。由于是给定的4张牌，所以把这个4张牌进行全排列，共有：24种2、运算符。4个数之间有3个运算符，每个运算符有4种选择，共有：64种3、运...",
-    "url": "https://segmentfault.com/a/1190000041523394",
-    "author": "叫我詹躲躲",
-    "home_url": "https://segmentfault.com/u/huixiaodeyanjingzhenmei",
-    "votes": "2",
+    "title": "写给后端开发工程师的H5前端开发知识",
+    "description": "web发展到目前为止已经有将近30年的历史，在web兴起的早期，并没有前端这个概念。最初所有的开发工作都是由后端开发工程师完成，随着业务越来越复杂，工作量逐渐的增加，项目中的可视化部分和一部分交互功能的开...",
+    "url": "https://segmentfault.com/a/1190000041554419",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "3",
     "rank": 21
   },
   {
-    "title": "VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据",
-    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲 SEO 中的 JSON-LD。JSON-LD如果我们打开掘金任意一篇文章，比如这...",
-    "url": "https://segmentfault.com/a/1190000041533456",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "3",
+    "title": "React内部的性能优化没有达到极致？",
+    "description": "大家好，我卡颂。对于如下这个常见交互步骤：点击按钮，触发状态更新组件render视图渲染你觉得哪些步骤有性能优化的空间呢？答案是：1和2。对于步骤1，如果状态更新前后没有变化，则可以略过剩下的步骤。这个优化...",
+    "url": "https://segmentfault.com/a/1190000041531553",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "4",
     "rank": 22
   },
   {
-    "title": "静态模型一键动态化，教你如何集成动作捕捉能力",
-    "description": "华为3D建模服务（3D Modeling Kit）的动作捕捉能力，利用人体检测技术以及模型加速与压缩技术、基于深度学习的单目姿态估计算法，仅需要普通手机的RGB摄像头，就可以捕获人体24个骨骼关键点三维信息，轻松实现静...",
-    "url": "https://segmentfault.com/a/1190000041526401",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "2",
+    "title": "网易云音乐低代码体系建设思考与实践",
+    "description": "本文主要谈一谈网易云音乐大前端团队在面向模式化研发场景的低代码体系的建设思考和实践。本文将会从当前我们所面临的业务研发问题出发，谈一谈我们对于构建低代码研发体系的思考，进而介绍我们正在构建的同时支...",
+    "url": "https://segmentfault.com/a/1190000041545050",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "4",
     "rank": 23
   },
   {
-    "title": "网易X工行：云原生日志系统 Loggie 正式开源！",
-    "description": "近日，由网易和中国工商银行联合发起的云原生日志系统Loggie项目（github.com/loggie-io/loggie/）正式开源。这是网易数帆向云原生日志痛点发起的一次冲锋，也是团队联合合作伙伴践行“架构开放，内核开源”技术理...",
-    "url": "https://segmentfault.com/a/1190000041527821",
-    "author": "网易数帆",
-    "home_url": "https://segmentfault.com/u/163yun",
-    "votes": "2",
+    "title": "CSS 美化滑动输入条 input range",
+    "description": "欢迎关注我的公众号：前端侦探关于原生 input range 滑动输入条如何自定义样式一直都是我心里的一道坎，一般情况下，可以很轻易的美化到这个程度为什么很容易呢？因为这些都是有对应的伪元素可以修改的 {代码...}...",
+    "url": "https://segmentfault.com/a/1190000041543171",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "6",
     "rank": 24
   },
   {
-    "title": "LeetCode刷题笔记：数组中重复的数据",
-    "description": "给你一个长度为 n 的整数数组 nums ，其中 nums 的所有整数都在范围 [1, n] 内，且每个整数出现 一次 或 两次 。请你找出所有出现 两次 的整数，并以数组形式返回。",
-    "url": "https://segmentfault.com/a/1190000041538428",
-    "author": "Dushusir",
-    "home_url": "https://segmentfault.com/u/dushusir",
-    "votes": "4",
+    "title": "我在 ONES 等你 ｜ 宝藏公司技术招聘",
+    "description": "主讲人简介ONES 联合创始人兼 CTO 冯斌曾任职于金山软件网易邮箱、正点科技；CSM、DevOps Master、KMP、PMI-ACP、系统分析师中国信息通信研究院《研发运营一体化（DevOps）能力成熟度模型》 编写专家《研发运营一...",
+    "url": "https://segmentfault.com/a/1190000041549758",
+    "author": "万事ONES",
+    "home_url": "https://segmentfault.com/u/wanshiones",
+    "votes": "2",
     "rank": 25
   },
   {
-    "title": "Sentry搭建流程（前端vue接入）",
-    "description": "一、背景&&作用异常监控系统收集异常收集日志信息；接口时长信息及时警告；发送邮件展示统计信息code review成本高；有时候只能发现语法或者代码风格问题；对于逻辑业务问题没有过多的时间深读兼容性问题不好测试...",
-    "url": "https://segmentfault.com/a/1190000041524501",
-    "author": "songxianling1992",
-    "home_url": "https://segmentfault.com/u/songxianling1992",
+    "title": "VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据",
+    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲 SEO 中的 JSON-LD。JSON-LD如果我们打开掘金任意一篇文章，比如这...",
+    "url": "https://segmentfault.com/a/1190000041533456",
+    "author": "冴羽",
+    "home_url": "https://segmentfault.com/u/yayu",
     "votes": "3",
     "rank": 26
   },
@@ -242,6 +242,15 @@
     "votes": "4",
     "rank": 27
   },
+  {
+    "title": "LeetCode刷题笔记：数组中重复的数据",
+    "description": "给你一个长度为 n 的整数数组 nums ，其中 nums 的所有整数都在范围 [1, n] 内，且每个整数出现 一次 或 两次 。请你找出所有出现 两次 的整数，并以数组形式返回。",
+    "url": "https://segmentfault.com/a/1190000041538428",
+    "author": "Dushusir",
+    "home_url": "https://segmentfault.com/u/dushusir",
+    "votes": "4",
+    "rank": 28
+  },
   {
     "title": "使用 Rancher 进行首次金丝雀部署",
     "description": "过去，可怜的金丝雀会作为试验品，用来测试煤矿中甲烷的含量。用绳子将装有金丝雀的笼子放入矿井一段时间，再拉上来，如果金丝雀还活着，矿井就可以安全开采；如果金丝雀死亡，则不能开采。现在，这种方法早已弃...",
@@ -249,24 +258,15 @@
     "author": "Rancher",
     "home_url": "https://segmentfault.com/u/rancher",
     "votes": "2",
-    "rank": 28
-  },
-  {
-    "title": "浅谈VueUse设计与实现",
-    "description": "前言大家好,我是webfansplz.首先跟大家分享一个好消息,我加入VueUse团队啦,感谢@antfu的邀请,很开心成为团队的一员.今天跟大家聊聊VueUse的设计与实现.介绍大家都知道Vue3引入了组合式API,大大提升了逻辑复用能力...",
-    "url": "https://segmentfault.com/a/1190000041542396",
-    "author": "null仔",
-    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
-    "votes": "2",
     "rank": 29
   },
   {
-    "title": "Event loop",
-    "description": "Javascript 基于 Event Loop 的运行方式与众不同，microtask queue、task queue 让很多人迷惑代码为什么这样运行。这里就来看一眼 Event Loop。",
-    "url": "https://segmentfault.com/a/1190000041534937",
-    "author": "fefe",
-    "home_url": "https://segmentfault.com/u/fefe_5d0b30d7515e7",
-    "votes": "2",
+    "title": "[live streaming] CG&WebGL&Threejs知识以及学习思维分享。",
+    "description": "对于一次直播分享的文字版记录 (建议看视频), 视频云盘链接 全篇主要分为几个方向进行了介绍:Computer Graphics相关WebGL相关Threejs相关Q&A 暂不记录注意下述内容与直播内容可能稍微存在差异。Computer Graphics...",
+    "url": "https://segmentfault.com/a/1190000041543599",
+    "author": "wlove",
+    "home_url": "https://segmentfault.com/u/xieguoliang",
+    "votes": "3",
     "rank": 30
   }
 ]

package/web/data/toutiao-30.json

@@ -22,7 +22,7 @@
   {
     "title": "Java泛型详解，史上最全图文详解！",
     "description": "",
-    "votes": "116",
+    "votes": "119",
     "url": "/k/chtkqxo",
     "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
     "avatarAlt": "进击的程序猿 - 独家号",
@@ -32,7 +32,7 @@
   {
     "title": "MySQL 团队开发规范",
     "description": "",
-    "votes": "105",
+    "votes": "106",
     "url": "/k/qjooigy",
     "avatar": "https://img.toutiao.io/subject/573a89c273cc42d2a87e753fee03e1a5/thumb",
     "avatarAlt": "技术干货分享 - 独家号",
@@ -62,13 +62,23 @@
   {
     "title": "【超赞】技术架构的战略和战术原则",
     "description": "",
-    "votes": "93",
+    "votes": "94",
     "url": "/k/j9872pc",
     "avatar": "https://img.toutiao.io/subject/0bd01d30f85345feb85424b2928d99b2/thumb",
     "avatarAlt": "进击的程序猿 - 独家号",
     "subjectName": "进击的程序猿",
     "homeUrl": "/subjects/24912"
   },
+  {
+    "title": "2万字 + 50 张图，细说 JVM 内存分布、内存对齐、压缩指针！",
+    "description": "",
+    "votes": "77",
+    "url": "/k/02whm5c",
+    "avatar": "https://img.toutiao.io/subject/8e12ef64799649acbfd936883ef16c3c/thumb",
+    "avatarAlt": "服务架构及中台 - 独家号",
+    "subjectName": "服务架构及中台",
+    "homeUrl": "/subjects/26578"
+  },
   {
     "title": "ClickHouse使用实践与规范",
     "description": "",
@@ -119,6 +129,16 @@
     "subjectName": "Bloomingroses",
     "homeUrl": "/subjects/98777"
   },
+  {
+    "title": "我的命令行开发环境 ❤️",
+    "description": "常言道，工欲善其事、必先利其器，熟练一套高效且趁手的工具，对开发工作的重要性不言而喻。本文分享我的命令行开发环境，文章较长，配图较多，其中几处详细内容，已将其折叠起来，读者可视兴趣...",
+    "votes": "66",
+    "url": "/k/hjda293",
+    "avatar": "https://img.toutiao.io/user/776a2999bca149088ebe52366451432a/thumb",
+    "avatarAlt": "hit9 - 独家号",
+    "subjectName": "hit9",
+    "homeUrl": "/subjects/420867"
+  },
   {
     "title": "趣谈IO多路复用的本质",
     "description": "",
@@ -129,20 +149,10 @@
     "subjectName": "编程一生",
     "homeUrl": "/subjects/350352"
   },
-  {
-    "title": "我的命令行开发环境 ❤️",
-    "description": "常言道，工欲善其事、必先利其器，熟练一套高效且趁手的工具，对开发工作的重要性不言而喻。本文分享我的命令行开发环境，文章较长，配图较多，其中几处详细内容，已将其折叠起来，读者可视兴趣...",
-    "votes": "65",
-    "url": "/k/hjda293",
-    "avatar": "https://img.toutiao.io/user/776a2999bca149088ebe52366451432a/thumb",
-    "avatarAlt": "hit9 - 独家号",
-    "subjectName": "hit9",
-    "homeUrl": "/subjects/420867"
-  },
   {
     "title": "快看我在Redis分布式锁上，栽的8个跟头！",
     "description": "",
-    "votes": "65",
+    "votes": "67",
     "url": "/k/pshtt8d",
     "avatar": "https://img.toutiao.io/subject/c34a137f55bf46c3a2cf63e3677a30b1/thumb",
     "avatarAlt": "Bloomingroses - 独家号",
@@ -152,13 +162,23 @@
   {
     "title": "阿里巴巴开源的低代码引擎",
     "description": "以下内容选自「码农周刊 VIP 会员」圈子，每日更新，精彩不断。低代码引擎是一款为低代码平台开发者提供的，具备强大定制扩展能力的低代码设计器研发框架。低代码引擎的核心是设计器，通过...",
-    "votes": "57",
+    "votes": "60",
     "url": "/k/gsosp6w",
     "avatar": "https://img.toutiao.io/subject/d2f421bbe0be47369b6560e316a5153b/thumb",
     "avatarAlt": "头条精选 - 独家号",
     "subjectName": "头条精选",
     "homeUrl": "/subjects/4"
   },
+  {
+    "title": "架构师如何选型分布式业务网关",
+    "description": "",
+    "votes": "55",
+    "url": "/k/enmg99d",
+    "avatar": "https://img.toutiao.io/subject/79cba8fc8d5a4f8a8e6cf60cfffeb6dc/thumb",
+    "avatarAlt": "公众号-35岁程序员那些事 - 独家号",
+    "subjectName": "公众号-35岁程序员那些事",
+    "homeUrl": "/subjects/266939"
+  },
   {
     "title": "输入URL开始建立你的前端知识体系",
     "description": "",
@@ -169,6 +189,16 @@
     "subjectName": "冷星前端圈",
     "homeUrl": "/subjects/380054"
   },
+  {
+    "title": "最常用的架构模式",
+    "description": "观其设计知其人A MAN is KNOWN by the DESIGN he keeps原文:Most Useful Software Architecture Patterns ...",
+    "votes": "55",
+    "url": "/k/qnfl3t6",
+    "avatar": "https://img.toutiao.io/subject/1a197bcacc0346c186be58be1aaf34bd/thumb",
+    "avatarAlt": "Java后端技术 - 独家号",
+    "subjectName": "Java后端技术",
+    "homeUrl": "/subjects/63673"
+  },
   {
     "title": "快手实时数仓建设实践",
     "description": "",
@@ -199,16 +229,6 @@
     "subjectName": "乱点技能树",
     "homeUrl": "/subjects/194141"
   },
-  {
-    "title": "架构师如何选型分布式业务网关",
-    "description": "",
-    "votes": "51",
-    "url": "/k/enmg99d",
-    "avatar": "https://img.toutiao.io/subject/79cba8fc8d5a4f8a8e6cf60cfffeb6dc/thumb",
-    "avatarAlt": "公众号-35岁程序员那些事 - 独家号",
-    "subjectName": "公众号-35岁程序员那些事",
-    "homeUrl": "/subjects/266939"
-  },
   {
     "title": "谁让你跪舔了，程序员得这样向上管理",
     "description": "",
@@ -220,33 +240,13 @@
     "homeUrl": "/subjects/98777"
   },
   {
-    "title": "最常用的架构模式",
-    "description": "观其设计知其人A MAN is KNOWN by the DESIGN he keeps原文:Most Useful Software Architecture Patterns ...",
-    "votes": "53",
-    "url": "/k/qnfl3t6",
-    "avatar": "https://img.toutiao.io/subject/1a197bcacc0346c186be58be1aaf34bd/thumb",
-    "avatarAlt": "Java后端技术 - 独家号",
-    "subjectName": "Java后端技术",
-    "homeUrl": "/subjects/63673"
-  },
-  {
-    "title": "外部接口大量超时，把整个系统拖垮，引发雪崩！如何解决？",
-    "description": "",
-    "votes": "58",
-    "url": "/k/w133tux",
-    "avatar": "https://img.toutiao.io/subject/d9b0b833d7e44d38b958e8a6003d36b4/thumb",
-    "avatarAlt": "浪客用react,java全栈 - 独家号",
-    "subjectName": "浪客用react,java全栈",
-    "homeUrl": "/subjects/132403"
-  },
-  {
-    "title": "领域驱动设计(DDD)中简单易用的10种技巧",
-    "description": "",
-    "votes": "50",
-    "url": "/k/0i01zb6",
-    "avatar": "https://img.toutiao.io/subject/4325865040b44c0b9e2d8d80a83d1d11/thumb",
-    "avatarAlt": "编程一生 - 独家号",
-    "subjectName": "编程一生",
-    "homeUrl": "/subjects/350352"
+    "title": "面试官问，Redis 是单线程还是多线程?我懵了",
+    "description": "我们平时看到介绍 Redis 的文章，都会说 Redis 是单线程的。但是我们学习的时候，比如 Redis 的 bgsave 命令，它的作用是在后台异步保存当前数据库的数据到磁盘，...",
+    "votes": "55",
+    "url": "/k/kd3u5dk",
+    "avatar": "https://img.toutiao.io/subject/4f9b8a1b9ad34bf3b815671f8461ff25/thumb",
+    "avatarAlt": "又拍云 - 独家号",
+    "subjectName": "又拍云",
+    "homeUrl": "/subjects/182218"
   }
 ]