@wcj/github-rank 22.8.4 → 22.8.7

package/web/data/sifou-daily.json

@@ -1,83 +1,20 @@
 [
   {
-    "title": "如何查看所有测试历史？进来学习下",
-    "description": "当然，在现版本（V 1.3.0）之前也有查看测试历史功能，但彼时测试历史跟随 API 信息，每个 API 有自己的测试历史，这样就会遇到两个方面的问题：",
-    "url": "https://segmentfault.com/a/1190000042265021",
-    "author": "eoapi",
-    "home_url": "https://segmentfault.com/u/jiangdaoyidechahu",
-    "votes": "3",
-    "rank": 1
-  },
-  {
-    "title": "使用前端技术实现静态图片局部流动效果 🌊",
-    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
-    "url": "https://segmentfault.com/a/1190000042261453",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "4",
-    "rank": 2
-  },
-  {
-    "title": "Driver.js - 开源无依赖的 web 新手交互引导工具库，功能强大、高度可定制",
-    "description": "Driver.js 是一个可以轻松实现新手指引交互的 javascript 工具库，主要的作用是为刚接触应用的新手用户快速了解产品，帮助用户把注意力聚焦到某项功能，从而快速熟悉我们的开发的产品，截止发文 star 已经高达 13...",
-    "url": "https://segmentfault.com/a/1190000042261924",
-    "author": "搬不要钱的砖",
-    "home_url": "https://segmentfault.com/u/thosefree",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "type=\"module\" 你了解，但 type=\"importmap\" 你知道吗",
-    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042261401",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
-    "rank": 4
-  },
-  {
-    "title": "CED 2022 | 第二届 1024 中国工程师文化日正式启动",
-    "description": "近几年，随着全球数字化转型的飞速进展，工程师文化在国内越来越被重视甚至普及。自去年“第一届 1024 中国工程师文化日 CCF CED ”举办以来，激发工程师潜力的活动便备受业界关注。今年，我们即将于 10 月 23 日在...",
-    "url": "https://segmentfault.com/a/1190000042262134",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "Linux挂载硬盘",
+    "description": "原文链接1.查看linux下的硬盘： {代码...} 没有发现要挂载的硬盘。2.查看系统检测的硬盘： {代码...} 看到 sda1 存在。3.挂载：格式化： {代码...} 创建挂载目录： {代码...} 把空间挂在/data ： {代码...} 再次...",
+    "url": "https://segmentfault.com/a/1190000042278979",
+    "author": "代码的路",
+    "home_url": "https://segmentfault.com/u/zbzcdzf",
     "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 -- Amazing！CSS 也能实现炫酷特效",
-    "description": "CSS 的全称是 Cascading Style Sheets，即层叠样式表， 是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）元素所呈现的样式。",
-    "url": "https://segmentfault.com/a/1190000042262023",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "1",
-    "rank": 6
-  },
-  {
-    "title": "前端晋升答辩-性能优化篇范式",
-    "description": "本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。",
-    "url": "https://segmentfault.com/a/1190000042264240",
-    "author": "胡哥有话说",
-    "home_url": "https://segmentfault.com/u/justbecoder",
-    "votes": "1",
-    "rank": 7
-  },
-  {
-    "title": "【技术白皮书】第二章：OCR智能文字识别回顾——自然语言文本发展历程",
-    "description": "从自然语言文本中获取结构化信息的研究最早开始于20世纪60年代中期，这被看作是信息抽取技术的初始研究，它以两个长期的、研究性的自然语言处理项目为代表。",
-    "url": "https://segmentfault.com/a/1190000042263209",
-    "author": "合合技术团队",
-    "home_url": "https://segmentfault.com/u/huikaichedemianbao",
-    "votes": "1",
-    "rank": 8
+    "rank": 1
   },
   {
-    "title": "【技术白皮书】第一章：OCR智能文字识别新发展——深度学习的文本信息抽取",
-    "description": "信息抽取 （Information Extraction） 是把原始数据中包含的信息进行结构化处理，变成表格一样的组织形式。输入信息抽取系统的是原始数据，输出的是固定格式的信息点，即从原始数据当中抽取有用的信息。信息抽取...",
-    "url": "https://segmentfault.com/a/1190000042262749",
-    "author": "合合技术团队",
-    "home_url": "https://segmentfault.com/u/huikaichedemianbao",
+    "title": "通过小程序实现微信扫码登录，个人网站接入微信扫码登录功能",
+    "description": "网站如果想要实现微信扫码登录其实有很多种方案，常见的方案就是微信开放平台和微信公众号服务号。前者是目前大部分网站并且是微信认可的一种方式，后者是开发者发现服务号具备扫码关注后即可获取用户基本信息的...",
+    "url": "https://segmentfault.com/a/1190000042279451",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
     "votes": "1",
-    "rank": 9
+    "rank": 2
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,29 +1,29 @@
 [
-  {
-    "title": "使用纯 CSS 实现超酷炫的粘性气泡效果",
-    "description": "最近，在 CodePen 上看到这样一个非常有意思的效果：这个效果的核心难点在于气泡的一种特殊融合效果。其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG 滤镜完成的该效果，感兴趣的可以戳源码看看...",
-    "url": "https://segmentfault.com/a/1190000042070334",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "27",
-    "rank": 1
-  },
   {
     "title": "圆角大杀器，使用滤镜构建圆角及波浪效果",
     "description": "本文，将另辟蹊径，介绍一种使用滤镜去构建圆角的独特方式。首先，我们来看这样一个图形：一个矩形，没什么特别的，代码如下： {代码...} 如果，我们现在需要给这个矩形的两端加上圆角，像是这样，该怎么做呢：So...",
     "url": "https://segmentfault.com/a/1190000042217200",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "21",
-    "rank": 2
+    "votes": "22",
+    "rank": 1
   },
   {
-    "title": "CSS层级小技巧！如何在滚动时自动添加头部阴影？",
-    "description": "在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影",
-    "url": "https://segmentfault.com/a/1190000042065365",
+    "title": "提升web输入体验！JS 如何自动配对标点符号？",
+    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
+    "url": "https://segmentfault.com/a/1190000042251637",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "21",
+    "votes": "16",
+    "rank": 2
+  },
+  {
+    "title": "超酷炫的转场动画？CSS 轻松拿下！",
+    "description": "在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...",
+    "url": "https://segmentfault.com/a/1190000042184211",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "20",
     "rank": 3
   },
   {
@@ -32,26 +32,17 @@
     "url": "https://segmentfault.com/a/1190000042094549",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
+    "votes": "21",
     "rank": 4
   },
-  {
-    "title": "超酷炫的转场动画？CSS 轻松拿下！",
-    "description": "在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...",
-    "url": "https://segmentfault.com/a/1190000042184211",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "18",
-    "rank": 5
-  },
   {
     "title": "高阶切图技巧！基于单张图片的任意颜色转换",
     "description": "今天，要介绍一种基于 CSS mask-composite 的高级技巧。通过掌握它，我们可以通过一张 图片，得到关于它的各种变换，甚至乎，得到各种不同颜色的变换。通过单张 PNG/SVG 得到它的反向切图事情的经过是这样的，某...",
     "url": "https://segmentfault.com/a/1190000042093361",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "13",
-    "rank": 6
+    "votes": "14",
+    "rank": 5
   },
   {
     "title": "CSS color-scheme 和夜间模式",
@@ -60,7 +51,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "17",
-    "rank": 7
+    "rank": 6
   },
   {
     "title": "利用噪声构建美妙的 CSS 图形",
@@ -69,25 +60,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "12",
-    "rank": 8
-  },
-  {
-    "title": "使用CSS background实现炫酷悬停效果",
-    "description": "日常开发过程中，会遇到不少按钮鼠标悬停的效果，实现这类悬停效果的方式有很多，借助伪元素，CSS3变换及过渡等都可以实现。今天的文章将使用背景色实现类似的效果，当我们遇到一个问题时，你的脑海中的方案不止...",
-    "url": "https://segmentfault.com/a/1190000042069856",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "14",
-    "rank": 9
-  },
-  {
-    "title": "提升web输入体验！JS 如何自动配对标点符号？",
-    "description": "欢迎关注微信公众号前端侦探温馨提示：在阅读本文之前，可以先回顾这篇文章：Web 中的“选区”和“光标”，有很多你可能不太知道的原生 API，以下内容是对该内容的实践运用在写作编辑中，有很多需要成对出现的标点符...",
-    "url": "https://segmentfault.com/a/1190000042251637",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
-    "rank": 10
+    "rank": 7
   },
   {
     "title": "社区维基：将你的问答捐赠给社区",
@@ -96,7 +69,7 @@
     "author": "fenbox",
     "home_url": "https://segmentfault.com/u/fenbox",
     "votes": "12",
-    "rank": 11
+    "rank": 8
   },
   {
     "title": "今҈天҈真҈是҈热҈化҈了҈！",
@@ -104,17 +77,8 @@
     "url": "https://segmentfault.com/a/1190000042217446",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "13",
-    "rank": 12
-  },
-  {
-    "title": "PHP后端面试85问",
-    "description": "替换原则(the Liskov Substitution Principle LSP) ：子类应当可以替换父类并出现在父类能够出现的任何地方。",
-    "url": "https://segmentfault.com/a/1190000042071370",
-    "author": "IT小马",
-    "home_url": "https://segmentfault.com/u/itxiaoma",
-    "votes": "9",
-    "rank": 13
+    "votes": "16",
+    "rank": 9
   },
   {
     "title": "试着换个角度理解低代码平台设计的本质",
@@ -122,8 +86,26 @@
     "url": "https://segmentfault.com/a/1190000042194285",
     "author": "pingan8787",
     "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "10",
-    "rank": 14
+    "votes": "11",
+    "rank": 10
+  },
+  {
+    "title": "一步步带你搞懂虚拟 DOM 的工作原理",
+    "description": "React 和 Vue 中都有虚拟 DOM 的概念，我们应该如何理解和掌握虚拟 DOM 的精髓呢？我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库，推荐的原因一是代码比较少，核心代码只有几百行；二是 Vue...",
+    "url": "https://segmentfault.com/a/1190000042195199",
+    "author": "deepfunc",
+    "home_url": "https://segmentfault.com/u/deepfunc",
+    "votes": "15",
+    "rank": 11
+  },
+  {
+    "title": "妙用 CSS 构建花式透视背景效果",
+    "description": "本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。本技巧源自于一名群友的提问，如何构建如 ElementUI 文档的一种顶栏背景特效，看看效果：仔细看，在页面的的滚动过程中，...",
+    "url": "https://segmentfault.com/a/1190000042267425",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "12",
+    "rank": 12
   },
   {
     "title": "webpack 拆包：关于 splitChunks 的几个重点属性解析",
@@ -132,16 +114,16 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "7",
-    "rank": 15
+    "rank": 13
   },
   {
-    "title": "一步步带你搞懂虚拟 DOM 的工作原理",
-    "description": "React 和 Vue 中都有虚拟 DOM 的概念，我们应该如何理解和掌握虚拟 DOM 的精髓呢？我推荐大家学习 Snabbdom 这个项目。Snabbdom 是一个虚拟 DOM 实现库，推荐的原因一是代码比较少，核心代码只有几百行；二是 Vue...",
-    "url": "https://segmentfault.com/a/1190000042195199",
-    "author": "deepfunc",
-    "home_url": "https://segmentfault.com/u/deepfunc",
-    "votes": "14",
-    "rank": 16
+    "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042092852",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "11",
+    "rank": 14
   },
   {
     "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
@@ -150,16 +132,16 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "11",
-    "rank": 17
+    "rank": 15
   },
   {
-    "title": "面试官：主说 Git Rebase 和 Git Merge 差异",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042092852",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "10",
-    "rank": 18
+    "title": "前端构建效率优化之路",
+    "description": "我们的系统（一个 ToB 的 Web 单页应用）前端单页应用经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。",
+    "url": "https://segmentfault.com/a/1190000042256837",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "11",
+    "rank": 16
   },
   {
     "title": "如何提出一个高质量的问题？",
@@ -168,7 +150,7 @@
     "author": "唯一丶",
     "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
     "votes": "11",
-    "rank": 19
+    "rank": 17
   },
   {
     "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
@@ -177,7 +159,7 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
-    "rank": 20
+    "rank": 18
   },
   {
     "title": "搭建前端监控，采集用户行为的 N 种姿势",
@@ -186,7 +168,16 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "11",
-    "rank": 21
+    "rank": 19
+  },
+  {
+    "title": "防御式CSS是什么？这几点属性重点防御！",
+    "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042272755",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "9",
+    "rank": 20
   },
   {
     "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
@@ -195,7 +186,7 @@
     "author": "小傅哥",
     "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "9",
-    "rank": 22
+    "rank": 21
   },
   {
     "title": "Three.js系列: 在元宇宙看电影，享受 VR 视觉盛宴",
@@ -203,7 +194,16 @@
     "url": "https://segmentfault.com/a/1190000042094334",
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
-    "votes": "5",
+    "votes": "6",
+    "rank": 22
+  },
+  {
+    "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
+    "description": "近期工作有涉及到数字大屏的需求，于是利用业余时间，结合 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。页面使用 React + Three.js + Echarts + stylus 技术栈，本文涉及到的主...",
+    "url": "https://segmentfault.com/a/1190000042216817",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "6",
     "rank": 23
   },
   {
@@ -215,6 +215,15 @@
     "votes": "13",
     "rank": 24
   },
+  {
+    "title": "我有 7种 实现web实时消息推送的方案，7种！",
+    "description": "技术交流，公众号：程序员小富大家好，我是小富～我有一个朋友～做了一个小破站，现在要实现一个站内信web消息推送的功能，对，就是下图这个小红点，一个很常用的功能。不过他还没想好用什么方式做，这里我帮他整...",
+    "url": "https://segmentfault.com/a/1190000042192378",
+    "author": "程序员小富",
+    "home_url": "https://segmentfault.com/u/chengxy",
+    "votes": "14",
+    "rank": 25
+  },
   {
     "title": "🗂 看了 web.dev 的 631 篇博客，我总结了这些内容",
     "description": "最近在做 web 性能优化的工作，所以想集中学习了解一下相关的专题内容。这部分内容肯定要学习一手信息，所以找先找了 [链接]，一个 Google 官方推出的一个面向 Web 开发者的网站，里面有非常多的教程和最佳实践，...",
@@ -222,51 +231,42 @@
     "author": "卤代烃",
     "home_url": "https://segmentfault.com/u/skychx",
     "votes": "8",
-    "rank": 25
-  },
-  {
-    "title": "Nginx 实战核心知识点整理（上）",
-    "description": "Nginx 作为一款高性能的代理软件，在工作中常被用做负载均衡器、正向反向代理。最近在看了一个关于 Nginx 的视频，老师讲得很不错。笔者也记录了一下整套课程的一些重点和自己的理解。",
-    "url": "https://segmentfault.com/a/1190000042070687",
-    "author": "Rhythm_2019",
-    "home_url": "https://segmentfault.com/u/rhythm_2019",
-    "votes": "8",
     "rank": 26
   },
   {
-    "title": "通向架子工的前端开发利器推荐",
-    "description": "01：thunderclient: VSCode 中的 postmanVSCode 的一个插件，在 VSCode 中管理请求资源，如同 postman 一样。它支持与 postman 兼容的格式，可导出为 postman Collection。02：Apifox, 团队 API 管理利器Apifox，...",
-    "url": "https://segmentfault.com/a/1190000042204295",
-    "author": "shanyue",
-    "home_url": "https://segmentfault.com/u/xiange",
+    "title": "使用前端技术实现静态图片局部流动效果 🌊",
+    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
+    "url": "https://segmentfault.com/a/1190000042261453",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "8",
     "rank": 27
   },
   {
-    "title": "Nginx部署配置",
-    "description": "常用命令启动： {代码...} 立即停止： {代码...} 优雅停止： {代码...} 重启 {代码...} 查看配置文件是否正常，无语法错误 {代码...} 查看日志 {代码...} upstream基本语法upstream 的基本语法如下，一个 upstrea...",
-    "url": "https://segmentfault.com/a/1190000042089218",
-    "author": "MangoGoing",
-    "home_url": "https://segmentfault.com/u/nulidexiaocongmang",
-    "votes": "5",
+    "title": "Redis 内存优化神技，小内存保存大数据",
+    "description": "大家好，我是「码哥」，大家可以叫我靓仔。这次码哥跟大家分享一些优化神技，当你面试或者工作中你遇到如下问题，那就使出今天学到的绝招，一招定乾坤！如何用更少的内存保存更多的数据？我们应该从 Redis 是如何...",
+    "url": "https://segmentfault.com/a/1190000042103541",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "9",
     "rank": 28
   },
   {
-    "title": "合理使用线程池以及线程变量",
-    "description": "随着计算技术的不断发展，3纳米制程芯片已进入试产阶段，摩尔定律在现有工艺下逐渐面临巨大的物理瓶颈，通过多核处理器技术来提升服务器的性能成为提升算力的主要方向。",
-    "url": "https://segmentfault.com/a/1190000042190466",
-    "author": "大淘宝技术",
-    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
-    "votes": "6",
+    "title": "低代码是开发的未来吗？浅谈低代码平台",
+    "description": "低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...",
+    "url": "https://segmentfault.com/a/1190000042229850",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "10",
     "rank": 29
   },
   {
-    "title": "从原生 JavaScript 到 React",
-    "description": "React 是一个用于构建用户界面的 JavaScript 框架。它可用于通过动态操作页面内容来创建 JavaScript 应用程序。浏览器已经提供了在页面中创建元素的 API，即 DOM，所以新手可能想知道 React 带来了什么以及它与 D...",
-    "url": "https://segmentfault.com/a/1190000042196411",
-    "author": "Yujiaao",
-    "home_url": "https://segmentfault.com/u/yujiaao",
-    "votes": "7",
+    "title": "基于 Next.js实现在线Excel",
+    "description": "如果要从头开始使用 React 构建一个完整的 Web 应用程序，需要哪些步骤？这当然不像把大象装进冰箱那么简单，只需要分成三步：打开冰箱，拿起大象，塞进冰箱就好。",
+    "url": "https://segmentfault.com/a/1190000042268783",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "4",
     "rank": 30
   }
 ]