@wcj/github-rank 22.6.7 → 22.6.10

package/dist/sifou-daily.json

@@ -1,74 +1,146 @@
 [
   {
-    "title": "CSS 实现头像名称首字符自动占位",
-    "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
-    "url": "https://segmentfault.com/a/1190000041940807",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "6",
+    "title": "「BUIDLCON2022」“Web3 开发者峰会”线上报名火热开启！",
+    "description": "随着区块链技术的成熟落地以及创新开发团队的涌现，行业开始催生出了新一代互联网技术 —— 去年以来，伴随元宇宙后火起来的 Web3 热度一度风靡全球，且被看作是是互联网的未来。",
+    "url": "https://segmentfault.com/a/1190000041961319",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
     "rank": 1
   },
   {
-    "title": "微前端在得物客服域的技术实践/ 那么多微前端框架，为啥我们选Qiankun + MF",
-    "description": "每个业务模块相对独立，各有独立的业务体系，单个模块体积较大，项目整体采用SPA + iframe的架构模式，其中的工单系统就是通过iframe嵌套的。在客服业务不断迭代的过程中，SPA + iframe的架构模式暴露出了很多问...",
-    "url": "https://segmentfault.com/a/1190000041942759",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
+    "title": "新提案，初识CSS的object-view-box属性",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041935473",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
     "rank": 2
   },
   {
-    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
-    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
-    "url": "https://segmentfault.com/a/1190000041943100",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "2",
+    "title": "构建基于React18的电子表格程序",
+    "description": "2022年3月29日，React正式发布18.0.0。本次升级内容包括开箱即用的改进，如自动批处理、新的API（如startTransition）和支持Suspense 的流式服务器端渲染。关于此次发布新增的功能可以参考官方文档。",
+    "url": "https://segmentfault.com/a/1190000041959594",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "Spring是如何支持多数据源的",
-    "description": "上篇介绍了数据源基础，并实现了基于两套DataSource，两套mybatis配置的多数据源，从基础知识层面阐述了多数据源的实现思路。不了解的同学请戳→同学，你的多数据源事务失效了！",
-    "url": "https://segmentfault.com/a/1190000041935752",
-    "author": "Java课代表",
-    "home_url": "https://segmentfault.com/u/zhengxl5566",
-    "votes": "2",
+    "title": "react-router-middleware-plus开源啦 | 基于react-router v6的零成本式路由权限解决方案",
+    "description": "一、你的苦恼~~你还在为react-router的路由权限控制而烦恼吗？你还在翻遍了社区react路由权限相关文章发现都是V4、V5版本的而烦恼吗？你还在为自行适配react-router v6版本的权限步骤繁杂，多重鉴权逻辑嵌套而烦...",
+    "url": "https://segmentfault.com/a/1190000041958877",
+    "author": "胡哥有话说",
+    "home_url": "https://segmentfault.com/u/justbecoder",
+    "votes": "3",
     "rank": 4
   },
   {
-    "title": "Anaconda jupyter notebook路径读取错误，提示路径不存在解决方案",
-    "description": "本次报错最重要的是最后一行，这其实是在说明，系统读取到的路径与我们自己输入的路径并不一样，所以才没有读取到相应的文件，那么为什么不一样呢？我觉得大概是因为\\v ,\\t,\\s这样的字眼本身有其特殊的意义，放在...",
-    "url": "https://segmentfault.com/a/1190000041945122",
-    "author": "奇天大郑",
-    "home_url": "https://segmentfault.com/u/qitiandazheng",
-    "votes": "1",
+    "title": "干货合集│最好用的 python 库都在这",
+    "description": "一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...",
+    "url": "https://segmentfault.com/a/1190000041962217",
+    "author": "程序员亮仔",
+    "home_url": "https://segmentfault.com/u/cxyliangzai",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "github使用技巧",
-    "description": "github使用技巧快捷键1、首页使用s直接focus搜索框2、仓库中使用t键直接搜索文件3、仓库文件里，使用L键直接跳转到对应行数，点击该行前面的3个点即可复制该行4、在仓库里点击。 可以直接用网页内嵌版的vscode进...",
-    "url": "https://segmentfault.com/a/1190000041942982",
-    "author": "奇天大郑",
-    "home_url": "https://segmentfault.com/u/qitiandazheng",
+    "title": "马志强：语音识别技术研究进展和应用落地分享丨RTC Dev Meetup",
+    "description": "本文内容源自「RTC Dev Meetup 丨语音处理在实时互动领域的技术实践和应用】的演讲分享，分享讲师为寰语科技语音识别研究主管马志强。",
+    "url": "https://segmentfault.com/a/1190000041962781",
+    "author": "声网",
+    "home_url": "https://segmentfault.com/u/shengwangapi",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "提取coco datasets 2017单一类别生成新的标注文件",
-    "description": "如何提取coco datasets 2017单一类别生成新的标注文件？例如从原来json文件中的80个类别只提取出person类。非常简单，使用github上2个大佬写的coco manager附上github链接",
-    "url": "https://segmentfault.com/a/1190000041942738",
-    "author": "奇天大郑",
-    "home_url": "https://segmentfault.com/u/qitiandazheng",
+    "title": "ONES 冯斌：从工程师到CTO，与不确定性和信息不完备为伴｜ONES Talk",
+    "description": "ONES 作为国内研发管理领域的领跑者，始终致力于赋能开发者群体，推动中国软件工业持续向前发展。2022年5月，ONES 宣布收购国内知名技术问答社区 segmentfault 思否，共建高质量开发者社区。",
+    "url": "https://segmentfault.com/a/1190000041960035",
+    "author": "万事ONES",
+    "home_url": "https://segmentfault.com/u/wanshiones",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "延时队列我在项目里是怎么实现的？",
-    "description": "我看到这个问题之后，稍微思考了下，觉得确实也是austin平台所需要实现的功能。对于前端而言，只要让业务方在创建模板的时候填选屏蔽类型，后端根据这个字段增添一点点细节，这个需求就做完了，简单！",
-    "url": "https://segmentfault.com/a/1190000041941550",
-    "author": "Java3y",
-    "home_url": "https://segmentfault.com/u/java_3y",
+    "title": "Recoil 新一代的 React 函数式编程 状态管理工具",
+    "description": "起因是最近重构了一个 props 传递层级非常深，组件之间状态通信非常频繁的详情页面。整个代码梳理下来，很难维护，重构时考虑，做组件细分，把数据单拎出来，对数据做一个松散管理。",
+    "url": "https://segmentfault.com/a/1190000041962600",
+    "author": "mit",
+    "home_url": "https://segmentfault.com/u/mit",
     "votes": "1",
     "rank": 8
+  },
+  {
+    "title": "nginx入门1(旧笔记誊抄)",
+    "description": "1.简介1.1 进程有一个master进程：读取、评估conf;维护worker进程；有多个worker进程：处理请求；1.2 nginx进程模型nginx采用事件驱动模型和操作系统机制来实现请求分发worker进程；1.3 工作进程数worker工作进程...",
+    "url": "https://segmentfault.com/a/1190000041961625",
+    "author": "niewj",
+    "home_url": "https://segmentfault.com/u/niewj",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "ES6新特性",
+    "description": "ES6(ECMAScript2015)也就是ECMAScript6。因为2015年发行第六版，所以有两个名字ES6或者ECMAScript。ES6之后，ECMA每年都会准时更新，之前不会准时更新",
+    "url": "https://segmentfault.com/a/1190000041961317",
+    "author": "Darcula",
+    "home_url": "https://segmentfault.com/u/darcula",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "还在从零开始搭建项目？这款升级版快速开发脚手架值得一试！",
+    "description": "关注我Github的小伙伴应该了解，之前我开源了一款快速开发脚手架mall-tiny，该脚手架继承了mall项目的技术栈，拥有完整的权限管理功能。最近抽空把该项目支持了Spring Boot 2.7.0，今天再和大家聊聊这个脚手架，...",
+    "url": "https://segmentfault.com/a/1190000041957879",
+    "author": "macrozheng",
+    "home_url": "https://segmentfault.com/u/macrozheng",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "JS实现的接粽子小游戏，愿你好运接粽而至",
+    "description": "端午节虽然已经过了，但是美好的生活以旧在继续。这里用 JS 实现了一个简单的接粽子小游戏，寓意美好接粽而至。能接到多少粽子，完全看你手速，不用担心端午没粽子了。线上体验地址",
+    "url": "https://segmentfault.com/a/1190000041957646",
+    "author": "linshuai",
+    "home_url": "https://segmentfault.com/u/linshuai",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "一款开源的Markdown转富文本编辑器的实现原理剖析",
+    "description": "笔者平时写文章使用的都是Markdown，但是发布的时候就会遇到一些平台不支持Markdown的情况，重排是不可能重排的，所以都会使用一些Markdown转富文本的工具，比如markdown-nice，用的多了就会好奇是怎么实现的，于...",
+    "url": "https://segmentfault.com/a/1190000041962833",
+    "author": "街角小林",
+    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "分布式数据对象：超级终端的\"全局变量\"",
+    "description": "3月底发布的OpenAtom OpenHarmony（以下简称“OpenHarmony”）3.1 Release版本中，新增了分布式数据对象特性。什么是分布式数据对象呢？本期就让我们一起来了解一下~",
+    "url": "https://segmentfault.com/a/1190000041959930",
+    "author": "OpenHarmony社区",
+    "home_url": "https://segmentfault.com/u/openharmony",
+    "votes": "1",
+    "rank": 14
+  },
+  {
+    "title": "麒麟操作系统 (kylinos) 从入门到精通 - 研发环境 - 第九篇 数据库及数据库管理工具的安装",
+    "description": "windows下，我个人主要使用navicat。而navicat没有arm的版本。而在麒麟系统下，我们可以使用dbeaver(注：从各方面来看，这个工具是基于eclipse研发)[链接] 网上找到下载地址arm版本只提供压缩包，同时在运行之前...",
+    "url": "https://segmentfault.com/a/1190000041958463",
+    "author": "码上世界",
+    "home_url": "https://segmentfault.com/u/code4world",
+    "votes": "1",
+    "rank": 15
+  },
+  {
+    "title": "刷脸认证如何实现人脸又快又准完成校验？",
+    "description": "互联网飞速发展的今天，各种App的验证方法也越来越方便用户，从一开始的密码输入，到后来的指纹解锁，演变成如今的刷脸认证。刷个脸，就可以解锁设备、在线/线下支付、通过门禁、快速检票等。与此同时也伴随了很...",
+    "url": "https://segmentfault.com/a/1190000041957933",
+    "author": "HMSCore",
+    "home_url": "https://segmentfault.com/u/hms_core",
+    "votes": "1",
+    "rank": 16
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000041826742",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "48",
+    "votes": "49",
     "rank": 1
   },
   {
@@ -14,17 +14,26 @@
     "url": "https://segmentfault.com/a/1190000041925065",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "41",
+    "votes": "45",
     "rank": 2
   },
+  {
+    "title": "妙啊！动画还可以这样控制？",
+    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
+    "url": "https://segmentfault.com/a/1190000041887820",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "27",
+    "rank": 3
+  },
   {
     "title": "为什么前端不能没有监控系统？",
     "description": "提到监控系统，大部分同学首先想到的是后端监控。很明显，比如检测服务器性能，数据库性能，API 的访问流量，以及各种服务的运行情况等等，都与后端息息相关。而前端更多承担的是 UI 展现的角色，主要关注页面怎...",
     "url": "https://segmentfault.com/a/1190000041833326",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "30",
-    "rank": 3
+    "votes": "31",
+    "rank": 4
   },
   {
     "title": "如何实现一个能精确同步滚动的Markdown编辑器",
@@ -33,24 +42,15 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "24",
-    "rank": 4
+    "rank": 5
   },
   {
-    "title": "妙啊！动画还可以这样控制？",
-    "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
-    "url": "https://segmentfault.com/a/1190000041887820",
+    "title": "浅谈逻辑选择器 -- 父选择器它来了！",
+    "description": "在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...",
+    "url": "https://segmentfault.com/a/1190000041860587",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "27",
-    "rank": 5
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
-    "description": "2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...",
-    "url": "https://segmentfault.com/a/1190000041861125",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "22",
+    "votes": "26",
     "rank": 6
   },
   {
@@ -59,27 +59,18 @@
     "url": "https://segmentfault.com/a/1190000041925107",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "23",
+    "votes": "25",
     "rank": 7
   },
   {
-    "title": "浅谈逻辑选择器 -- 父选择器它来了！",
-    "description": "在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...",
-    "url": "https://segmentfault.com/a/1190000041860587",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "25",
+    "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
+    "description": "2022年3月15日，争议非常大但同时也备受期待的泛型终于伴随着Go1.18发布了。可是因为Go对泛型的支持时间跨度太大，有非常多的以“泛型”为关键字的文章都是在介绍Go1.18之前的旧泛型提案或者设计，而很多设计最终在...",
+    "url": "https://segmentfault.com/a/1190000041861125",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "22",
     "rank": 8
   },
-  {
-    "title": "8.9W 播放量的 TS 动画版进阶教程合集来了！",
-    "description": "阿宝哥精心准备的 《轻松学 TypeScript》 视频教程来咯，强烈推荐！通过形象生动的动画，让你轻松搞懂 TypeScript 的难点和核心知识点！目前已更新到第 15 期，其中 1 期的观看量已破 1.9W，该合集的播放量目前已...",
-    "url": "https://segmentfault.com/a/1190000041819579",
-    "author": "阿宝哥",
-    "home_url": "https://segmentfault.com/u/angular4",
-    "votes": "25",
-    "rank": 9
-  },
   {
     "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
     "description": "CSS (英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言...",
@@ -87,7 +78,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "23",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "前端监控的搭建步骤，别再一头雾水了！",
@@ -95,7 +86,16 @@
     "url": "https://segmentfault.com/a/1190000041879217",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "19",
+    "votes": "22",
+    "rank": 10
+  },
+  {
+    "title": "文字轮播与图片轮播？CSS 不在话下",
+    "description": "今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...",
+    "url": "https://segmentfault.com/a/1190000041947673",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "21",
     "rank": 11
   },
   {
@@ -126,30 +126,30 @@
     "rank": 14
   },
   {
-    "title": "CSS 实现树状结构目录",
-    "description": "如果用到了 Ant Design 这样的框架，那可以直接用现成的组件。如果没有用到这样的框架呢？其实纯 CSS 也是可以搞定的，下面看看如何实现的，还有很多你可能不知道 CSS 小技巧哦~",
-    "url": "https://segmentfault.com/a/1190000041815758",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
+    "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
+    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
+    "url": "https://segmentfault.com/a/1190000041926662",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "16",
     "rank": 15
   },
-  {
-    "title": "实现聚焦效果",
-    "description": "这是之前朋友问我的一个功能：他觉得看网页有时候注意力会被转移，希望可以有个蒙层帮助他集中注意力反手我就用 box-shadow 把功能写了出来。 {代码...} 因为 z-index 无法超过非 static 层级导致的 bug在我测试...",
-    "url": "https://segmentfault.com/a/1190000041804137",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "14",
-    "rank": 16
-  },
   {
     "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
     "description": "JavaScript 是一门基于原型、头等函数的语言，是一门多范式的语言，它支持面向对象程式設計，指令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持 I/O，比如网络、存储和图形...",
     "url": "https://segmentfault.com/a/1190000041921498",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "13",
+    "votes": "16",
+    "rank": 16
+  },
+  {
+    "title": "CSS 实现头像名称首字符自动占位",
+    "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
+    "url": "https://segmentfault.com/a/1190000041940807",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "18",
     "rank": 17
   },
   {
@@ -161,32 +161,14 @@
     "votes": "11",
     "rank": 18
   },
-  {
-    "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926662",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "13",
-    "rank": 19
-  },
-  {
-    "title": "python又搞事情 想一统天下？",
-    "description": "python最近又在搞大事情，就在最近，github上突然多了一个神奇的项目： git地址.并且最近一直在更新。一看这个名字就让我们不禁想起JavaScript，再去官网一看pyscript官网, 这家伙不仅模仿了JavaScript的名字，甚...",
-    "url": "https://segmentfault.com/a/1190000041819433",
-    "author": "我的小熊不见了",
-    "home_url": "https://segmentfault.com/u/wodexiaoxiongbujianliao",
-    "votes": "11",
-    "rank": 20
-  },
   {
     "title": "5分钟带你通过Javascript了解人工智能的基本原理",
     "description": "学习人工智能门槛高不高？我入门花了2个月时间，学习了python、微积分，才大概弄懂了深度学习的基本原理，确实让人头大，不过现在回过头想想，其实基本原理是没这么难的。",
     "url": "https://segmentfault.com/a/1190000041843081",
     "author": "6666",
     "home_url": "https://segmentfault.com/u/6666",
-    "votes": "9",
-    "rank": 21
+    "votes": "10",
+    "rank": 19
   },
   {
     "title": "移动端常见适配方案",
@@ -195,7 +177,7 @@
     "author": "深红",
     "home_url": "https://segmentfault.com/u/deepred5",
     "votes": "11",
-    "rank": 22
+    "rank": 20
   },
   {
     "title": "云原生时代 PHP/Golang 项目如何实现微服务",
@@ -204,7 +186,7 @@
     "author": "韩天峰",
     "home_url": "https://segmentfault.com/u/hantianfeng",
     "votes": "9",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "它来了！Flutter3.0发布全解析",
@@ -213,7 +195,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "6",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "Base64 编码知识，一文打尽！",
@@ -222,7 +204,7 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "11",
-    "rank": 25
+    "rank": 23
   },
   {
     "title": "如何自定义 drag 样式",
@@ -231,6 +213,24 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
+    "rank": 24
+  },
+  {
+    "title": "全球顶级交易所前端二面",
+    "description": "背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...",
+    "url": "https://segmentfault.com/a/1190000041934586",
+    "author": "Peter谭老师",
+    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
+    "votes": "7",
+    "rank": 25
+  },
+  {
+    "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
+    "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
+    "url": "https://segmentfault.com/a/1190000041921943",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "10",
     "rank": 26
   },
   {
@@ -243,30 +243,30 @@
     "rank": 27
   },
   {
-    "title": "全球顶级交易所前端二面",
-    "description": "背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...",
-    "url": "https://segmentfault.com/a/1190000041934586",
-    "author": "Peter谭老师",
-    "home_url": "https://segmentfault.com/u/jerrytanjinjie",
-    "votes": "6",
+    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
+    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
+    "url": "https://segmentfault.com/a/1190000041926694",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
     "rank": 28
   },
   {
-    "title": "Redis 为何使用近似 LRU 算法淘汰数据，而不是真实 LRU？",
-    "description": "在《Redis 数据缓存满了怎么办？》我们知道 Redis 缓存满了之后能通过淘汰策略删除数据腾出空间给新数据。淘汰策略如下所示：设置过期时间的 keyvolatile-ttl、volatile-random、volatile-lru、volatile-lfu 这四...",
-    "url": "https://segmentfault.com/a/1190000041824717",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "9",
+    "title": "锁定项目 Node 版本和包管理器",
+    "description": "成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。",
+    "url": "https://segmentfault.com/a/1190000041918155",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "10",
     "rank": 29
   },
   {
-    "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
-    "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
-    "url": "https://segmentfault.com/a/1190000041921943",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
-    "votes": "10",
+    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
+    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
+    "url": "https://segmentfault.com/a/1190000041943100",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "8",
     "rank": 30
   }
 ]