@wcj/github-rank 22.8.16 → 22.8.19

package/dist/sifou-weekly.json

@@ -1,92 +1,92 @@
 [
   {
-    "title": "Wuzzle，进行基于 webpack 的 JS 转译",
-    "description": "转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...",
-    "url": "https://segmentfault.com/a/1190000042306044",
-    "author": "乌柏木",
-    "home_url": "https://segmentfault.com/u/wubomu",
-    "votes": "14",
+    "title": "即日起，ONES 团队版50人以下免费",
+    "description": "ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...",
+    "url": "https://segmentfault.com/a/1190000042319176",
+    "author": "万事ONES",
+    "home_url": "https://segmentfault.com/u/wanshiones",
+    "votes": "11",
     "rank": 1
   },
   {
-    "title": "markdown 编辑器实现双屏同步滚动",
-    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
-    "url": "https://segmentfault.com/a/1190000042290360",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "7",
+    "title": "多行文本下的文字渐隐消失术",
+    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
+    "url": "https://segmentfault.com/a/1190000042325723",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "13",
     "rank": 2
   },
   {
-    "title": "即日起，ONES 团队版50人以下免费",
-    "description": "ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...",
-    "url": "https://segmentfault.com/a/1190000042319176",
-    "author": "万事ONES",
-    "home_url": "https://segmentfault.com/u/wanshiones",
-    "votes": "8",
+    "title": "Windows滚动条如何美化成 macOS 那样？",
+    "description": "欢迎关注我的公众号：前端侦探众所周知，Windows和macOS的滚动条在默认情况是不一致的，最显著的区别就是 macOS滚动条是不占据屏幕尺寸的，如下而Windows下是这样的很多设计师会吐槽Windows滚动条不太美观，能不...",
+    "url": "https://segmentfault.com/a/1190000042323523",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "15",
     "rank": 3
   },
   {
-    "title": "Vue仿钉钉审批流程",
-    "description": "workflow钉钉审批流程设置workflow钉钉审批流程设置，基于vue开发。QQ交流群：639251756线上开源地址 https://github.com/StavinLi/Workflow github点个星吧！预览地址 https://stavinli.github.io/Workflow/dist...",
-    "url": "https://segmentfault.com/a/1190000042300972",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "6",
+    "title": "从 Islands Architecture 看前端有多卷",
+    "description": "大家好，我卡颂。最近，Remix团队的暴躁老哥Ryan Florence一连怼了好几个友商框架，比如：喷SolidStart抄Remix的文档怼Next.js抄Remix的API设计吐槽Astro、Qwik没有什么新鲜理念当然，这些推文发出不到一天就被老...",
+    "url": "https://segmentfault.com/a/1190000042307425",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "7",
     "rank": 4
   },
   {
-    "title": "如何在BI中增加“路线地图”并进行数据分析？",
-    "description": "随着客户的需求越来越“百变”，最近在做大屏设计的葡萄陷入了困境。近期客户提出的需求是想在BI工具中增加 “路线地图”展示功能并进行数据分析。不仅如此，这个“路线地图”还要兼具实用的功能与美观的动效，典型的“...",
-    "url": "https://segmentfault.com/a/1190000042304159",
+    "title": "如何开发一款基于 vite+vue3 的在线表格系统（下）",
+    "description": "在上篇内容中我们为大家分享了详细介绍Vue3和Vite的相关内容。在本篇中我们将从项目实战出发带大家了解Vite+Vue3 的在线表格系统的构建。使用Vite初始化Vue3项目在这里需要注意：根据官网文档说明，使用Vite需要n...",
+    "url": "https://segmentfault.com/a/1190000042334814",
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "2",
+    "votes": "4",
     "rank": 5
   },
   {
-    "title": "手写一个有点意思的电梯小程序",
-    "description": "通过本示例，你将学到什么?CSS 相关CSS定位CSS弹性盒子布局CSS动画CSS变量的用法js相关类的封装DOM的操作与事件的操作样式与类的操作延迟函数的使用示例效果废话少说，先看效果如图所示:分析小程序的构成电梯井（...",
-    "url": "https://segmentfault.com/a/1190000042298118",
+    "title": "手写一个有点意思的电梯小程序（React版本）",
+    "description": "查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...",
+    "url": "https://segmentfault.com/a/1190000042322957",
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "8",
+    "votes": "3",
     "rank": 6
   },
   {
-    "title": "快速了解navigator API setAppBadge",
-    "description": "欢迎关注我的公众号：前端侦探在很多客户端应用程序中，一般会通过应用图标的角标来显示当前消息的数量，例如其实，web 中也有类似的设定，花两分钟了解一下吧一、navigator.setAppBadge现在的navigator早已不是...",
-    "url": "https://segmentfault.com/a/1190000042288003",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "5",
+    "title": "精读《pnpm》",
+    "description": "pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。",
+    "url": "https://segmentfault.com/a/1190000042318738",
+    "author": "黄子毅",
+    "home_url": "https://segmentfault.com/u/aoyangyudakong",
+    "votes": "6",
     "rank": 7
   },
   {
-    "title": "🔬 一文搞懂前端兼容问题",
-    "description": "对于大部分开发者来说，版本兼容是一件存在感很低的事情，因为它在绝大部分情况下都是一行配置，在一些前端工具链（例如 Babel、CoreJS，Autoprefixer 等工具）的帮助下适配到目标浏览器，只会在一些大的 break c...",
-    "url": "https://segmentfault.com/a/1190000042301384",
-    "author": "卤代烃",
-    "home_url": "https://segmentfault.com/u/skychx",
-    "votes": "4",
+    "title": "开阔眼界的好工具，一文教你使用Wappalzer来学习全栈技术",
+    "description": "大家都知道，一个完整的高可用、高性能的Web系统本身的构成是比较复杂的，除了我们熟知的前端部分，比如静态网页生成器、JS库、UI框架、监控工具等，还有Web Server、云服务、CDN内容分发、代理服务、HTTP缓存与...",
+    "url": "https://segmentfault.com/a/1190000042316720",
+    "author": "Gomi",
+    "home_url": "https://segmentfault.com/u/gomi",
+    "votes": "5",
     "rank": 8
   },
   {
-    "title": "从 Islands Architecture 看前端有多卷",
-    "description": "大家好，我卡颂。最近，Remix团队的暴躁老哥Ryan Florence一连怼了好几个友商框架，比如：喷SolidStart抄Remix的文档怼Next.js抄Remix的API设计吐槽Astro、Qwik没有什么新鲜理念当然，这些推文发出不到一天就被老...",
-    "url": "https://segmentfault.com/a/1190000042307425",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "6",
+    "title": "谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042318628",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
     "rank": 9
   },
   {
-    "title": "终于新增了：查看所有测试历史的功能，我有点迫不及待了",
-    "description": "当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：",
-    "url": "https://segmentfault.com/a/1190000042301443",
-    "author": "猿计划",
-    "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
-    "votes": "3",
+    "title": "将废弃的安卓手机重新用作Web服务器 一",
+    "description": "将废弃的安卓手机重新用作Web服务器环境准备首先，我们需要给手机安装一个Linux环境。这里选择Termux，Termux是Android的终端模拟器下载地址你可能需要根据你的手机型号选择适合的版本下载后想办法将安装包发送到...",
+    "url": "https://segmentfault.com/a/1190000042317550",
+    "author": "Riki一二三",
+    "home_url": "https://segmentfault.com/u/riki_wang",
+    "votes": "2",
     "rank": 10
   },
   {
@@ -99,173 +99,173 @@
     "rank": 11
   },
   {
-    "title": "又更新了！新版本 V 1.3.0 发布了，新增：前后置脚本、查看所有测试历史、国际化...",
-    "description": "Eoapi V 1.3.0 版本功能终于在这个夏天发布了，UI 进行了升级，更清爽、更简单。看出来哪里改动了吗？发布了几个大功能：系统、插件多语言支持测试支持前后置 Javascript 脚本，支持加解密、断言、全局变量等等功...",
-    "url": "https://segmentfault.com/a/1190000042301399",
-    "author": "猿计划",
-    "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
-    "votes": "3",
+    "title": "数据透视表上线！如何在纯前端实现这个强大的数据分析功能？",
+    "description": "在Office三大办公套件中，Excel可能是功能最多、最难精通的那一款了。从日常的表格录入到复杂的业务数据统计分析，Excel仿佛一位外表平平无奇，实力却深不可测的武林高手。熟练使用Excel往往能在日常工作中获得事...",
+    "url": "https://segmentfault.com/a/1190000042331688",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "1",
     "rank": 12
   },
   {
-    "title": "SegmentFault 思否技术周刊 -- 掌握这个概念，你就理解了 React",
-    "description": "公司前端工程还处于 React+Mobx 与 Spring MVC（freemarker+jQuery）技术栈共存的阶段，两种技术栈页面难免会存在一些相同的业务功能点，如果分别开发和维护，就需要双倍的人力成本，因此，我们尝试将 React 业务...",
-    "url": "https://segmentfault.com/a/1190000042296782",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "2",
+    "title": "在 api 接口测试中，我会关注这三个指标",
+    "description": "接口开发完成后，我们需要调用接口来测试接口的表现，当表现符合预期时，则代表接口可用。在测试中我们可能会关注状态码、响应体以及响应时间，这些数据 Eoapi 通通都会展示给你，帮助你判断 API 是否正常。开始...",
+    "url": "https://segmentfault.com/a/1190000042326129",
+    "author": "气势凌人的柿子",
+    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
+    "votes": "3",
     "rank": 13
   },
   {
-    "title": "开阔眼界的好工具，一文教你使用Wappalzer来学习全栈技术",
-    "description": "大家都知道，一个完整的高可用、高性能的Web系统本身的构成是比较复杂的，除了我们熟知的前端部分，比如静态网页生成器、JS库、UI框架、监控工具等，还有Web Server、云服务、CDN内容分发、代理服务、HTTP缓存与...",
-    "url": "https://segmentfault.com/a/1190000042316720",
-    "author": "Gomi",
-    "home_url": "https://segmentfault.com/u/gomi",
-    "votes": "4",
+    "title": "前端必备的 HTTP 知识",
+    "description": "HTTP 起源HTTP 是由蒂姆·伯纳斯-李（TimBerners—Lee）于1989年在欧洲核子研究组织（CERN）所发起其中最著名的是 1999 年 6 月公布的 RFC 2616，定义了 HTTP 协议中现今广泛使用的一个版本——HTTP 1.1HTTP 是什么全...",
+    "url": "https://segmentfault.com/a/1190000042326660",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "7",
     "rank": 14
   },
   {
-    "title": "Vue递归组件：渲染嵌套评论",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042261970",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "有两套数据源，那开源 api 管理工具如何部署？",
+    "description": "我相信大家在用 api 管理工具的时候，会有同样的疑问：我有两套数据源，如何实现对应的部署呢？读完本文你将大致了解，如何根据数据源实现自己规划的部署方式。",
+    "url": "https://segmentfault.com/a/1190000042329847",
+    "author": "猿计划",
+    "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
     "votes": "3",
     "rank": 15
   },
   {
-    "title": "请求体格式有哪些呢？我总结常见的这几种",
-    "description": "Form-data有两种格式的 Form-data（表单数据），multipart/form-data 和 application/x-www-form-urlencoded;",
-    "url": "https://segmentfault.com/a/1190000042301806",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
-    "votes": "2",
+    "title": "终、《图解HTTP》读书笔记 - 汇总篇（总结）",
+    "description": "终、《图解HTTP》读书笔记 - 汇总篇（总结）引言又一本网络基础的书啃完了，这本书建议结合[[《网络是怎么样连接的》读书笔记 - 汇总篇]]([链接])这一篇读书笔记食用（当然也可以直接看原书）。把这两本书啃完对...",
+    "url": "https://segmentfault.com/a/1190000042311288",
+    "author": "Xander",
+    "home_url": "https://segmentfault.com/u/lazytimes",
+    "votes": "0",
     "rank": 16
   },
   {
-    "title": "教你如何开发一个数据转换插件",
-    "description": "在开发过程中，或多或少都会遇到数据格式转换的问题，如果只是简单的数据，那自然用什么方式都可以，如果遇到数据非常多、层级复杂、关联性强的数据，则需要摸索出一套合适的，本文会介绍两种比较可行的转换模型...",
-    "url": "https://segmentfault.com/a/1190000042298935",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "3",
+    "title": "如何让 useEffect 支持 async...await？",
+    "description": "本文是深入浅出 ahooks 源码系列文章的第六篇，该系列已整理成文档-地址。觉得还不错，给个 关注 支持一下哈，Thanks。本文已收录到个人博客中，欢迎关注~背景大家在使用 useEffect 的时候，假如回调函数中使用 a...",
+    "url": "https://segmentfault.com/a/1190000042320560",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "1",
     "rank": 17
   },
   {
-    "title": "那些年在Coding质量上走过的路",
-    "description": "最近接了几个项目，代码质量参差不齐。本想按照以往的实践建议每个patch都做review，但往往dead line当头。我会想，我如果对这次patch做了review、以及长期做review能给业务带来什么价值。接着本文，我还想讨论其...",
-    "url": "https://segmentfault.com/a/1190000042295108",
-    "author": "泊浮目",
-    "home_url": "https://segmentfault.com/u/camile",
-    "votes": "2",
+    "title": "写接口文档之前，我会问自己 3 个问题",
+    "description": "为了让自己写的接口文档更加简洁明了，看起来不像个菜鸟写的，我通常会在写接口之前问自己 3 个问题。我们在开始一个新接口之前，需要进行以下判断：请求协议是不是 HTTP/HTTPS？请求体和响应体格式是什么(XML、J...",
+    "url": "https://segmentfault.com/a/1190000042326442",
+    "author": "气势凌人的柿子",
+    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
+    "votes": "3",
     "rank": 18
   },
   {
-    "title": "分享 6 个 Vue3 开发必备的 VSCode 插件",
-    "description": "相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。",
-    "url": "https://segmentfault.com/a/1190000042293785",
+    "title": "11 个需要避免的 React 错误用法",
+    "description": "随着 React 越来越受欢迎，React 开发者也越来越多，在开发过程中也遇到各种各样的问题。本文我将结合自己实际工作经验，总结 11 个 React 开发中常见的一些错误，帮助您避免一些错误的发生。如果您刚开始使用 Re...",
+    "url": "https://segmentfault.com/a/1190000042318606",
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
     "votes": "2",
     "rank": 19
   },
   {
-    "title": "终、《图解HTTP》读书笔记 - 汇总篇（总结）",
-    "description": "终、《图解HTTP》读书笔记 - 汇总篇（总结）引言又一本网络基础的书啃完了，这本书建议结合[[《网络是怎么样连接的》读书笔记 - 汇总篇]]([链接])这一篇读书笔记食用（当然也可以直接看原书）。把这两本书啃完对...",
-    "url": "https://segmentfault.com/a/1190000042311288",
-    "author": "Xander",
-    "home_url": "https://segmentfault.com/u/lazytimes",
-    "votes": "0",
+    "title": "低代码时代已来，还是又一轮技术炒作？",
+    "description": "1982年，James Martin在论文《Application Development Without Program》提出了不需要写程序便可构建应用的畅想，极具前瞻性地预测了软件工程领域的发展趋势。2014 年，这一预测逐渐在行业内落地：低代码的概念...",
+    "url": "https://segmentfault.com/a/1190000042322522",
+    "author": "腾讯云开发者",
+    "home_url": "https://segmentfault.com/u/qcloudcommunity",
+    "votes": "1",
     "rank": 20
   },
   {
-    "title": "vue3的管理端项目工程模板来了~~可直接快速开发项目，不用再考虑各种配置和优化~真香！",
-    "description": "即开即用，提供初创团队或新项目专注于快速启动和开发交易。不再考虑脚手架编译打包和优化、ESLlint统一配置、项目和编码规范等问题。 参考、借鉴vue-element-admin项目。",
-    "url": "https://segmentfault.com/a/1190000042299910",
-    "author": "马赛克就是我",
-    "home_url": "https://segmentfault.com/u/yisuan",
-    "votes": "1",
+    "title": "js 使用reduce方法合并两个对象数组，有则替换，无则新增",
+    "description": "我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：",
+    "url": "https://segmentfault.com/a/1190000042329366",
+    "author": "Awbeci",
+    "home_url": "https://segmentfault.com/u/awbeci",
+    "votes": "4",
     "rank": 21
   },
   {
-    "title": "前端食堂技术周刊第 47 期：Docusaurus 2.0 、7 月登陆网络平台的新内容 、Nuxt.js 团队的轮子库",
-    "description": "美味值：🌟🌟🌟🌟🌟口味：碳烤羊排食堂技术周刊仓库地址：https://github.com/Geekhyt/weeklyPC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。本期摘要Docusaurus 2.07 月登陆网络平台的新内容Nuxt.js 团...",
-    "url": "https://segmentfault.com/a/1190000042294760",
-    "author": "童欧巴",
-    "home_url": "https://segmentfault.com/u/tongouba",
-    "votes": "1",
+    "title": "🎉Vue3+Vite2.6+TypeScript+ant-design-vue+egg.js 一键构建管理前后台管理系统",
+    "description": "Bag快速开发管理系统、门户网站、博客系统框架，提供基础的框架，快速搭建企业产品，响应式开发，你可以将它应用在任何需要服务端管理的应用。如：开发管理系统的 API 接口、门户网站博客、企业内部的业务管理、E...",
+    "url": "https://segmentfault.com/a/1190000042307367",
+    "author": "vipbic",
+    "home_url": "https://segmentfault.com/u/yangxiansheng_5a1b9b93a3a44",
+    "votes": "2",
     "rank": 22
   },
   {
-    "title": "使用CSS实现多种Noise噪点效果",
-    "description": "在插画中添加噪点肌理可以营造出一种自然的氛围。噪点肌理可以用于塑造阴影、高光、深度以及更多细节，并优化插画质感，应用噪点肌理的方式在扁平插画中广受欢迎。",
-    "url": "https://segmentfault.com/a/1190000042295231",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "1",
+    "title": "如何快速理解复杂业务，系统思考问题？",
+    "description": "对于复杂问题的思考其实是有层次的，从最表面的事件，到事件背后的规律，再到这个问题的结构模式，再到价值观，层层递进。在画完自己的业务系统因果回路图之后，再结合这个心智模型，思考自己的思考在哪个层次，...",
+    "url": "https://segmentfault.com/a/1190000042311795",
+    "author": "大淘宝技术",
+    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
+    "votes": "3",
     "rank": 23
   },
   {
-    "title": "富媒体在客服IM消息通信中的秒发实践",
-    "description": "客服一站式平台旨在为得物生态内的客服域服务人员提供一站式的服务办公平台。我们有多条业务线，客服在和用户聊天的过程中，有很多场景需要发送富媒体。跟普通的文本传输相比，富媒体可以直观的让用户了解到消息...",
-    "url": "https://segmentfault.com/a/1190000042289219",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
+    "title": "一文讲透Java核心技术之高可扩展利器SPI",
+    "description": "Java是一种面向对象语言，虽然Java8开始支持函数式编程和Stream，但是总体来说，还是面向对象的语言。在使用Java进行面向对象开发时，一般会推荐使用基于接口的编程，程序的模块与模块之前不会直接进行实现类的硬...",
+    "url": "https://segmentfault.com/a/1190000042319253",
+    "author": "冰河",
+    "home_url": "https://segmentfault.com/u/binghe001",
+    "votes": "0",
     "rank": 24
   },
   {
-    "title": "图扑数字孪生北京故宫，推进旅游业元宇宙进程",
-    "description": "文旅的数字化转型之路正如火如荼地开展，多家文旅景区和主题乐园开启了元宇宙的探索——张家界元宇宙研究中心挂牌，成为全国首个设立元宇宙研究中心的景区。现代化景区在吸纳了信息革命（5G/6G）、互联网革命（Web ...",
-    "url": "https://segmentfault.com/a/1190000042296125",
-    "author": "hightopo",
-    "home_url": "https://segmentfault.com/u/hightopo",
-    "votes": "2",
+    "title": "如何正确的中断线程？你的姿势是否正确",
+    "description": "在Java程序中，我们想要停止一个线程可以通过interrupt方法进行停止。但是当我们调用interrupt方法之后，它可能并不会立刻就会停止线程，而是通知线程需要停止。线程接收到通知之后会根据自身的情况判断是否需要...",
+    "url": "https://segmentfault.com/a/1190000042320179",
+    "author": "一个程序员的成长",
+    "home_url": "https://segmentfault.com/u/bingfengdada",
+    "votes": "1",
     "rank": 25
   },
   {
-    "title": "🎉Vue3+Vite2.6+TypeScript+ant-design-vue+egg.js 一键构建管理前后台管理系统",
-    "description": "Bag快速开发管理系统、门户网站、博客系统框架，提供基础的框架，快速搭建企业产品，响应式开发，你可以将它应用在任何需要服务端管理的应用。如：开发管理系统的 API 接口、门户网站博客、企业内部的业务管理、E...",
-    "url": "https://segmentfault.com/a/1190000042307367",
-    "author": "vipbic",
-    "home_url": "https://segmentfault.com/u/yangxiansheng_5a1b9b93a3a44",
+    "title": "如何开发一个跨框架组件？",
+    "description": "你有这种感觉吗？几个大的前端框架把世界割裂了。我们会为你用Vue，我用React而争吵，甚至有鄙视链情况发生。争吵的原因有很多，我这篇文章主要是从组件的角度阐述。",
+    "url": "https://segmentfault.com/a/1190000042323852",
+    "author": "飞叶_前端",
+    "home_url": "https://segmentfault.com/u/yunhuangbeiqing",
     "votes": "1",
     "rank": 26
   },
   {
-    "title": "20个首页流行布局样式,你喜欢哪个?",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042300663",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "如果让我设计一套，TPS百万级API网关！",
+    "description": "是滴，小傅哥又要准备搞事情了！这次准备下手API网关项目，因为这是所有互联网大厂都有的一个核心服务，承接着来自用户的滴滴打车、美团外卖、京东购物、微信支付，更是大促期间千万级访问量的核心系统。",
+    "url": "https://segmentfault.com/a/1190000042324803",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "2",
     "rank": 27
   },
   {
-    "title": "在Vue 3中使用v-model来构建复杂的表单",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042261962",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "title": "MYSQL最朴素的监控方式",
+    "description": "对于当前数据库的监控方式有很多，分为数据库自带、商用、开源三大类，每一种都有各自的特色；而对于mysql数据库由于其有很高的社区活跃度，监控方式更是多种多样，不管哪种监控方式最核心的就是监控数据，获取得...",
+    "url": "https://segmentfault.com/a/1190000042307769",
+    "author": "京东云开发者",
+    "home_url": "https://segmentfault.com/u/jdcdevloper",
     "votes": "2",
     "rank": 28
   },
   {
-    "title": "屏幕截图工具哪个好？Snagit 屏幕捕捉工具分享",
-    "description": "Snagit是一款简单好用的屏幕捕捉工具，支持各种方式的屏幕截图，如全屏、滚动、部分、窗口、菜单等，可以从创建图像和视频中获取图片以及图像，捕捉您的屏幕，编辑图像并提供结果。拥有强大的视觉效果，支持屏幕...",
-    "url": "https://segmentfault.com/a/1190000042297259",
-    "author": "暖阳",
-    "home_url": "https://segmentfault.com/u/nuanyang_62ba77f74c207",
+    "title": "HttpClient 在vivo内销浏览器的高并发实践优化",
+    "description": "HttpClient作为Java程序员最常用的Http工具，其对Http连接的管理能简化开发，并且提升连接重用效率；在正常情况下，HttpClient能帮助我们高效管理连接，但在一些并发高，报文体较大的情况下，如果再遇到网络波动...",
+    "url": "https://segmentfault.com/a/1190000042318840",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "1",
     "rank": 29
   },
   {
-    "title": "JWT 实现登录认证 + Token 自动续期方案",
-    "description": "JWT 实现登录认证 + Token 自动续期方案，这才是正确的使用姿势！项目中基本都有用户管理模块，而用户管理模块会涉及到加密及认证流程。",
-    "url": "https://segmentfault.com/a/1190000042295563",
-    "author": "CRMEB",
-    "home_url": "https://segmentfault.com/u/crmeb",
+    "title": "揭秘，Vue3 性能优化之 Non-reactive Object",
+    "description": "在 Vue2 中，有一个老生常谈的话题，如何避免 data 中一个复杂对象（自身或属性对象）被默认被创建为响应式（Non-reactive Object）的过程？ 举个例子，有一个 Vue2 的组件的 data：",
+    "url": "https://segmentfault.com/a/1190000042309305",
+    "author": "五柳",
+    "home_url": "https://segmentfault.com/u/wjchumble",
     "votes": "2",
     "rank": 30
   }