@wcj/github-rank 22.6.10 → 22.6.13

package/web/data/sifou-daily.json

@@ -1,146 +1,29 @@
 [
   {
-    "title": "「BUIDLCON2022」“Web3 开发者峰会”线上报名火热开启！",
-    "description": "随着区块链技术的成熟落地以及创新开发团队的涌现，行业开始催生出了新一代互联网技术 —— 去年以来，伴随元宇宙后火起来的 Web3 热度一度风靡全球，且被看作是是互联网的未来。",
-    "url": "https://segmentfault.com/a/1190000041961319",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "JS实现将文本或JSON内容下载到文件中",
+    "description": "有时候在前端开发过程中，可能遇到这样的需求场景：需要将页面上的文本内容下载到文件中，内容可能是某个大的文本字段，比如博客文章，也可能是后端接口返回的 JSON 数据。",
+    "url": "https://segmentfault.com/a/1190000041965165",
+    "author": "十方",
+    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "新提案，初识CSS的object-view-box属性",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041935473",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "如何对一个数字列表进行等和划分",
+    "description": "一个序列分成 n 段，要求各段和的差值的最大值最小或者说，要求各段和尽可能接近序列和 S / n需要最优解，思路或者代码都行实际应用场景：规划瀑布流排版",
+    "url": "https://segmentfault.com/a/1190000041973213",
+    "author": "建安七子",
+    "home_url": "https://segmentfault.com/u/cowcomic",
     "votes": "1",
     "rank": 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": "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": "干货合集│最好用的 python 库都在这",
-    "description": "一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...",
-    "url": "https://segmentfault.com/a/1190000041962217",
-    "author": "程序员亮仔",
-    "home_url": "https://segmentfault.com/u/cxyliangzai",
-    "votes": "2",
-    "rank": 5
-  },
-  {
-    "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": "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": "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",
+    "title": "spring-authorization-server令牌放发源码解析",
+    "description": "前端已加密的密码进行解密 PasswordDecoderFilter.java ， 主要就是把如下图的 password 密文转成明文交由 SpringSecurity 处理",
+    "url": "https://segmentfault.com/a/1190000041973165",
+    "author": "冷冷",
+    "home_url": "https://segmentfault.com/u/gie",
     "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
+    "rank": 3
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,21 +1,12 @@
 [
-  {
-    "title": "现代 CSS 解决方案：CSS 数学函数",
-    "description": "在 CSS 中，其实存在各种各样的函数。具体分为：Transform functionsMath functionsFilter functionsColor functionsImage functionsCounter functionsFont functionsShape functionsReference functionsCSS grid...",
-    "url": "https://segmentfault.com/a/1190000041826742",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "49",
-    "rank": 1
-  },
   {
     "title": "为我们的 10 周年喝彩",
     "description": "10 年前，我和高阳及董锋在北京参加了中国第一届黑客马拉松。以开发者为中心的活动在当时还是个新鲜事物，我们第一次看到了这个群体中所蕴含的巨大能量，以至于它对我们后面的创业决定也产生了巨大的影响。活动结...",
     "url": "https://segmentfault.com/a/1190000041925065",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "45",
-    "rank": 2
+    "votes": "46",
+    "rank": 1
   },
   {
     "title": "妙啊！动画还可以这样控制？",
@@ -24,16 +15,7 @@
     "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": "31",
-    "rank": 4
+    "rank": 2
   },
   {
     "title": "如何实现一个能精确同步滚动的Markdown编辑器",
@@ -42,7 +24,7 @@
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
     "votes": "24",
-    "rank": 5
+    "rank": 3
   },
   {
     "title": "浅谈逻辑选择器 -- 父选择器它来了！",
@@ -51,7 +33,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "26",
-    "rank": 6
+    "rank": 4
   },
   {
     "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
@@ -60,7 +42,7 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "25",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
@@ -69,16 +51,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "22",
-    "rank": 8
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 -- 不走寻常路的 CSS",
-    "description": "CSS (英文全称：Cascading Style Sheets)是一种用来表现 HTML（标准通用标记语言的一个应用）或 XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言...",
-    "url": "https://segmentfault.com/a/1190000041830559",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "23",
-    "rank": 9
+    "rank": 6
   },
   {
     "title": "前端监控的搭建步骤，别再一头雾水了！",
@@ -87,7 +60,7 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "22",
-    "rank": 10
+    "rank": 7
   },
   {
     "title": "文字轮播与图片轮播？CSS 不在话下",
@@ -95,8 +68,8 @@
     "url": "https://segmentfault.com/a/1190000041947673",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "21",
-    "rank": 11
+    "votes": "22",
+    "rank": 8
   },
   {
     "title": "关于代码评审(CodeReview)那些不得不说的事儿",
@@ -104,8 +77,8 @@
     "url": "https://segmentfault.com/a/1190000041885333",
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "18",
-    "rank": 12
+    "votes": "19",
+    "rank": 9
   },
   {
     "title": "CSS 穿墙术！太强了",
@@ -113,17 +86,17 @@
     "url": "https://segmentfault.com/a/1190000041887095",
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "21",
-    "rank": 13
+    "votes": "22",
+    "rank": 10
   },
   {
-    "title": "如何做新人引导功能？",
-    "description": "节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。",
-    "url": "https://segmentfault.com/a/1190000041789636",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "13",
-    "rank": 14
+    "title": "CSS 实现头像名称首字符自动占位",
+    "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
+    "url": "https://segmentfault.com/a/1190000041940807",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "20",
+    "rank": 11
   },
   {
     "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
@@ -132,7 +105,16 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "16",
-    "rank": 15
+    "rank": 12
+  },
+  {
+    "title": "如何做新人引导功能？",
+    "description": "节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。",
+    "url": "https://segmentfault.com/a/1190000041789636",
+    "author": "linong",
+    "home_url": "https://segmentfault.com/u/linong",
+    "votes": "13",
+    "rank": 13
   },
   {
     "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
@@ -141,16 +123,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "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
+    "rank": 14
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
@@ -159,25 +132,7 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "11",
-    "rank": 18
-  },
-  {
-    "title": "5分钟带你通过Javascript了解人工智能的基本原理",
-    "description": "学习人工智能门槛高不高？我入门花了2个月时间，学习了python、微积分，才大概弄懂了深度学习的基本原理，确实让人头大，不过现在回过头想想，其实基本原理是没这么难的。",
-    "url": "https://segmentfault.com/a/1190000041843081",
-    "author": "6666",
-    "home_url": "https://segmentfault.com/u/6666",
-    "votes": "10",
-    "rank": 19
-  },
-  {
-    "title": "移动端常见适配方案",
-    "description": "做移动端页面有一段时间了，总结下工作中常用的几种移动端适配方案。基础网上已经有非常多的基础知识总结，不再赘诉，详情可以见《关于移动端适配，你必须要知道的》《不要再问我移动适配的问题了》其中容易搞混...",
-    "url": "https://segmentfault.com/a/1190000041831493",
-    "author": "深红",
-    "home_url": "https://segmentfault.com/u/deepred5",
-    "votes": "11",
-    "rank": 20
+    "rank": 15
   },
   {
     "title": "云原生时代 PHP/Golang 项目如何实现微服务",
@@ -186,16 +141,16 @@
     "author": "韩天峰",
     "home_url": "https://segmentfault.com/u/hantianfeng",
     "votes": "9",
-    "rank": 21
+    "rank": 16
   },
   {
-    "title": "它来了！Flutter3.0发布全解析",
-    "description": "我们很高兴地宣布，作为谷歌I/O主题演讲的一部分，我们今天推出了Flutter 3。Flutter 3完成了我们从以移动为中心到多平台框架的路线图，提供了对macOS和Linux桌面应用的支持，以及对Firebase集成的改进，新的生产...",
-    "url": "https://segmentfault.com/a/1190000041832303",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "6",
-    "rank": 22
+    "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
+    "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
+    "url": "https://segmentfault.com/a/1190000041921943",
+    "author": "民工哥",
+    "home_url": "https://segmentfault.com/u/jishuroad",
+    "votes": "12",
+    "rank": 17
   },
   {
     "title": "Base64 编码知识，一文打尽！",
@@ -204,7 +159,34 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "votes": "11",
-    "rank": 23
+    "rank": 18
+  },
+  {
+    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
+    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
+    "url": "https://segmentfault.com/a/1190000041943100",
+    "author": "why技术",
+    "home_url": "https://segmentfault.com/u/whyjishu",
+    "votes": "9",
+    "rank": 19
+  },
+  {
+    "title": "js面试题(进阶)梳理",
+    "description": "1、undeclared 与 undefined的区别？ {代码...} 2、let & const与 var 的区别？ {代码...} 3、获取DOM元素有哪些方法？方法描述document.getElementById(id)通过id获取domdocument.getElementsByTagName(tagName)...",
+    "url": "https://segmentfault.com/a/1190000041855296",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "14",
+    "rank": 20
+  },
+  {
+    "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
+    "description": "深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...",
+    "url": "https://segmentfault.com/a/1190000041903331",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "10",
+    "rank": 21
   },
   {
     "title": "如何自定义 drag 样式",
@@ -213,7 +195,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "全球顶级交易所前端二面",
@@ -222,25 +204,16 @@
     "author": "Peter谭老师",
     "home_url": "https://segmentfault.com/u/jerrytanjinjie",
     "votes": "7",
-    "rank": 25
+    "rank": 23
   },
   {
-    "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
-    "description": "内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。内网穿透的应用场景web 应用开发向外网发布开发的一些web demo，或者远程...",
-    "url": "https://segmentfault.com/a/1190000041921943",
-    "author": "民工哥",
-    "home_url": "https://segmentfault.com/u/jishuroad",
+    "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": 26
-  },
-  {
-    "title": "js面试题(进阶)梳理",
-    "description": "1、undeclared 与 undefined的区别？ {代码...} 2、let & const与 var 的区别？ {代码...} 3、获取DOM元素有哪些方法？方法描述document.getElementById(id)通过id获取domdocument.getElementsByTagName(tagName)...",
-    "url": "https://segmentfault.com/a/1190000041855296",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "13",
-    "rank": 27
+    "rank": 24
   },
   {
     "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
@@ -249,24 +222,51 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
+    "rank": 25
+  },
+  {
+    "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
+    "description": "之前看亚马逊云科技创新大会直播，尤其是顾凡的主题演讲“重构云底座，加速向未来”，相比 re:Invent 的隆重的会场和丰盛的议题，这次更能总览亚马逊云科技全局产品和方案，我恰好在思考中美云计算的发展，本文有感...",
+    "url": "https://segmentfault.com/a/1190000041953821",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "6",
+    "rank": 26
+  },
+  {
+    "title": "CSS 变量自动变色技术",
+    "description": "欢迎关注微信公众号： 前端侦探在思否上看到这样一个设计，当阅读量比较少时，文字呈灰色，当阅读量比较多（>=100）时，文字就变成褐色了，示意效果如下是不是非常醒目呢？另外，还有那种可以根据进度自动变色...",
+    "url": "https://segmentfault.com/a/1190000041914954",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "9",
+    "rank": 27
+  },
+  {
+    "title": "13 个Typescript 实用类型：开发人员的备忘单",
+    "description": "我们可以为 UserProfileResponse 定义类型，并为 LoginResponse 挑选一些属性，而不是定义相同上下文的 LoginResponse 和 UserProfileResponse 的类型。",
+    "url": "https://segmentfault.com/a/1190000041782911",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "14",
     "rank": 28
   },
   {
-    "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",
+    "title": "js 生成UUID的几种方法",
+    "description": "UUID(Universally Unique IDentifier) 全局唯一标识符。UUID是一种由算法生成的二进制长度为128位的数字标识符。UUID的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”，其中的 x 是 0-9 或 a-f范围内的一个32位十...",
+    "url": "https://segmentfault.com/a/1190000041895680",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "9",
     "rank": 29
   },
   {
-    "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
-    "description": "你好呀，我是歪歪。前几天在一个开源项目的 github 里面看到这样的一个 pr：光是看这个名字，里面有个 MemorySafe，我就有点陷进去了。我先给你看看这个东西：这个肯定很眼熟吧？我是从阿里巴巴开发规范中截的图...",
-    "url": "https://segmentfault.com/a/1190000041943100",
-    "author": "why技术",
-    "home_url": "https://segmentfault.com/u/whyjishu",
-    "votes": "8",
+    "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": "4",
     "rank": 30
   }
 ]