@wcj/github-rank 22.3.26 → 22.3.29

package/web/data/sifou-daily.json

@@ -1,191 +1,92 @@
 [
   {
-    "title": "项目开发中对成长的一些思考",
-    "description": "写作目的希望通过这次分享能够让大家更好的去独立进行项目开发，或者是带着团队一起去完成项目的开发，并且在这过程中都有成长。前言项目总有做完的时候，就是看有没有做对，做成。除了关注项目本身之外，还需要...",
-    "url": "https://segmentfault.com/a/1190000041608723",
-    "author": "heweixiao",
-    "home_url": "https://segmentfault.com/u/heweixiao",
-    "votes": "2",
+    "title": "2022招聘季｜从招聘方的角度理解求职",
+    "description": "前些日子，有位同学找我咨询求职问题。他本科专业其实不错，但是第一份工作没找好，所以只好报了家培训班，想社招之路走得更稳一些。结业之前，他担心培训班就业辅导不够，也找了几位外部导师帮忙。其中就包括我。",
+    "url": "https://segmentfault.com/a/1190000041617937",
+    "author": "Meathill",
+    "home_url": "https://segmentfault.com/u/meathill",
+    "votes": "12",
     "rank": 1
   },
   {
-    "title": "【高并发】两种异步模型与深度解析Future接口",
-    "description": "本文有点长，但是满满的干货，以实际案例的形式分析了两种异步模型，并从源码角度深度解析Future接口和FutureTask类，希望大家踏下心来，打开你的IDE，跟着文章看源码，相信你一定收获不小！",
-    "url": "https://segmentfault.com/a/1190000041608492",
-    "author": "冰河",
-    "home_url": "https://segmentfault.com/u/binghe001",
-    "votes": "2",
+    "title": "关于动态表单遇到的一些问题",
+    "description": "在编写项目时，照着前几天的实验demo写，viemContainerRef.createComponent<A>(B),B是A接口的实现类，但是在这里B却报错了，一开始没仔细看报错详细信息，以为是B对A的继承关系有问题，但是检查了后并没有...",
+    "url": "https://segmentfault.com/a/1190000041621572",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "3",
     "rank": 2
   },
   {
-    "title": "TensorFlow在美团外卖推荐场景的GPU训练优化实践",
-    "description": "美团机器学习平台基于内部深度定制的TensorFlow研发了Booster GPU训练架构。该架构在整体设计上充分考虑了算法、架构、新硬件的特性，从数据、计算、通信等多个角度进行了深度的优化，最终其性价比达到CPU任务的2...",
-    "url": "https://segmentfault.com/a/1190000041607638",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
-    "votes": "1",
+    "title": "angular异步验证器防抖",
+    "description": "背景：当前输入框的formControl设置了异步验证器，会根据当前的值进行请求后台，判断数据库中是否存在。原版异步验证器： {代码...} 但是测试下来发现，该异步验证器触发的太频繁了。输入框每输入一个字母都会对...",
+    "url": "https://segmentfault.com/a/1190000041621553",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "利用亚马逊云科技整个自用免费网盘",
-    "description": "现在在线网盘挺多的，用网盘在线存储的好处我也不多说了，主要就是方便，但是如果不嫌累的话，随身带个硬盘到处跑到也可以。最近发现再 AWS 上竟然可以搭建一个基础的免费网盘，感觉挺有意思，于是寻思着尝试一下...",
-    "url": "https://segmentfault.com/a/1190000041607028",
-    "author": "亚马逊云开发者",
-    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
-    "votes": "1",
+    "title": "简述Python虚拟环境（图解）",
+    "description": "首先说说python命令正常工作的原理，以Windows为例，当我们的Python装好后，可执行程序是一个.exe文件（其他系统中为其他形式的可执行文件）。",
+    "url": "https://segmentfault.com/a/1190000041621884",
+    "author": "LYX6666",
+    "home_url": "https://segmentfault.com/u/liuyuxuan6666",
+    "votes": "2",
     "rank": 4
   },
   {
-    "title": "eBay 基于 Apache Kyuubi 构建统一 Serverless Spark 网关的实践",
-    "description": "本文来自 eBay 软件工程师、Apache Kyuubi PPMC Member王斐在Apache SeaTunnel & Kyuubi 联合 Meetup的分享，介绍了Apache Kyuubi(Incubating)的基本架构和使用场景，eBay基于自身的需求对Kyuubi所做的增强，以及...",
-    "url": "https://segmentfault.com/a/1190000041606727",
-    "author": "网易数帆",
-    "home_url": "https://segmentfault.com/u/163yun",
-    "votes": "1",
+    "title": "一道有意思的 CSS 面试题，FizzBu​​zz ~",
+    "description": "FizzBu​​zz 是一道很有意思的题目。我们来看看题目：如果遇见了 3 的倍数要说 Fizz，5 的倍数就说 Buzz，如果既是 3 的倍数又是 5 的倍数就说 FizzBuzz。如果是在一些编程语言中，这是一道比较初级的题目，当然，...",
+    "url": "https://segmentfault.com/a/1190000041619491",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "3",
     "rank": 5
   },
   {
-    "title": "Facebook 开源 Golang 实体框架 Ent 现已支持 TiDB",
-    "description": "对于后端开发者来说，一款好用的框架能够大大提升应用的开发效率。为了降低开发者使用 TiDB 的门槛，方便开发者快速连接到 TiDB，我们也在和合作伙伴一起，逐步完善面向主流开发语言和框架的连接支持。",
-    "url": "https://segmentfault.com/a/1190000041606498",
-    "author": "PingCAP",
-    "home_url": "https://segmentfault.com/u/pingcap",
+    "title": "自定义hooks 同步获取useState的最新状态值",
+    "description": "背景不使用hook时，我们可以在setState回调函数获取最新值使用react hook时，最新的值只能在useEffect里面获取但我们有时候的业务场景需要我们同步拿到变量的最新变化值，以便做下一步操作；这时我们可以封装一个...",
+    "url": "https://segmentfault.com/a/1190000041618720",
+    "author": "防火防盗房师兄",
+    "home_url": "https://segmentfault.com/u/fanghuofangdaofangshixiong_5f3b9d97daada",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "GitHub 近期频繁宕机？官方解释：MySQL 负载过重",
-    "description": "在过去的几周里，由于数据库的问题，GitHub经历了多起宕机事件，导致平台的服务降级，影响了许多用户的使用。GitHub 对宕机事件非常重视，在解决问题的同时，也于本月 23 日公布了这些事件的详细情况。时间线3 月...",
-    "url": "https://segmentfault.com/a/1190000041606435",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "title": "Serverless Kubernetes 再升级 | 全新的网关能力增强",
+    "description": "Kubernetes 作为当今云原生业界标准，被众多开发者所拥抱。Serverless Kubernetes 基于 Kubernetes 之上，提供按需使用、节点免运维的 Serverless 能力。当前 Serverless Kubernetes 中默认提供 Nginx Ingress Co...",
+    "url": "https://segmentfault.com/a/1190000041621249",
+    "author": "阿里巴巴云原生",
+    "home_url": "https://segmentfault.com/u/alixitongruanjianjishu",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "校招面试有感",
-    "description": "公司校招同学，主要看中的是学校和学历，优先985硕士，24人，只面试到两个本科生，一个南京大学的，一个吉林大学的。由于base是南京，所以大部分都是东南大学、南京邮电和河海大学的，南京大学的很少。",
-    "url": "https://segmentfault.com/a/1190000041610786",
-    "author": "白羊沈歌",
-    "home_url": "https://segmentfault.com/u/shenge",
+    "title": "Github Actions 实战提高生产力",
+    "description": "GitHub Action 持续集成服务推出有一段时间了，目前已经免费开放使用，由于个人项目都是放在Github上有点多，使用它来发布、测试、部署，是极大的提高了生产力。",
+    "url": "https://segmentfault.com/a/1190000041619089",
+    "author": "小弟调调",
+    "home_url": "https://segmentfault.com/u/ichu",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "腾讯云Java工程师一面 + 被捞一面 + 二面面经(附答案)",
-    "description": "《Java 面试指北》来啦！这是我这两年利用业余时间完成的 JavaGuide 开源版的补充。【一面】全程55min先自我介绍一下吧Java1.8 的新特性？你说到了 Lambda 表达式，你说说它的优缺点？Java 8 的 Stream 流用过吗...",
-    "url": "https://segmentfault.com/a/1190000041610510",
-    "author": "JavaGuide",
-    "home_url": "https://segmentfault.com/u/javaguide",
+    "title": "微软：.NET 5.0 将于 2022 年 5 月 8 日终止支持",
+    "description": "在 3 月 24 日发布的官方博文中，微软再次敦促 .NET 5 用户尽快升级到新版本，否则将无法获得包括安全修复和技术支持在内的服务更新。",
+    "url": "https://segmentfault.com/a/1190000041618718",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "js 反向递归根据子节点值寻找父节点",
-    "description": "{代码...} val = 4;// 反向查找父节点 {代码...} //使用puth = this.getNodePath(data,val,[]);// [3,4]",
-    "url": "https://segmentfault.com/a/1190000041609260",
-    "author": "土豆丝naya",
-    "home_url": "https://segmentfault.com/u/heaven_5f1d3b7629b2e",
+    "title": "SVG 绘制自适应的菱形",
+    "description": "如果没有边框的话，用 CSS clip-path 也能很方便的裁剪出一个菱形，但是边框不太好处理（通常用嵌套一层的方式或者投影来模拟，但是效果不太好），这里介绍一个 SVG 方式，充分利用缩放特性来实现这样一个效果",
+    "url": "https://segmentfault.com/a/1190000041618406",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "1",
     "rank": 10
-  },
-  {
-    "title": "HMS Core视频编辑服务：AI着色， 忆往昔看今朝",
-    "description": "近期热播的电视剧《人世间》，讲述了70年代无数普通人的故事，细腻的人物形象和真实的故事感动着我们。原来在那个年代，我们的父母和祖辈都在为新中国的美好生活而奋斗着，为国家舍弃了小家团聚的机会；原来在那...",
-    "url": "https://segmentfault.com/a/1190000041607999",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "ThreeJS 中线的那些事",
-    "description": "在可视化开发中，无论是二维的 canvas 还是三维开发，线条的绘制都是非常常见的，比如绘制城市之间的迁徙图、运动轨迹图等等。不管是在三维还是二维，所有物体都是由点构成、两点构成线、三点构成面。那么在 Thre...",
-    "url": "https://segmentfault.com/a/1190000041607875",
-    "author": "ES2049",
-    "home_url": "https://segmentfault.com/u/alisecued",
-    "votes": "2",
-    "rank": 12
-  },
-  {
-    "title": "从 0 到 1 教你在亚马逊云科技中部署动态网站 Typecho 系统",
-    "description": "Typecho 是使用 PHP 语言开发的一套博客程序，同时也支持多种数据库(Mysql, PostgreSQL, SQLite)，本篇文章将演示部署 Typecho 到 aws 上的过程。",
-    "url": "https://segmentfault.com/a/1190000041607839",
-    "author": "亚马逊云开发者",
-    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "NeurIPS 2021 ｜ Twins：重新思考高效的视觉注意力模型设计",
-    "description": "Twins 是美团和阿德莱德大学合作提出的视觉注意力模型，相关论文已被 NeurIPS 2021 会议接收。本文主要讲述 Twins 解决的难点、设计和实现思路，以及在美团场景的探索落地，希望能对从事视觉算法研发的同学有所帮...",
-    "url": "https://segmentfault.com/a/1190000041607415",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "手把手教你搭建博客",
-    "description": "由于 github 访问不太稳定，觉得将博客迁移到 AWS 上。可以借助 AWS 存储的功能。为什么选择 hexo生成页面速度快支持 markdown一键部署超强的扩展性海量的插件创建博客 {代码...} 这短短的几步，博客便创建成功了...",
-    "url": "https://segmentfault.com/a/1190000041607300",
-    "author": "亚马逊云开发者",
-    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "提升组件库通用能力 - NutUI 在线主题定制功能探索",
-    "description": "NutUI 作为京东风格的组件库，已具备 H5 和多端小程序开发能力。随着业务的不断发展，组件库的应用场景越来越广。在公司内外面临诸如科技、金融、物流等各多个大型团队使用时，单一的京东 APP 视觉虽可以一键进行...",
-    "url": "https://segmentfault.com/a/1190000041606961",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
-    "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "Vite 入门 & 知识点分享",
-    "description": "Home | Vite 官方中文文档社区插件：[链接]使用感受：Vite 实质是对各场景下的最佳方案的整合react 常用配置 {代码...} 知识点Es Moduleimport - JavaScript | MDN兼容 支持绝大多数现代游览器静态引入 {代码...}...",
-    "url": "https://segmentfault.com/a/1190000041606858",
-    "author": "D_Q_",
-    "home_url": "https://segmentfault.com/u/d_q_",
-    "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "frp免费内网穿透访问家用电脑本地服务（http示例）",
-    "description": "别人是无法通过一个链接访问到你家里的电脑的某个文件夹里面的文件的，因为你家里的电脑属于内网，而能通过一个链接去访问的属于公网，所以这就需要使用【内网穿透】这一个技术概念去实现远程访问家里电脑。",
-    "url": "https://segmentfault.com/a/1190000041606761",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "3",
-    "rank": 18
-  },
-  {
-    "title": "React 测试",
-    "description": "前端要不要写单测不要问，问就是写思考测试的颗粒度？找核心逻辑，不要试图一个test测试一个大而复杂的模块合理利用 mock，擦除一些不必要的逻辑（不要局限于三方依赖）哪些类型的测试？utilshooksui组件状态（表...",
-    "url": "https://segmentfault.com/a/1190000041606704",
-    "author": "D_Q_",
-    "home_url": "https://segmentfault.com/u/d_q_",
-    "votes": "1",
-    "rank": 19
-  },
-  {
-    "title": "项目实战！接入分布式定时任务框架",
-    "description": "挺早就规划了要引入分布式定时任务框架了，在年前austin就已经接入了，但代码过年一直都没写，文章也就一直拖到今天了。今天主要就跟大家在聊聊定时任务这个话题。",
-    "url": "https://segmentfault.com/a/1190000041605238",
-    "author": "Java3y",
-    "home_url": "https://segmentfault.com/u/java_3y",
-    "votes": "1",
-    "rank": 20
-  },
-  {
-    "title": "Linux之nc命令",
-    "description": "用于设置路由器，是网络工具中的瑞士军刀nc命令 全称netcat，用于设置路由器。它能通过 TCP 和 UDP 在网络中读写数据。通过与其他工具结合和重定向，你可以在脚本中以多种方式使用它。使用 netcat 命令所能完成的...",
-    "url": "https://segmentfault.com/a/1190000041609983",
-    "author": "入门小站",
-    "home_url": "https://segmentfault.com/u/rumenz",
-    "votes": "1",
-    "rank": 21
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,26 +5,17 @@
     "url": "https://segmentfault.com/a/1190000041493486",
     "author": "程序员内点事",
     "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "77",
+    "votes": "78",
     "rank": 1
   },
-  {
-    "title": "Web 中的“选区”和“光标”",
-    "description": "在 web 开发中，有时不可避免会和“选区”与“光标”打交道，比如选中高亮、选中出现工具栏、手动控制光标位置等。选区就是用鼠标选中的那一部分，通常是蓝色",
-    "url": "https://segmentfault.com/a/1190000041457245",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "46",
-    "rank": 2
-  },
   {
     "title": "5年经验(专升本)入职B站分享",
     "description": "大概在去年11月份的时候，我负责的业务线一直做不出成绩。而且整个公司的前端技术设施，都是我一手搭建出来的，再待在公司，没什么可成长的空间，就想跳槽了，期间考虑了几个可能性：",
     "url": "https://segmentfault.com/a/1190000041572883",
     "author": "江辰",
     "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "47",
-    "rank": 3
+    "votes": "50",
+    "rank": 2
   },
   {
     "title": "音视频通信加餐 —— WebRTC一肝到底",
@@ -33,7 +24,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "39",
-    "rank": 4
+    "rank": 3
   },
   {
     "title": "css 的 filter属性竟然如此好玩",
@@ -41,17 +32,8 @@
     "url": "https://segmentfault.com/a/1190000041549883",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "40",
-    "rank": 5
-  },
-  {
-    "title": "Redis 忽然变慢了如何排查并解决？",
-    "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
-    "url": "https://segmentfault.com/a/1190000041446607",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "29",
-    "rank": 6
+    "votes": "41",
+    "rank": 4
   },
   {
     "title": "CSS 实现透明方格的 3 种方式",
@@ -60,7 +42,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "29",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "神奇的 CSS，让文字智能适配背景颜色",
@@ -69,7 +51,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "29",
-    "rank": 8
+    "rank": 6
   },
   {
     "title": "5种限流算法，7种限流方式，挡住突发流量？",
@@ -78,7 +60,7 @@
     "author": "程序猿阿朗",
     "home_url": "https://segmentfault.com/u/niumoo",
     "votes": "25",
-    "rank": 9
+    "rank": 7
   },
   {
     "title": "革命性创新，动画杀手锏 @scroll-timeline",
@@ -87,7 +69,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 10
+    "rank": 8
   },
   {
     "title": "手把手教你写一个简易的微前端框架",
@@ -96,7 +78,7 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "25",
-    "rank": 11
+    "rank": 9
   },
   {
     "title": "巧用 CSS 实现炫彩三角边框动画",
@@ -105,7 +87,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "25",
-    "rank": 12
+    "rank": 10
   },
   {
     "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
@@ -114,16 +96,7 @@
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
     "votes": "14",
-    "rank": 13
-  },
-  {
-    "title": "前端生成PDF，让后端刮目相看",
-    "description": "PDF 全称Portable Document Format (PDF)（便携文档格式）,该格式的显示与操作系统、分辨率、设备等因素没有关系，不论是在Windows，Unix还是在苹果公司的Mac OS操作系统中PDF格式都通用。Adobe公司在1993年为了...",
-    "url": "https://segmentfault.com/a/1190000041447795",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "22",
-    "rank": 14
+    "rank": 11
   },
   {
     "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
@@ -131,17 +104,8 @@
     "url": "https://segmentfault.com/a/1190000041553527",
     "author": "前端私教年年",
     "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
-    "votes": "19",
-    "rank": 15
-  },
-  {
-    "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
-    "description": "于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。",
-    "url": "https://segmentfault.com/a/1190000041455457",
-    "author": "皮小蛋",
-    "home_url": "https://segmentfault.com/u/scaukk",
-    "votes": "16",
-    "rank": 16
+    "votes": "20",
+    "rank": 12
   },
   {
     "title": "JavaScript 数据处理 - 映射表篇",
@@ -149,8 +113,8 @@
     "url": "https://segmentfault.com/a/1190000041503556",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "16",
-    "rank": 17
+    "votes": "18",
+    "rank": 13
   },
   {
     "title": "一个小厂前端 Leader 如何筛选候选人？",
@@ -158,17 +122,17 @@
     "url": "https://segmentfault.com/a/1190000041592141",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "16",
-    "rank": 18
+    "votes": "18",
+    "rank": 14
   },
   {
-    "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
-    "description": "上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...",
-    "url": "https://segmentfault.com/a/1190000041489058",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "14",
-    "rank": 19
+    "title": "CSS 也能自动补全字符串？",
+    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
+    "url": "https://segmentfault.com/a/1190000041580205",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "17",
+    "rank": 15
   },
   {
     "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
@@ -176,17 +140,26 @@
     "url": "https://segmentfault.com/a/1190000041560515",
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
-    "votes": "22",
-    "rank": 20
+    "votes": "23",
+    "rank": 16
   },
   {
-    "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": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
+    "description": "上回说到使用 Redis 的 List 实现消息队列有很多局限性，比如：没有良好的 ACK 机制；没有 ConsumerGroup 消费组概念；消息堆积。List 是线性结构，想要查询指定数据需要遍历整个列表；Stream 是 Redis 5.0 引入...",
+    "url": "https://segmentfault.com/a/1190000041489058",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "14",
+    "rank": 17
+  },
+  {
+    "title": "突破限制，CSS font-variation 可变字体的魅力",
+    "description": "上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。",
+    "url": "https://segmentfault.com/a/1190000041470128",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "15",
+    "rank": 18
   },
   {
     "title": "2022招聘季｜如何写一份好的前端面试简历?",
@@ -194,17 +167,17 @@
     "url": "https://segmentfault.com/a/1190000041542431",
     "author": "wscats",
     "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "16",
-    "rank": 22
+    "votes": "17",
+    "rank": 19
   },
   {
-    "title": "CSS 也能自动补全字符串？",
-    "description": "欢迎关注我的公众号：前端侦探很多时候都会碰到字符串补全的需求，典型的例子就时间或者日期中的补零操作，例如 {代码...} 通常的做法是 {代码...} 后来，JS 中出现了原生的补全方法padStart()和padEnd()，如下 {...",
-    "url": "https://segmentfault.com/a/1190000041580205",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "15",
-    "rank": 23
+    "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": 20
   },
   {
     "title": "从头梳理，看看中国的 ICP 备案制度",
@@ -213,7 +186,7 @@
     "author": "白宦成",
     "home_url": "https://segmentfault.com/u/xiqingongzi",
     "votes": "11",
-    "rank": 24
+    "rank": 21
   },
   {
     "title": "Go 设计哲学：少即是多，哪里来的？",
@@ -221,26 +194,26 @@
     "url": "https://segmentfault.com/a/1190000041524988",
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "14",
-    "rank": 25
+    "votes": "15",
+    "rank": 22
   },
   {
-    "title": "突破限制，CSS font-variation 可变字体的魅力",
-    "description": "上述效果，最核心的就是文字的动画，文字从较细贴着较紧，到较粗隔着较远不断变化。有人会认为这里是 transform: scale()，实则不然。",
-    "url": "https://segmentfault.com/a/1190000041470128",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
-    "rank": 26
+    "title": "Redis 缓存击穿（失效）、缓存穿透、缓存雪崩怎么解决？",
+    "description": "用 Redis 作为缓存系统正好可以弥补 DB 的不足，「码哥」在自己的 MacBook Pro 2019 上执行 Redis 性能测试如下：",
+    "url": "https://segmentfault.com/a/1190000041586984",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "15",
+    "rank": 23
   },
   {
-    "title": "23 个非常有用的 NodeJs 库",
+    "title": "这 16 个 CSS 伪类，助你提升布局效率！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041458272",
+    "url": "https://segmentfault.com/a/1190000041559888",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "18",
-    "rank": 27
+    "votes": "16",
+    "rank": 24
   },
   {
     "title": "Gitlab  CI/CD教程及npm包构建发布实战",
@@ -249,16 +222,7 @@
     "author": "MangoGoing",
     "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
     "votes": "17",
-    "rank": 28
-  },
-  {
-    "title": "这 16 个 CSS 伪类，助你提升布局效率！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041559888",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "16",
-    "rank": 29
+    "rank": 25
   },
   {
     "title": "28张图助我学废TS",
@@ -267,6 +231,42 @@
     "author": "执鸢者",
     "home_url": "https://segmentfault.com/u/zhizhe_5c6eb6478bd93",
     "votes": "19",
+    "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",
+    "rank": 27
+  },
+  {
+    "title": "从业务组件库看前端工程化",
+    "description": "本文不是一篇教学文章，仅是对近半年一部分工作的流水账式的总结，也作为自己的一份备忘录，并且因为是公司内部资产很多地方不能贴源码和截图，如果有对其中内容感兴趣的欢迎一起讨论。",
+    "url": "https://segmentfault.com/a/1190000041480003",
+    "author": "玩弄心里的鬼",
+    "home_url": "https://segmentfault.com/u/lizongyuan",
+    "votes": "14",
+    "rank": 28
+  },
+  {
+    "title": "老板让我 7 天研究一个 Plausible 统计",
+    "description": "最近在思考统计功能的时候，一开始是寻思着用程序配合mysql来进行存储，但是如果用mysql来存一些比较细节话的数据然后再做统计，数据量会非常庞大，然后又思考用mysql存储数据，然后用定时脚本或队列来按照具体要...",
+    "url": "https://segmentfault.com/a/1190000041570390",
+    "author": "kumfo",
+    "home_url": "https://segmentfault.com/u/kumfo",
+    "votes": "10",
+    "rank": 29
+  },
+  {
+    "title": "国外排名前 15 的 Vue 后台管理模板",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041480883",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "13",
     "rank": 30
   }
 ]