@wcj/github-rank 22.3.24 → 22.3.27

package/web/data/sifou-daily.json

@@ -1,218 +1,65 @@
 [
   {
-    "title": "一个小厂前端 Leader 如何筛选候选人？",
-    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
-    "url": "https://segmentfault.com/a/1190000041592141",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "6",
-    "rank": 1
-  },
-  {
-    "title": "Golang 常见设计模式之装饰模式",
-    "description": "想必只要是熟悉 Python 的同学对装饰模式一定不会陌生，这类 Python 从语法上原生支持的装饰器，大大提高了装饰模式在 Python 中的应用。尽管 Go 语言中装饰模式没有 Python 中应用的那么广泛，但是它也有其独到...",
-    "url": "https://segmentfault.com/a/1190000041593752",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
-    "rank": 2
-  },
-  {
-    "title": "求助，这几道面试题有些我回答不出来了",
+    "title": "发福利啦！史上最全颜色收集网站，我要给你“好看”！",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041562142",
+    "url": "https://segmentfault.com/a/1190000041565099",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "搭建 VuePress 站点必做的 10 个优化",
-    "description": "前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一...",
-    "url": "https://segmentfault.com/a/1190000041593877",
-    "author": "冴羽",
-    "home_url": "https://segmentfault.com/u/yayu",
-    "votes": "3",
-    "rank": 4
-  },
-  {
-    "title": "Java18的新特性",
-    "description": "Java语言特性系列Java5的新特性Java6的新特性Java7的新特性Java8的新特性Java9的新特性Java10的新特性Java11的新特性Java12的新特性Java13的新特性Java14的新特性Java15的新特性Java16的新特性Java17的新特性Java...",
-    "url": "https://segmentfault.com/a/1190000041598372",
-    "author": "codecraft",
-    "home_url": "https://segmentfault.com/u/codecraft",
-    "votes": "2",
-    "rank": 5
-  },
-  {
-    "title": "Apache Flink 在国有大型银行智能运营场景下的应用",
-    "description": "摘要：现代的应用大都以前后端分离的模式开发，在建设银行新一代系统中每笔交易对应三条消息报文：前端的埋点信息，发送的 HTTP 请求，返回的 HTTP 响应。建设银行在全球有大量的网点和业务员，每天产生大量的金...",
-    "url": "https://segmentfault.com/a/1190000041596593",
-    "author": "ApacheFlink",
-    "home_url": "https://segmentfault.com/u/ververica",
-    "votes": "2",
-    "rank": 6
-  },
-  {
-    "title": "基于 Stencil 构建 Web Components 组件库",
-    "description": "「组件化」 一直是前端工程师绕不开的话题，不管是日常业务开发封装业务组件；还是基础设施建设开发UI组件或基础组件；亦或者是 React 、Vue、Angular 等MV*框架，都是秉承着组件作为基础原子概念，所以可以肯定...",
-    "url": "https://segmentfault.com/a/1190000041597585",
-    "author": "SuperX",
-    "home_url": "https://segmentfault.com/u/qzuser_584786517d31a",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "关于滑动时间窗口算法",
-    "description": "最近看到一篇文章，讲服务限流主题的，其中罗列了各种思路和技术实现的细枝末节。其中关于滑动时间窗口的一个代码示例，让我陷入了沉思。。（文章已经被作者删除了。。）道理我都懂，但这个示例代码让我很难读懂...",
-    "url": "https://segmentfault.com/a/1190000041597059",
-    "author": "kazaff",
-    "home_url": "https://segmentfault.com/u/kazaff",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "人工智能领域又一突破！京东探索研究院推出超级深度学习模型ViTAEv2 准确度高达91.2%",
-    "description": "日前，京东探索研究院联合悉尼大学提出了更大规模、更优效果、对各类视觉任务具有更好适应性的超级深度学习模型ViTAEv2。值得提及的是，具有6亿参数的ViTAEv2模型在不依赖任何外源数据的情况下，斩获了ImageNet R...",
-    "url": "https://segmentfault.com/a/1190000041596439",
-    "author": "京东科技开发者",
-    "home_url": "https://segmentfault.com/u/jdcdevloper",
-    "votes": "1",
-    "rank": 9
-  },
-  {
-    "title": "19 条有效的跨端 cpp 开发经验",
-    "description": "细想，笔者专门从事跨多端开发已两年有余，前段时间因为组里跨桌面端项目需要回归windows下开发了整整2个月，怎么形容这两个月呢，嘿嘿，各种“肆无忌惮”的写法，终于不用在写一行代码考虑后面n个端的行为了，\"劳...",
-    "url": "https://segmentfault.com/a/1190000041596009",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
-    "votes": "1",
-    "rank": 10
-  },
-  {
-    "title": "【FAQ】关于分析服务错误获取所选日期前一天事件数据的解决方法",
-    "description": "开发者通过华为分析服务下载所需的事件数据，这些数据可以导入到开发者自有的分析系统中，用于构建自定义报告或生成受众群体的个性化分析等，从而帮助制定切实有效的营销活动。数据导出支持按照用户属性和导出事...",
-    "url": "https://segmentfault.com/a/1190000041595753",
-    "author": "HMSCore",
-    "home_url": "https://segmentfault.com/u/hms_core",
-    "votes": "1",
-    "rank": 11
-  },
-  {
-    "title": "阿里本地生活端智能架构设计与技术探索",
-    "description": "2018 年 10 月 12 日，阿里巴巴集团宣布正式成立阿里巴巴本地生活服务公司，饿了么和口碑会师合并组成国内领先的本地生活服务平台，使命是“重新定义城市生活，让生活更美好”；口碑专注到店消费服务，饿了么专注到...",
-    "url": "https://segmentfault.com/a/1190000041595626",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
-    "votes": "1",
-    "rank": 12
-  },
-  {
-    "title": "萌新看过来，你还学不懂VScode插件吗？",
-    "description": "VSCode是微软家一个非常轻量化的编辑器，体量虽轻，但是却有异常强大的功能。原因在于VSCode许多强大功能都是基于插件实现的，IDE只提供一个最基本的框架和基本功能，我们需要使用插件来丰富和扩展它的功能。",
-    "url": "https://segmentfault.com/a/1190000041594863",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
-    "rank": 13
-  },
-  {
-    "title": "Flutter事件响应源码分析",
-    "description": "Flutter作为一个UI框架，本身也有自己的事件处理方式，本文主要阐述触摸事件从native传递到Flutter后是如何被widget识别以及分发的。至于native系统是如何监听触摸事件以及传递事件到Flutter，感兴趣的可以自己去...",
-    "url": "https://segmentfault.com/a/1190000041593557",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
-    "rank": 14
-  },
-  {
-    "title": "bingo！NutUI 抽奖组件库来了",
-    "description": "随着业务需求的迭代更新，营销场景也越来越丰富，很多产品通过设定的一些玩法来与用户交流，增加用户的粘性，提高用户的转化率。比如新注册的用户，在新人专区会有类似的活动任务类的互动；日常促销，在结算完成...",
-    "url": "https://segmentfault.com/a/1190000041593489",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
-    "votes": "1",
-    "rank": 15
-  },
-  {
-    "title": "京东移动端组件库 React 版如约而来",
-    "description": "京东零售开源项目 NutUI 是一套京东风格的轻量级移动端组件库，开发和服务于移动 Web 界面的企业级产品。随着 NutUI 的用户越来越多，社区交流群里对 React 版本的呼声也越来越高。我们响应社区的呼声，2021 年 6...",
-    "url": "https://segmentfault.com/a/1190000041593463",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
-    "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "金先生的 NutUI3 初体验",
-    "description": "冬日清晨，客服小王第一个来到了公司，还没顾得上脱下厚厚的羽绒服，桌上的电话就响了起来。“您好，这里是京东客服，请问有什么可以帮到您的么？”电话那头很嘈杂，呼啸的北风让来电人的声音很难被听清，而唯一可...",
-    "url": "https://segmentfault.com/a/1190000041593415",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
-    "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "NutUI 3 开启 BCRM 商机新征程",
-    "description": "高铁的不断提速、5G 时代的到来、无人超市新兴项目的落地......都在不断地提醒着我们，要快、要高性能。那么作为程序员的我们，该如何利用现有技术打造高性能产品，为用户带来“飞”一般的体验呢？",
-    "url": "https://segmentfault.com/a/1190000041593362",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
-    "votes": "1",
-    "rank": 18
+    "votes": "4",
+    "rank": 1
   },
   {
-    "title": "NutUI 3.1 正式发布：开启多端开发之路",
-    "description": "作为一款具有京东风格的组件库，我们一直致力于用心打造更符合开发者体验的组件库。NutUI 3.0 上线后我们研发团队也在不断的优化、测试、使用、迭代 Vue3 的相关组件，但是在跨端小程序的开发过程中，发现没有合...",
-    "url": "https://segmentfault.com/a/1190000041593349",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "title": "JavaScript WebGL 矩阵",
+    "description": "引子本以为可以开始尝试三维的效果了，查了一下资料之后发现要先了解矩阵。在这里集中收集一下相关基础知识点。OriginMy GitHub简介简单来说，矩阵（Matrix）是数字按行和列的矩形排列。一般描述先行后列，例如下...",
+    "url": "https://segmentfault.com/a/1190000041612644",
+    "author": "XXHolic",
+    "home_url": "https://segmentfault.com/u/xxholic",
     "votes": "1",
-    "rank": 19
+    "rank": 2
   },
   {
-    "title": "NutUI v3.1.3发布！",
-    "description": "",
-    "url": "https://segmentfault.com/a/1190000041593303",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "title": "Java on Visual Studio Code 3月更新",
+    "description": "大家好，欢迎来到 Visual Studio Code Java 的 3 月更新。这次我们将为您带来一些关于我们代码补全的优化、Maven 改进以及我们最新的 Java 插件预览版本的最新更新。让我们开始吧！",
+    "url": "https://segmentfault.com/a/1190000041607617",
+    "author": "微软技术栈",
+    "home_url": "https://segmentfault.com/u/mstech",
     "votes": "1",
-    "rank": 20
+    "rank": 3
   },
   {
-    "title": "NutUI 3.1 正式发布：开启多端开发之路",
-    "description": "作为一款具有京东风格的组件库，我们一直致力于用心打造更符合开发者体验的组件库。NutUI 3.0 上线后我们研发团队也在不断的优化、测试、使用、迭代 Vue3 的相关组件，但是在跨端小程序的开发过程中，发现没有合...",
-    "url": "https://segmentfault.com/a/1190000041593270",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "title": "【nodejs进阶之旅(2)】:使用koa2+mysql 实现列表数据分页",
+    "description": "分页主要字段包括 pageSize 每页条数、pageNum 第几页、startRow 当前开始页编号、endRow 当前结束页编号、total 总数量。主要是根据前端分页的参数，进行处理后，返回前端正确的数据，其实是一个很常见且简单的...",
+    "url": "https://segmentfault.com/a/1190000041612679",
+    "author": "叫我詹躲躲",
+    "home_url": "https://segmentfault.com/u/huixiaodeyanjingzhenmei",
     "votes": "1",
-    "rank": 21
+    "rank": 4
   },
   {
-    "title": "NutUI 3.0 助力企业业务售后门户建设",
-    "description": "退换/售后作为企业采购业务中不可或缺的一项流程，供企业业务各交易通路使用。为降低企业业务售后的研发成本，对售后相关数据及操作进行统一迭代和维护。我们打造了一套京东企业业务售后 SaaS 系统，业务涉及范围...",
-    "url": "https://segmentfault.com/a/1190000041593228",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "title": "暑期漫漫想躺平，不如来华为云沙箱训战营！",
+    "description": "您好，我是一名准大二生，暑假漫漫，在家无聊，躺平太累！最近接触了MySQL数据库，觉得很有意思，以后可能会往数据库方向发展或者成为一名数据库分析师，自学起来很多东西不是很懂，想快速的入门，应该怎么学习，...",
+    "url": "https://segmentfault.com/a/1190000041613198",
+    "author": "华为云",
+    "home_url": "https://segmentfault.com/u/huaweicloud",
     "votes": "1",
-    "rank": 22
+    "rank": 5
   },
   {
-    "title": "京东 Vue3 组件库支持小程序开发啦！",
-    "description": "在跨端小程序的开发过程中，我们发现没有合适的组件库可以使用，尤其在做电商商城类场景的业务时，没有符合京东 App 规范的组件库为我们的小程序项目提供支持。为了填补这一空白，同时让 NutUI 组件库能够为更多...",
-    "url": "https://segmentfault.com/a/1190000041593189",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "title": "华为云GaussDB：用分布式计算和存算分离的集合力量打造云原生数据库",
+    "description": "近期，创原会在杭州千岛湖成功举办云原生技术精英沙龙，来自云原生计算基金会（CNCF）、中国信通院、华为以及各行业的云原生技术精英们共聚一堂，就云原生与企业业务融合的无限可能进行了深入研讨。",
+    "url": "https://segmentfault.com/a/1190000041612934",
+    "author": "华为云",
+    "home_url": "https://segmentfault.com/u/huaweicloud",
     "votes": "1",
-    "rank": 23
+    "rank": 6
   },
   {
-    "title": "京东 vue3 组件库震撼升级，如约而至！",
-    "description": "京东零售开源项目 NutUI 是一套京东风格的轻量级移动端 Vue 组件库，是开发和服务于移动 Web 界面的企业级产品。经过长时间的开发与打磨，NutUI 3.0 终于和大家见面了！3.0 版本在技术和视觉方面都做出了较大改进...",
-    "url": "https://segmentfault.com/a/1190000041593171",
-    "author": "京东设计中心JDC",
-    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
+    "title": "「懒」是第一生产力",
+    "description": "在工作中，我发现很多同学对如何「提高自己的工作效率」这件事情，缺乏足够的关注。比如某同学在登录服务器时，总是手动输入密码，看得我心急火燎的。我的观点是，必须想方设法提高自己的工作效率，才能留出更多...",
+    "url": "https://segmentfault.com/a/1190000041611181",
+    "author": "felix021",
+    "home_url": "https://segmentfault.com/u/felix021",
     "votes": "1",
-    "rank": 24
+    "rank": 7
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041493486",
     "author": "程序员内点事",
     "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "75",
+    "votes": "77",
     "rank": 1
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000041572883",
     "author": "江辰",
     "home_url": "https://segmentfault.com/u/thomas_5b0e5d1b64584",
-    "votes": "45",
+    "votes": "48",
     "rank": 3
   },
   {
@@ -41,27 +41,9 @@
     "url": "https://segmentfault.com/a/1190000041549883",
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "39",
+    "votes": "40",
     "rank": 5
   },
-  {
-    "title": "组员重构代码千奇百怪，直接JS、ES6和Vue规范给一梭子",
-    "description": "近期组员接手了一个“古老“的初始由后端大佬写的前端项目，业务层面的组件复用，全靠是 copy 相同代码咱不说，经过不同大佬们的维护，代码风格更是千奇百怪。该前端项目还在正常迭代更新，又不可能重写，面对 💩 一...",
-    "url": "https://segmentfault.com/a/1190000041437117",
-    "author": "wuwhs",
-    "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "31",
-    "rank": 6
-  },
-  {
-    "title": "Redis 忽然变慢了如何排查并解决？",
-    "description": "Redis 通常是我们业务系统中一个重要的组件，比如：缓存、账号登录信息、排行榜等。一旦 Redis 请求延迟增加，可能就会导致业务系统“雪崩”。我在单身红娘婚恋类型互联网公司工作，在双十一推出下单就送女朋友的活...",
-    "url": "https://segmentfault.com/a/1190000041446607",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "29",
-    "rank": 7
-  },
   {
     "title": "CSS 实现透明方格的 3 种方式",
     "description": "linear-gradient可以说是最早实现这种效果的应用了，当然实现也最为巧妙，也最为复杂。原理是绘制两个直角三角形，然后拼接而成，如下",
@@ -69,7 +51,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "29",
-    "rank": 8
+    "rank": 6
   },
   {
     "title": "神奇的 CSS，让文字智能适配背景颜色",
@@ -78,6 +60,24 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "29",
+    "rank": 7
+  },
+  {
+    "title": "5种限流算法，7种限流方式，挡住突发流量？",
+    "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
+    "url": "https://segmentfault.com/a/1190000041548601",
+    "author": "程序猿阿朗",
+    "home_url": "https://segmentfault.com/u/niumoo",
+    "votes": "25",
+    "rank": 8
+  },
+  {
+    "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": "23",
     "rank": 9
   },
   {
@@ -98,50 +98,14 @@
     "votes": "25",
     "rank": 11
   },
-  {
-    "title": "5种限流算法，7种限流方式，挡住突发流量？",
-    "description": "最近几年，随着微服务的流行，服务和服务之间的依赖越来越强，调用关系越来越复杂，服务和服务之间的稳定性越来越重要。在遇到突发的请求量激增，恶意的用户访问，亦或请求频率过高给下游服务带来较大压力时，我...",
-    "url": "https://segmentfault.com/a/1190000041548601",
-    "author": "程序猿阿朗",
-    "home_url": "https://segmentfault.com/u/niumoo",
-    "votes": "23",
-    "rank": 12
-  },
-  {
-    "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": 13
-  },
-  {
-    "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": 14
-  },
   {
     "title": "JavaScript 中 JSON 的 5 个小技巧🤯",
     "description": "关于 JavaScript的JSON的一些小技巧1. 格式化默认的字符串化器还会缩小 JSON，看起来很难看 {代码...} JSON.stringify也有一个内置的格式化程序！ {代码...} （如果你想知道那个 null 是什么，我们稍后会谈到）在...",
     "url": "https://segmentfault.com/a/1190000041488147",
     "author": "JenK",
     "home_url": "https://segmentfault.com/u/wangzc996",
-    "votes": "13",
-    "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": "14",
+    "rank": 12
   },
   {
     "title": "穷追猛打，阿里二面问了我30分钟从URL输入到渲染...",
@@ -149,17 +113,17 @@
     "url": "https://segmentfault.com/a/1190000041553527",
     "author": "前端私教年年",
     "home_url": "https://segmentfault.com/u/qiuzhisijiaoniannian",
-    "votes": "18",
-    "rank": 17
+    "votes": "19",
+    "rank": 13
   },
   {
-    "title": "线性代数在前端中的应用（一）：实现鼠标滚轮缩放元素、Canvas图片和拖拽",
-    "description": "在前端开发中，有些时候会遇到根据鼠标当前位置为原点，滚动滚轮实现图片、canvas、DOM元素缩放的需求。有些同学可能觉得有点难，但其实借助线性代数中的矩阵运算，可以非常容易地实现这一功能，更重要的是，数学...",
-    "url": "https://segmentfault.com/a/1190000041443525",
-    "author": "而井",
-    "home_url": "https://segmentfault.com/u/rioli",
-    "votes": "15",
-    "rank": 18
+    "title": "[性能优化] 使用 esbuild 为你的构建提速 🚀",
+    "description": "于是这两天抽空对项目做了一次构建优化，线上(多国家)构建时间, 从 10分钟 优化到 4分钟, 本地单次构建时间， 从 300秒 优化到 90秒， 效果还不错。",
+    "url": "https://segmentfault.com/a/1190000041455457",
+    "author": "皮小蛋",
+    "home_url": "https://segmentfault.com/u/scaukk",
+    "votes": "16",
+    "rank": 14
   },
   {
     "title": "JavaScript 数据处理 - 映射表篇",
@@ -167,8 +131,17 @@
     "url": "https://segmentfault.com/a/1190000041503556",
     "author": "边城",
     "home_url": "https://segmentfault.com/u/jamesfancy",
-    "votes": "15",
-    "rank": 19
+    "votes": "16",
+    "rank": 15
+  },
+  {
+    "title": "一个小厂前端 Leader 如何筛选候选人？",
+    "description": "在我看来，面试的唯一目的就是招人，一定是因为团队缺人需要补充，你才会放下手头的工作花时间去筛简历，约面试。那么作为面试官，这个时候就一定要告诉自己：",
+    "url": "https://segmentfault.com/a/1190000041592141",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "16",
+    "rank": 16
   },
   {
     "title": "别再用 Redis List 实现消息队列了，Stream 专为队列而生",
@@ -177,16 +150,7 @@
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
     "votes": "14",
-    "rank": 20
-  },
-  {
-    "title": "吐血整理的webpack入门知识及常用loader和plugin",
-    "description": "在这个内卷为王的时代，内卷文化已经渗透到工作和生活的方方面面。不在知识的海洋里翱翔，就会在知识的海洋里溺亡。作为一名新生代农民工，在智商与勤奋已经被工友大佬们双重碾压的同时，面对日新月异的搬砖(编程...",
-    "url": "https://segmentfault.com/a/1190000041436294",
-    "author": "TNTWEB",
-    "home_url": "https://segmentfault.com/u/tnfe",
-    "votes": "14",
-    "rank": 21
+    "rank": 17
   },
   {
     "title": "2022招聘季 | 怎么准备面试？面试官一般会问些什么问题？ | web 前端",
@@ -194,7 +158,43 @@
     "url": "https://segmentfault.com/a/1190000041560515",
     "author": "linong",
     "home_url": "https://segmentfault.com/u/linong",
-    "votes": "21",
+    "votes": "22",
+    "rank": 18
+  },
+  {
+    "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": 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": 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": "2022招聘季｜如何写一份好的前端面试简历?",
+    "description": "在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...",
+    "url": "https://segmentfault.com/a/1190000041542431",
+    "author": "wscats",
+    "home_url": "https://segmentfault.com/u/wscats",
+    "votes": "17",
     "rank": 22
   },
   {
@@ -212,18 +212,9 @@
     "url": "https://segmentfault.com/a/1190000041524988",
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "14",
+    "votes": "15",
     "rank": 24
   },
-  {
-    "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": 25
-  },
   {
     "title": "23 个非常有用的 NodeJs 库",
     "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -231,7 +222,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "18",
-    "rank": 26
+    "rank": 25
   },
   {
     "title": "Gitlab  CI/CD教程及npm包构建发布实战",
@@ -240,7 +231,7 @@
     "author": "MangoGoing",
     "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
     "votes": "17",
-    "rank": 27
+    "rank": 26
   },
   {
     "title": "这 16 个 CSS 伪类，助你提升布局效率！",
@@ -249,24 +240,33 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
+    "rank": 27
+  },
+  {
+    "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": 28
   },
   {
-    "title": "2022招聘季｜如何写一份好的前端面试简历?",
-    "description": "在写简历之前，我们必须清楚的了解一件事情，那就是简历是什么？它不是人生履历，不是项目清单，也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的，简历可以是一段视频，一个开源...",
-    "url": "https://segmentfault.com/a/1190000041542431",
-    "author": "wscats",
-    "home_url": "https://segmentfault.com/u/wscats",
-    "votes": "15",
+    "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": 29
   },
   {
-    "title": "Web 页面优化专项 > Lighthouse > 性能分数优化",
-    "description": "Lighthouse 目前已经集成在新版本 Chrome DevTools 中，也可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。",
-    "url": "https://segmentfault.com/a/1190000041524121",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "17",
+    "title": "Jenkins+Docker+Gitee+SpringBoot自动化部署",
+    "description": "当我们使用传统的开发方式开发后台系统时，每写完一个功能点就需要重新运行一下项目，然后进行测试，如果是项目比较小还可以，但是如果项目比较大的话，由于涉及的人员比较多，这种开发方式就比较麻烦。基于此，...",
+    "url": "https://segmentfault.com/a/1190000041473617",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "15",
     "rank": 30
   }
 ]