@wcj/github-rank 22.3.22 → 22.3.25

package/dist/sifou-daily.json

@@ -1,137 +1,83 @@
 [
   {
-    "title": "点击页面元素,这个Vite插件帮我打开了Vue组件 🚀",
-    "description": "vite-plugin-vue-inspector的功能是点击页面元素,自动打开本地IDE并跳转到对应的Vue组件.类似于Vue DevTools的 Open component in editor功能.",
-    "url": "https://segmentfault.com/a/1190000041578690",
-    "author": "null仔",
-    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
-    "votes": "4",
+    "title": "手把手教你搭建博客",
+    "description": "由于 github 访问不太稳定，觉得将博客迁移到 AWS 上。可以借助 AWS 存储的功能。为什么选择 hexo生成页面速度快支持 markdown一键部署超强的扩展性海量的插件创建博客 {代码...} 这短短的几步，博客便创建成功了...",
+    "url": "https://segmentfault.com/a/1190000041600277",
+    "author": "robin",
+    "home_url": "https://segmentfault.com/u/robin_ren",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "angular动态表单",
-    "description": "项目中需要实现一个模块，任务管理，这里的任务是多样的。比如说打疫苗是一个任务，我们首先建立这个任务，然后在任务中规定几个字段，比如说打疫苗的地点，时间，接种疫苗品牌等等。关爱老人是另一个任务，任务...",
-    "url": "https://segmentfault.com/a/1190000041583811",
-    "author": "小强Zzz",
-    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
-    "votes": "3",
+    "title": "OpenShift 与 OpenStack：让云变得更简单",
+    "description": "OpenShift 与 OpenStack 都是在 2010、2011 年左右创建的，用于构建可扩展云平台的开源技术，两者都用于在混合云环境中构建可扩展系统。从历史来看，OpenStack 的存在时间要比 OpenShift 长。这两个项目的演变代...",
+    "url": "https://segmentfault.com/a/1190000041602430",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "用简单的代码描述Angular父组件、子组件传值",
-    "description": "其中①就是选择器，就是告诉别的组件，如果想调用我这个组件，就要使用本组件的选择器<selectorName></selectorName>来调用。",
-    "url": "https://segmentfault.com/a/1190000041583641",
-    "author": "LYX6666",
-    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
-    "votes": "3",
+    "title": "手把手带你走进Babel的编译世界",
+    "description": "谈及 Babel,必然离不开 AST。有关 AST 这个知识点其实是很重要的，但由于涉及到代码编译阶段，大多情况都是由各个框架内置相关处理，所以作为开发(使用)者本身，往往会忽视这个过程。希望通过这篇文章，带各位同...",
+    "url": "https://segmentfault.com/a/1190000041599576",
+    "author": "云音乐技术团队",
+    "home_url": "https://segmentfault.com/u/musicfe",
+    "votes": "2",
     "rank": 3
   },
   {
-    "title": "CSS 也能自动补全字符串？",
-    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
-    "url": "https://segmentfault.com/a/1190000041580205",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
+    "title": "开源码力榜背后的算法模型",
+    "description": "来自 X-Lab 的 OpenDigger 团队对 GitHub 开放的归档日志进行分析，筛选出了 2021 全年 GitHub 协作影响力排名前 10,000 的账号，并号召了社区中数十位开发者及十余家合作社区，通过开放式协作共同核实标注信息、...",
+    "url": "https://segmentfault.com/a/1190000041604918",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "SQL CASE 表达式",
-    "description": "明显可以看出，简单表达式只是搜索表达式 a = b 的特例，因为无法书写任何符号，只要条件换成 a > b 就无法胜任了，而搜索表达式不但可以轻松胜任，甚至可以写聚合函数。",
-    "url": "https://segmentfault.com/a/1190000041578841",
-    "author": "黄子毅",
-    "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "3",
+    "title": "3D 沙盒游戏之避障踩坑和实现之旅",
+    "description": "最近在实现一个 3D 的沙盒类游戏，基本的功能就是在一个 3D 平面里，进行建筑物的搭建，可以在场景内添加或者编辑建筑物，然后平面内存在一个人物模型，他可以穿梭行走于建筑物之间。",
+    "url": "https://segmentfault.com/a/1190000041603598",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "JVM自定义类加载器在代码扩展性的实践",
-    "description": "名单管理系统是手机上各个模块将需要管控的应用配置到文件中，然后下发到手机上进行应用管控的系统，比如各个应用的耗电量管控；各个模块的管控应用文件考虑到安全问题，有自己的不同的加密方式，按照以往的经验...",
-    "url": "https://segmentfault.com/a/1190000041579140",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "4",
+    "title": "这款牛逼的开源安全工具让我这个运维也变成“安全专家”",
+    "description": "我是一家互联网公司的 DevOps 工程师，平常负责公司服务的上线发布流程。我和墨菲安全的这款开源的漏洞检测工具结缘，主要是因为前段时间log4j2 的漏洞，最近我们公司的研发频繁的上线基本上都是修复 log4j2 的漏...",
+    "url": "https://segmentfault.com/a/1190000041599059",
+    "author": "墨菲安全",
+    "home_url": "https://segmentfault.com/u/murphysec",
+    "votes": "1",
     "rank": 6
   },
   {
-    "title": "Java系列 | 远程热部署在美团的落地实践",
-    "description": "Sonic是美团内部研发设计的一款用于热部署的IDEA插件，本文其实现原理及落地的一些技术细节。在阅读本文之前，建议大家先熟悉一下Spring源码、Spring MVC 源码 、Spring Boot源码 、Agent字节码增强、Javassist、...",
-    "url": "https://segmentfault.com/a/1190000041581466",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
-    "votes": "2",
+    "title": "95 后新生代 Committer 贺张俭：谈谈年轻人的开源观",
+    "description": "关于 Apache Pulsar 云原生时代消息队列和流融合系统，提供统一的消费模型，支持消息队列和流两种场景，既能为队列场景提供企业级读写服务质量和强一致性保障，又能为流场景提供高吞吐、低延迟；采用存储计算分离...",
+    "url": "https://segmentfault.com/a/1190000041598955",
+    "author": "ApachePulsar",
+    "home_url": "https://segmentfault.com/u/apachepulsar",
+    "votes": "1",
     "rank": 7
   },
   {
-    "title": "HeapDump性能社区专题系列四：后端面试必备问题集",
-    "description": "一元复始，万象更新。春节结束，一切又是新的开始。马上就到“金三银四”了，有跳槽打算的工程师，一定已经开始偷偷努力了吧！今天堆堆帮大家整理了一些或经典或刁钻的面试题，以及一些难点解析，希望能帮大家查漏...",
-    "url": "https://segmentfault.com/a/1190000041580061",
-    "author": "HeapDump性能社区",
-    "home_url": "https://segmentfault.com/u/perfma",
-    "votes": "2",
+    "title": "Java 9 的模块（Module）系统",
+    "description": "最近很多同学问我，胖哥，该怎么学习？该学习什么？这里胖哥也穿插说一下。不管学东西，一定要先搞清楚学了有什么用，是学了马上就能用上还是以后有用。我觉得在时间有限的情况下，一定要学当前立马有用的东西。...",
+    "url": "https://segmentfault.com/a/1190000041601473",
+    "author": "码农小胖哥",
+    "home_url": "https://segmentfault.com/u/10000000",
+    "votes": "1",
     "rank": 8
   },
   {
-    "title": "Go 1.18 新特性多模块工作区教程-让多模块开发变得简单",
-    "description": "随着 2022 年 3 月 15 日 go 1.18 正式发布，新版本除了对性能的提升之外，还引入了很多新功能，其中就有 go 期盼已久的功能泛型(Generics)，同时还引入的多模块工作区(Workspaces)和模糊测试(Fuzzing)。",
-    "url": "https://segmentfault.com/a/1190000041578818",
-    "author": "link1st",
-    "home_url": "https://segmentfault.com/u/link1st",
+    "title": "2022 软件工程师状况报告：Go 最抢手|开发者最“嫌弃” PHP、Swift、Scala/R/Objective-C",
+    "description": "“2022 年软件工程师状况报告”基于对 2020 年 1 月 - 2021 年 12 月间收集的 2000 份调查回复进行整理，通过对市场上公司和软件工程师之间的 366000+ 次互动数据进行分析，以及对 2000 多名候选者进行调查后，最终...",
+    "url": "https://segmentfault.com/a/1190000041600676",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
     "votes": "2",
     "rank": 9
-  },
-  {
-    "title": "全链路异步Rest客户端 ESA RestClient",
-    "description": "ESA Stack(Elastic Service Architecture) 是OPPO云计算中心孵化的技术品牌，致力于微服务相关技术栈，帮助用户快速构建高性能，高可用的云原生微服务。产品包含高性能Web服务框架、RPC框架、服务治理框架、注册...",
-    "url": "https://segmentfault.com/a/1190000041579589",
-    "author": "OPPO数智技术",
-    "home_url": "https://segmentfault.com/u/oppo_internet_tech",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "恒源云(GpuShare)_MaskFormer：语义分割可以不全是像素级分类",
-    "description": "论文：Per-Pixel Classification is Not All You Need for Semantic Segmentation",
-    "url": "https://segmentfault.com/a/1190000041583609",
-    "author": "恒源云",
-    "home_url": "https://segmentfault.com/u/gpushare",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "如何使用Google Analytics Universal Analytics增强型电子商务",
-    "description": "Google Analytics: Universal Analytics增强型电子商务，可以让运营人员轻松地跟踪用户在其购物历程中与产品的互动，包括产品展示、产品点击、查看产品详情、将产品添加到购物车、结账流程、交易以及退款等操作。",
-    "url": "https://segmentfault.com/a/1190000041579818",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "美团内部讲座 | 清华大学崔鹏：因果推断技术最新的发展趋势",
-    "description": "随着人工智能的不断发展，安全及合规问题变得越来越重要。当前机器学习比较大的一个局限性在于其学习模型都是基于关联框架，这种框架存在样本选择偏差的问题，且其稳定性也较差。而因果推理模型的出现，给机器学...",
-    "url": "https://segmentfault.com/a/1190000041578658",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "这个牛逼的IDE插件，让你轻松检测代码安全漏洞，一键修复，核心引擎已开源",
-    "description": "还记得去年爆发的log4j漏洞吗？还记得经常因为代码漏洞被安全工程师追着修复的场景吗？是不是不想花太多时间去修复漏洞，又或者是不知道怎么修。最近我们推出了一款 IDE 插件，帮助各位开发者轻松解决代码安全问...",
-    "url": "https://segmentfault.com/a/1190000041584732",
-    "author": "罗永浩叔叔",
-    "home_url": "https://segmentfault.com/u/luoyonghaoshushu",
-    "votes": "3",
-    "rank": 14
-  },
-  {
-    "title": "一文说清FISCO BCOS性能压测（附实例教程）",
-    "description": "如今，区块链技术被广泛应用在各行各业中，也接受海量用户、海量数据的挑战，越来越多同学开始关注链与合约的性能。本文分别从原理、实操和技巧三个方面，为大家提供了详尽的FISCO BCOS性能压测指引，结合实例进...",
-    "url": "https://segmentfault.com/a/1190000041581195",
-    "author": "FISCO_BCOS",
-    "home_url": "https://segmentfault.com/u/fisco_bcos",
-    "votes": "0",
-    "rank": 15
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041493486",
     "author": "程序员内点事",
     "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "75",
+    "votes": "76",
     "rank": 1
   },
   {
@@ -17,31 +17,31 @@
     "votes": "46",
     "rank": 2
   },
-  {
-    "title": "音视频通信加餐 —— WebRTC一肝到底",
-    "description": "原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是 WebRTC 浏览器原生支持，其他客户端支持也很好，不像传统直播用 flv.js 做兼容，可以实现标准统一。",
-    "url": "https://segmentfault.com/a/1190000041517764",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "36",
-    "rank": 3
-  },
   {
     "title": "5年经验(专升本)入职B站分享",
     "description": "大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：",
     "url": "https://segmentfault.com/a/1190000041572883",
     "author": "江辰",
     "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "33",
+    "votes": "47",
+    "rank": 3
+  },
+  {
+    "title": "音视频通信加餐 —— WebRTC一肝到底",
+    "description": "原因有两点：首先是“点对点通信”非常吸引我们，不需要中间服务器，客户端直连，通信非常方便；再者是 WebRTC 浏览器原生支持，其他客户端支持也很好，不像传统直播用 flv.js 做兼容，可以实现标准统一。",
+    "url": "https://segmentfault.com/a/1190000041517764",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "39",
     "rank": 4
   },
   {
-    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
-    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
-    "url": "https://segmentfault.com/a/1190000041437117",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "31",
+    "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": "39",
     "rank": 5
   },
   {
@@ -50,7 +50,7 @@
     "url": "https://segmentfault.com/a/1190000041446607",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "28",
+    "votes": "29",
     "rank": 6
   },
   {
@@ -59,9 +59,18 @@
     "url": "https://segmentfault.com/a/1190000041504985",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "27",
+    "votes": "29",
     "rank": 7
   },
+  {
+    "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": "29",
+    "rank": 8
+  },
   {
     "title": "手把手教你写一个简易的微前端框架",
     "description": "最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。这个轮子将分为五个版本，逐步的实现一个最小可用的微前端框架：支...",
@@ -69,16 +78,16 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "25",
-    "rank": 8
+    "rank": 9
   },
   {
-    "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": "33",
-    "rank": 9
+    "title": "革命性创新，动画杀手锏 @scroll-timeline",
+    "description": "在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...",
+    "url": "https://segmentfault.com/a/1190000041505045",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "22",
+    "rank": 10
   },
   {
     "title": "巧用 CSS 实现炫彩三角边框动画",
@@ -86,8 +95,8 @@
     "url": "https://segmentfault.com/a/1190000041487405",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
-    "rank": 10
+    "votes": "25",
+    "rank": 11
   },
   {
     "title": "5种限流算法，7种限流方式，挡住突发流量？",
@@ -95,8 +104,8 @@
     "url": "https://segmentfault.com/a/1190000041548601",
     "author": "程序猿阿朗",
     "home_url": "https://segmentfault.com/u/niumoo",
-    "votes": "22",
-    "rank": 11
+    "votes": "23",
+    "rank": 12
   },
   {
     "title": "前端生成PDF，让后端刮目相看",
@@ -105,26 +114,8 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "22",
-    "rank": 12
-  },
-  {
-    "title": "革命性创新，动画杀手锏 @scroll-timeline",
-    "description": "在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线。本文，就将带大家一探究竟，从入门到学会使用 CSS @scroll-timeline...",
-    "url": "https://segmentfault.com/a/1190000041505045",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "21",
     "rank": 13
   },
-  {
-    "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": "24",
-    "rank": 14
-  },
   {
     "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
     "description": "关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...",
@@ -132,7 +123,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "13",
-    "rank": 15
+    "rank": 14
   },
   {
     "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
@@ -141,6 +132,15 @@
     "author": "皮小蛋",
     "home_url": "https://segmentfault.com/u/scaukk",
     "votes": "16",
+    "rank": 15
+  },
+  {
+    "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
+    "description": "当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...",
+    "url": "https://segmentfault.com/a/1190000041553527",
+    "author": "前端私教年年",
+    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
+    "votes": "18",
     "rank": 16
   },
   {
@@ -171,14 +171,23 @@
     "rank": 19
   },
   {
-    "title": "吐血整理的webpack入门知识及常用loader和plugin",
-    "description": "在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...",
-    "url": "https://segmentfault.com/a/1190000041436294",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "14",
+    "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
+    "description": "前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...",
+    "url": "https://segmentfault.com/a/1190000041560515",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "22",
     "rank": 20
   },
+  {
+    "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
+    "description": "Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。",
+    "url": "https://segmentfault.com/a/1190000041524121",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "18",
+    "rank": 21
+  },
   {
     "title": "从头梳理，看看中国的 ICP 备案制度",
     "description": "对于生活在中国互联网环境中的开发者来说，ICP备案（后称「备案」）是一个很难绕过去的话题，但凡你需要正经的建设一个网站，那么备案就是一个必须要做的事情，不然可能会出现各种奇奇怪怪的问题。但，你是否思考...",
@@ -186,7 +195,7 @@
     "author": "白宦成",
     "home_url": "https://segmentfault.com/u/xiqingongzi",
     "votes": "11",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "Go 设计哲学：少即是多，哪里来的？",
@@ -195,7 +204,7 @@
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "14",
-    "rank": 22
+    "rank": 23
   },
   {
     "title": "突破限制，CSS font-variation 可变字体的魅力",
@@ -204,7 +213,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "14",
-    "rank": 23
+    "rank": 24
   },
   {
     "title": "23 个非常有用的 NodeJs 库",
@@ -213,7 +222,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "Gitlab  CI/CD教程及npm包构建发布实战",
@@ -221,52 +230,43 @@
     "url": "https://segmentfault.com/a/1190000041537651",
     "author": "MangoGoing",
     "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
-    "votes": "16",
-    "rank": 25
-  },
-  {
-    "title": "28张图助我学废TS",
-    "description": "Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）",
-    "url": "https://segmentfault.com/a/1190000041510006",
-    "author": "执鸢者",
-    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
-    "votes": "18",
+    "votes": "17",
     "rank": 26
   },
   {
-    "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
-    "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
-    "url": "https://segmentfault.com/a/1190000041473617",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "15",
+    "title": "这 16 个 CSS 伪类，助你提升布局效率！",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041559888",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "16",
     "rank": 27
   },
   {
-    "title": "从业务组件库看前端工程化",
-    "description": "本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。",
-    "url": "https://segmentfault.com/a/1190000041480003",
-    "author": "玩弄心里的鬼",
-    "home_url": "https://segmentfault.com/u/lizongyuan",
-    "votes": "13",
+    "title": "2022招聘季｜如何写一份好的前端面试简历?",
+    "description": "在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...",
+    "url": "https://segmentfault.com/a/1190000041542431",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "15",
     "rank": 28
   },
   {
-    "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
-    "description": "当面试官问出这个题后，大部分人听到都是内心窃喜：早就背下这篇八股文。但是稍等，下面几个问题你能答出来吗：浏览器对URL为什么要解析？URL参数用的是什么字符编码？那encodeURI和encodeURIComponent有什么区别...",
-    "url": "https://segmentfault.com/a/1190000041553527",
-    "author": "前端私教年年",
-    "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
-    "votes": "13",
+    "title": "28张图助我学废TS",
+    "description": "Ts现在用的越来越多，我感觉是时候总结一波Ts的基础知识点，毕竟与时代脱节不是咱们程序员该做的事，话不多说，直接开整。(注：脑图已经上传至云盘20+脑图系列中）",
+    "url": "https://segmentfault.com/a/1190000041510006",
+    "author": "执鸢者",
+    "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
+    "votes": "19",
     "rank": 29
   },
   {
-    "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
-    "description": "前两天北京下雪了，很冷。2022 招聘季，好像也比往年冷一些。2021 年 K12 的大量裁员，腾讯、快手、字节、滴滴、蘑菇街也在裁员。想要换工作的同学应该准备些什么呢？面试流程是什么样子的？如何应对面试呢？怎么...",
-    "url": "https://segmentfault.com/a/1190000041560515",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "17",
+    "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
+    "description": "用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：",
+    "url": "https://segmentfault.com/a/1190000041586984",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "14",
     "rank": 30
   }
 ]