@wcj/github-rank 22.8.14 → 22.8.17

package/dist/sifou-weekly.json

@@ -1,22 +1,13 @@
 [
   {
-    "title": "使用 CSS 构建强大且酷炫的粒子动画",
-    "description": "当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如果使用 HTML + CSS 的话势必需要过多的 DOM 元素，这也就导致了使用 HTML + CSS 构建的粒子动画在性能上毫无优势。",
-    "url": "https://segmentfault.com/a/1190000042283578",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
+    "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": "10",
     "rank": 1
   },
-  {
-    "title": "可视化拖拽组件库一些技术要点原理分析（四）",
-    "description": "本文是可视化拖拽系列的第四篇，比起之前的三篇文章，这篇功能点要稍微少一点，总共有五点：SVG 组件动态属性面板数据来源（接口请求）组件联动组件按需加载如果你对我之前的系列文章不是很了解，建议先把这三篇...",
-    "url": "https://segmentfault.com/a/1190000042282658",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "12",
-    "rank": 2
-  },
   {
     "title": "Wuzzle，进行基于 webpack 的 JS 转译",
     "description": "转译器（transpiler）是指能够进行文件到文件一对一转换的编译器（compiler）。在 JS 世界中，常见的开箱即可用的转译器有 typescript cli、babel cli 等，但他们一般只处理 .js、.ts 等脚本文件。而 webpack 尽...",
@@ -24,61 +15,34 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 3
-  },
-  {
-    "title": "详聊immer.js高效复制与冻结\"对象\"的原理于局限性",
-    "description": "immer.js应该是2019年时候火起来的一个库, 他可以高效的复制一个对象(比如相对于JSON.parse(JSON.stringify(obj))), 并且冻结对这个对象上的一些值的修改权限。",
-    "url": "https://segmentfault.com/a/1190000042282263",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
-    "votes": "9",
-    "rank": 4
-  },
-  {
-    "title": "markdown 编辑器实现双屏同步滚动",
-    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
-    "url": "https://segmentfault.com/a/1190000042290360",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "6",
-    "rank": 5
+    "rank": 2
   },
   {
-    "title": "面向推荐的汽车知识图谱构建",
-    "description": "知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...",
-    "url": "https://segmentfault.com/a/1190000042287137",
-    "author": "之家技术",
-    "home_url": "https://segmentfault.com/u/zhijiajishu",
-    "votes": "11",
-    "rank": 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": 3
   },
   {
-    "title": "PHP如何提高高并发能力",
-    "description": "用于生产环境中的PHP需要对其进行优化，让PHP自身发挥更好的性能，除了写好PHP代码，还要配置好php-fpm以及php.ini调优。本文从内存、OPcache、上传、会话以及安全等方面讲解php.ini的配置调优。",
-    "url": "https://segmentfault.com/a/1190000042280585",
-    "author": "7small7",
-    "home_url": "https://segmentfault.com/u/7small7",
-    "votes": "5",
-    "rank": 7
+    "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": "7",
+    "rank": 4
   },
   {
-    "title": "electron 应用开发优秀实践",
-    "description": "在团队中，我们因业务发展，需要用到桌面端技术，如离线可用、调用桌面系统能力。什么是桌面端开发？一句话概括就是：以 Windows 、macOS 和 Linux 为操作系统的软件开发。对此我们做了详细的技术调研，桌面端的...",
-    "url": "https://segmentfault.com/a/1190000042267983",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "title": "手写一个有点意思的电梯小程序",
+    "description": "通过本示例，你将学到什么?CSS 相关CSS定位CSS弹性盒子布局CSS动画CSS变量的用法js相关类的封装DOM的操作与事件的操作样式与类的操作延迟函数的使用示例效果废话少说，先看效果如图所示:分析小程序的构成电梯井（...",
+    "url": "https://segmentfault.com/a/1190000042298118",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "8",
-    "rank": 8
-  },
-  {
-    "title": "我做了一个在线白板（二）",
-    "description": "上一篇我做了一个在线白板！给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字...",
-    "url": "https://segmentfault.com/a/1190000042281991",
-    "author": "街角小林",
-    "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "4",
-    "rank": 9
+    "rank": 5
   },
   {
     "title": "如何在BI中增加“路线地图”并进行数据分析？",
@@ -87,25 +51,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "2",
-    "rank": 10
-  },
-  {
-    "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",
-    "rank": 11
-  },
-  {
-    "title": "使用Vue.js编写命令行界面,前端开发CLI的利器",
-    "description": "大家好,我是webfansplz.继将 Vue 渲染到嵌入式液晶屏后,今天要跟大家分享的是如何将Vue渲染到命令行工具 :).关于命令行工具,大家应该都比较熟悉了,比如vue-cli、Vite等.我们在编写前端应用面向用户时,通常会非常...",
-    "url": "https://segmentfault.com/a/1190000042288656",
-    "author": "null仔",
-    "home_url": "https://segmentfault.com/u/xiaoqianduan_58b28cfebff36",
-    "votes": "2",
-    "rank": 12
+    "rank": 6
   },
   {
     "title": "🔬 一文搞懂前端兼容问题",
@@ -114,16 +60,7 @@
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
     "votes": "4",
-    "rank": 13
-  },
-  {
-    "title": "Flutter 的 6 个最有用的 VS Code扩展",
-    "description": "Pubspec Assist 是一个 Visual Studio Code 扩展，它允许您轻松地将依赖项添加到您的 Dart 和 Flutter 项目的 pubspec.yaml，所有这些都无需离开您的编辑器。",
-    "url": "https://segmentfault.com/a/1190000042280857",
-    "author": "杭州程序员张张",
-    "home_url": "https://segmentfault.com/u/dunizb",
-    "votes": "4",
-    "rank": 14
+    "rank": 7
   },
   {
     "title": "终于新增了：查看所有测试历史的功能，我有点迫不及待了",
@@ -132,25 +69,34 @@
     "author": "猿计划",
     "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
     "votes": "3",
-    "rank": 15
+    "rank": 8
   },
   {
-    "title": "手写一个有点意思的电梯小程序",
-    "description": "通过本示例，你将学到什么?CSS 相关CSS定位CSS弹性盒子布局CSS动画CSS变量的用法js相关类的封装DOM的操作与事件的操作样式与类的操作延迟函数的使用示例效果废话少说，先看效果如图所示:分析小程序的构成电梯井（...",
-    "url": "https://segmentfault.com/a/1190000042298118",
-    "author": "夕水",
-    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
-    "votes": "6",
-    "rank": 16
+    "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": "3",
+    "rank": 9
   },
   {
-    "title": "快速了解navigator API setAppBadge",
-    "description": "欢迎关注我的公众号：前端侦探在很多客户端应用程序中，一般会通过应用图标的角标来显示当前消息的数量，例如其实，web 中也有类似的设定，花两分钟了解一下吧一、navigator.setAppBadge现在的navigator早已不是...",
-    "url": "https://segmentfault.com/a/1190000042288003",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "title": "谷歌总是找不到想要的内容？学会这14个技巧，立马就能找到",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042318628",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 17
+    "rank": 10
+  },
+  {
+    "title": "用 http-middleware-proxy 造了个代理工具",
+    "description": "有啥用？？可以用代理工具随意的搭配开发环境。`下图中可以将服务A、服务B、Web Server任意一个替换成本地服务，然后通过访问 代理服务地址 进行调试。",
+    "url": "https://segmentfault.com/a/1190000042311837",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "5",
+    "rank": 11
   },
   {
     "title": "又更新了！新版本 V 1.3.0 发布了，新增：前后置脚本、查看所有测试历史、国际化...",
@@ -159,7 +105,16 @@
     "author": "猿计划",
     "home_url": "https://segmentfault.com/u/yuanjihua_5d954fd2a3238",
     "votes": "3",
-    "rank": 18
+    "rank": 12
+  },
+  {
+    "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",
+    "rank": 13
   },
   {
     "title": "Vue递归组件：渲染嵌套评论",
@@ -168,43 +123,16 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "3",
-    "rank": 19
-  },
-  {
-    "title": "Redis 定长队列的探索和实践",
-    "description": "vivo 互联网服务器团队 - Wang Zhi一、业务背景从技术的角度来说，技术方案的选型都是受限于实际的业务场景，都以解决实际业务场景为目标。在我们的实际业务场景中，需要以游戏的维度收集和上报行为数据，考虑数...",
-    "url": "https://segmentfault.com/a/1190000042267962",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "2",
-    "rank": 20
+    "rank": 14
   },
   {
-    "title": "精读《Unique, MapTypes, Construct Tuple...》",
-    "description": "去重需要不断递归产生去重后结果，因此需要一个辅助变量 R 配合，并把 T 用 infer 逐一拆解，判断第一个字符是否在结果数组里，如果不在就塞进去：",
-    "url": "https://segmentfault.com/a/1190000042282563",
+    "title": "精读《pnpm》",
+    "description": "pnpm 全称是 “Performant NPM”，即高性能的 npm。它结合软硬链接与新的依赖组织方式，大大提升了包管理的效率，也同时解决了 “幻影依赖” 的问题，让包管理更加规范，减少潜在风险发生的可能性。",
+    "url": "https://segmentfault.com/a/1190000042318738",
     "author": "黄子毅",
     "home_url": "https://segmentfault.com/u/aoyangyudakong",
-    "votes": "2",
-    "rank": 21
-  },
-  {
-    "title": "用 http-middleware-proxy 造了个代理工具",
-    "description": "有啥用？？可以用代理工具随意的搭配开发环境。`下图中可以将服务A、服务B、Web Server任意一个替换成本地服务，然后通过访问 代理服务地址 进行调试。",
-    "url": "https://segmentfault.com/a/1190000042311837",
-    "author": "亖混子",
-    "home_url": "https://segmentfault.com/u/1023",
     "votes": "5",
-    "rank": 22
-  },
-  {
-    "title": "一文搞懂│XSS攻击、SQL注入、CSRF攻击、DDOS攻击、DNS劫持",
-    "description": "XSS攻击者通过篡改网页，注入恶意的 HTML 脚本，一般是 javascript，在用户浏览网页时，控制用户浏览器进行恶意操作的一种攻击方式",
-    "url": "https://segmentfault.com/a/1190000042283694",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
-    "votes": "2",
-    "rank": 23
+    "rank": 15
   },
   {
     "title": "请求体格式有哪些呢？我总结常见的这几种",
@@ -213,60 +141,132 @@
     "author": "气势凌人的柿子",
     "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
     "votes": "2",
-    "rank": 24
+    "rank": 16
+  },
+  {
+    "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",
+    "rank": 17
   },
   {
-    "title": "教你如何开发一个导入/导出插件",
+    "title": "教你如何开发一个数据转换插件",
     "description": "在开发过程中，或多或少都会遇到数据格式转换的问题，如果只是简单的数据，那自然用什么方式都可以，如果遇到数据非常多、层级复杂、关联性强的数据，则需要摸索出一套合适的，本文会介绍两种比较可行的转换模型...",
     "url": "https://segmentfault.com/a/1190000042298935",
     "author": "eoapi",
     "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
     "votes": "3",
-    "rank": 25
+    "rank": 18
   },
   {
-    "title": "记录遇到的mongoDb问题, 以及restTemplate请求重试",
-    "description": "最近使用mongDb的时候，出现了一些问题。mongoDb 实体id自增在保存实体的时候报了这个错Cannot aotogenerate id of type java.lang.Long for entity即 不能自动生成id之后就带着报错去谷歌了一下。 得到了如下结...",
-    "url": "https://segmentfault.com/a/1190000042287505",
-    "author": "weiewiyi",
-    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
-    "votes": "3",
-    "rank": 26
+    "title": "终、《图解HTTP》读书笔记 - 汇总篇（总结）",
+    "description": "终、《图解HTTP》读书笔记 - 汇总篇（总结）引言又一本网络基础的书啃完了，这本书建议结合[[《网络是怎么样连接的》读书笔记 - 汇总篇]]([链接])这一篇读书笔记食用（当然也可以直接看原书）。把这两本书啃完对...",
+    "url": "https://segmentfault.com/a/1190000042311288",
+    "author": "Xander",
+    "home_url": "https://segmentfault.com/u/lazytimes",
+    "votes": "0",
+    "rank": 19
   },
   {
-    "title": "mongoDb查询中遇到的问题",
-    "description": "返回的数据样式：可以看到这样查询后会将从表查询到的数据添加到主表数据中，也就是说在mongoDb中并不需要在实体中加入关联实体，只需加入关联实体的Id即可。如果还想要加入其他查询条件，只需像下面这样加入crit...",
-    "url": "https://segmentfault.com/a/1190000042283317",
-    "author": "李明",
-    "home_url": "https://segmentfault.com/u/crister_612f55567eb8c",
-    "votes": "3",
-    "rank": 27
+    "title": "vue3的管理端项目工程模板来了~~可直接快速开发项目，不用再考虑各种配置和优化~真香！",
+    "description": "即开即用，提供初创团队或新项目专注于快速启动和开发交易。不再考虑脚手架编译打包和优化、ESLlint统一配置、项目和编码规范等问题。 参考、借鉴vue-element-admin项目。",
+    "url": "https://segmentfault.com/a/1190000042299910",
+    "author": "马赛克就是我",
+    "home_url": "https://segmentfault.com/u/yisuan",
+    "votes": "2",
+    "rank": 20
   },
   {
-    "title": "试试使用 Vitest 进行组件测试，确实很香。",
+    "title": "使用CSS实现多种Noise噪点效果",
+    "description": "在插画中添加噪点肌理可以营造出一种自然的氛围。噪点肌理可以用于塑造阴影、高光、深度以及更多细节，并优化插画质感，应用噪点肌理的方式在扁平插画中广受欢迎。",
+    "url": "https://segmentfault.com/a/1190000042295231",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "1",
+    "rank": 21
+  },
+  {
+    "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": "1",
+    "rank": 22
+  },
+  {
+    "title": "图扑数字孪生北京故宫，推进旅游业元宇宙进程",
+    "description": "文旅的数字化转型之路正如火如荼地开展，多家文旅景区和主题乐园开启了元宇宙的探索——张家界元宇宙研究中心挂牌，成为全国首个设立元宇宙研究中心的景区。现代化景区在吸纳了信息革命（5G/6G）、互联网革命（Web ...",
+    "url": "https://segmentfault.com/a/1190000042296125",
+    "author": "hightopo",
+    "home_url": "https://segmentfault.com/u/hightopo",
+    "votes": "2",
+    "rank": 23
+  },
+  {
+    "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": 24
+  },
+  {
+    "title": "20个首页流行布局样式,你喜欢哪个?",
     "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042272328",
+    "url": "https://segmentfault.com/a/1190000042300663",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
-    "rank": 28
+    "rank": 25
   },
   {
-    "title": "🚀Turborepo：发布当月就激增 3.8k Star，这款超神的新兴 Monorepo 方案，你不打算尝试下吗？",
-    "description": "Monorepo是一种项目管理方式，在Monorepo之前，代码仓库管理方式是 MultiRepo，即每个项目都对应着一个单独的代码仓库每个项目进行分散管理这就会导致许多弊端，例如可能每个项目的基建以及工具库都是差不多的，...",
-    "url": "https://segmentfault.com/a/1190000042282389",
-    "author": "DevUI团队",
-    "home_url": "https://segmentfault.com/u/devui",
+    "title": "在Vue 3中使用v-model来构建复杂的表单",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042261962",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
+    "rank": 26
+  },
+  {
+    "title": "JWT 实现登录认证 + Token 自动续期方案",
+    "description": "JWT 实现登录认证 + Token 自动续期方案，这才是正确的使用姿势！项目中基本都有用户管理模块，而用户管理模块会涉及到加密及认证流程。",
+    "url": "https://segmentfault.com/a/1190000042295563",
+    "author": "CRMEB",
+    "home_url": "https://segmentfault.com/u/crmeb",
+    "votes": "2",
+    "rank": 27
+  },
+  {
+    "title": "屏幕截图工具哪个好？Snagit 屏幕捕捉工具分享",
+    "description": "Snagit是一款简单好用的屏幕捕捉工具，支持各种方式的屏幕截图，如全屏、滚动、部分、窗口、菜单等，可以从创建图像和视频中获取图片以及图像，捕捉您的屏幕，编辑图像并提供结果。拥有强大的视觉效果，支持屏幕...",
+    "url": "https://segmentfault.com/a/1190000042297259",
+    "author": "暖阳",
+    "home_url": "https://segmentfault.com/u/nuanyang_62ba77f74c207",
     "votes": "1",
-    "rank": 29
+    "rank": 28
   },
   {
-    "title": "分享 6 个 Vue3 开发必备的 VSCode 插件",
-    "description": "相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。",
-    "url": "https://segmentfault.com/a/1190000042293785",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
+    "title": "手写一个有点意思的电梯小程序（React版本）",
+    "description": "查看效果我们先来看一下今天要实现的示例的效果，如下所示:好，接下来我们也看到了这个示例的效果，让我们进入正题，开始愉快的编码吧。技术栈介绍这个小程序，我们将采用React + typescript + css in js语法编写...",
+    "url": "https://segmentfault.com/a/1190000042322957",
+    "author": "夕水",
+    "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "2",
+    "rank": 29
+  },
+  {
+    "title": "多行文本下的文字渐隐消失术",
+    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
+    "url": "https://segmentfault.com/a/1190000042325723",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "8",
     "rank": 30
   }
 ]