@wcj/github-rank 22.8.17 → 22.8.20

package/web/data/sifou-daily.json

@@ -1,128 +1,65 @@
 [
   {
-    "title": "多行文本下的文字渐隐消失术",
-    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
-    "url": "https://segmentfault.com/a/1190000042325723",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
+    "title": "项目一共30个模块，你叫我maven版本一个个手动改？",
+    "description": "之前有个群友私聊问我，如何快速统一去更改项目中所有的maven版本号，他说之前都是手动一个个去修改，项目一共有30多个maven模块，上次因为漏改了一个，还造成了生产事故。",
+    "url": "https://segmentfault.com/a/1190000042345408",
+    "author": "铂赛东",
+    "home_url": "https://segmentfault.com/u/bosaidong_5c495684bcf4b",
+    "votes": "1",
     "rank": 1
   },
   {
-    "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": "6",
-    "rank": 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": 3
-  },
-  {
-    "title": "在 api 接口测试中，我会关注这三个指标",
-    "description": "接口开发完成后，我们需要调用接口来测试接口的表现，当表现符合预期时，则代表接口可用。在测试中我们可能会关注状态码、响应体以及响应时间，这些数据 Eoapi 通通都会展示给你，帮助你判断 API 是否正常。开始...",
-    "url": "https://segmentfault.com/a/1190000042326129",
-    "author": "气势凌人的柿子",
-    "home_url": "https://segmentfault.com/u/qishilingrendeshizi",
-    "votes": "3",
-    "rank": 4
-  },
-  {
-    "title": "Vue3中defineEmits、defineProps 是怎么做到不用引入就能直接用的",
+    "title": "总结一些，书写 CSS 的时候，经常犯的错误！",
     "description": "微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势，学习途径等等。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000042290580",
+    "url": "https://segmentfault.com/a/1190000042343100",
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "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": "2",
-    "rank": 6
-  },
-  {
-    "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": "4",
-    "rank": 7
-  },
-  {
-    "title": "如何开发一款基于 Vite+Vue3 的在线表格系统（上）",
-    "description": "Vue是什么？大多前端开发者对这个词已毫不陌生了。三大框架孰优孰劣，众多开发者各抒己见，其中Vue以其“最简单、最易上手“的名号迅速积累了一大批粉丝，被广泛学习应用。同Angular、React框架一样，Vue也是MVVM类...",
-    "url": "https://segmentfault.com/a/1190000042329212",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "1",
-    "rank": 8
-  },
-  {
-    "title": "xflow流程可视化-designable高级配置",
-    "description": "上篇简要介绍了formilyjs以及基于其构建了表单设计器，实现了表单动态设计已经预览功能，本片将介绍表单设计器的一些高级配置，使其能更好的运用于我们的节点编辑以及连线编辑。",
-    "url": "https://segmentfault.com/a/1190000042328356",
-    "author": "陌路凡歌",
-    "home_url": "https://segmentfault.com/u/molufange",
-    "votes": "1",
-    "rank": 9
+    "rank": 2
   },
   {
-    "title": "图扑软件数字孪生厦门隧道，助力交通数字化升级",
-    "description": "隧道作为重要交通建筑设施，为缩短运行距离、提高运输能力、减少事故等方面起到重要作用。同时隧道交通具有流量大、行车速度快的特点，且内部含有大量照明、风机、水泵、指示器、情报板、供电等设备设施，若隧道...",
-    "url": "https://segmentfault.com/a/1190000042327153",
-    "author": "hightopo",
-    "home_url": "https://segmentfault.com/u/hightopo",
+    "title": "延时任务-基于netty时间轮算法实现",
+    "description": "为了大家能够理解下文中的代码，我们先来简单了解一下netty时间轮算法的核心原理时间轮算法名副其实，时间轮就是一个环形的数据结构，类似于表盘，将时间轮分成多个bucket(比如：0-8)。假设每个时间轮轮片的分隔...",
+    "url": "https://segmentfault.com/a/1190000042345021",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
     "votes": "1",
-    "rank": 10
+    "rank": 3
   },
   {
-    "title": "Java注解最全详解(超级详细)",
-    "description": "Java注解是一个很重要的知识点，掌握好Java注解有利于学习Java开发框架底层实现。@mikechenJava注解定义Java注解又称Java标注，是在 JDK5 时引入的新特性，注解（也被称为元数据）。Java注解它提供了一种安全的类...",
-    "url": "https://segmentfault.com/a/1190000042325806",
-    "author": "mikechen",
-    "home_url": "https://segmentfault.com/u/user_fx09jed8",
+    "title": "深入理解Redis 数据结构—字典",
+    "description": "字典，又称为符号表、关联数组或映射，是一种用于保存键值对的抽象数据结构。在字典中，一个键可以和一个值进行关联，这些关联的键和值称为键值对。键值对中键是唯一的,我们可以根据键key通过映射查找或者更新对...",
+    "url": "https://segmentfault.com/a/1190000042343233",
+    "author": "小码code",
+    "home_url": "https://segmentfault.com/u/jeremylai7",
     "votes": "1",
-    "rank": 11
+    "rank": 4
   },
   {
-    "title": "连流量染色都没有，你说要搞微服务？",
-    "description": "在当下盛行的微服务架构下，服务数量多导致的依赖问题经常会成为开发过程中的绊脚石。也经常会在各种技术交流会上听到类似的话题，大家都在积极的讨论这种问题如何去解决。于是决定给大家介绍下流量染色的原理以...",
-    "url": "https://segmentfault.com/a/1190000042325664",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
+    "title": "一次minerd肉鸡木马的排查思路",
+    "description": "前言在日常使用Linux系统服务器时，如果系统安全维护方面做的不够规范和严谨，很容易导致主机被黑客植入恶意木马病毒被当做肉鸡。以后就是一次肉鸡木马病毒的排查过程，有助于运维服务器时遇到此情况时进行针对性...",
+    "url": "https://segmentfault.com/a/1190000042342093",
+    "author": "京东云开发者",
+    "home_url": "https://segmentfault.com/u/jdcdevloper",
     "votes": "1",
-    "rank": 12
+    "rank": 5
   },
   {
-    "title": "阿里前端智能化技术探索和未来思考",
-    "description": "最近看到一个研判：过去十年是智能化蓬勃发展的十年，但未来十年会是智能化渗入各领域不断改变我们生活和工作的十年。对此深以为然。随着对神经网络加速的专用处理器成为硬件标配、DSP越来越多地从专业领域进入消...",
-    "url": "https://segmentfault.com/a/1190000042329618",
-    "author": "大淘宝技术",
-    "home_url": "https://segmentfault.com/u/alibabataoxijishu",
+    "title": "基于 SheetJS 的前端合并单元格复杂表头导入",
+    "description": "项目功能任意层级合并单元格复杂表头解析自动转化为目标层级的数据结构自动生成基于 antdv 的 table 列配置数据 columns 及对于数据源 dataSource。在页面端复现 Excel 效果。在线示例步骤零：如需快速测试，可点...",
+    "url": "https://segmentfault.com/a/1190000042346917",
+    "author": "momo707577045",
+    "home_url": "https://segmentfault.com/u/momo707577045",
     "votes": "1",
-    "rank": 13
+    "rank": 6
   },
   {
-    "title": "SpringBoot SPI 机制和实现自定义 starter",
-    "description": "什么是spi呢，全称是 Service Provider Interface 。简单翻译的话，就是服务提供者接口，是一种寻找服务实现的机制。",
-    "url": "https://segmentfault.com/a/1190000042327601",
-    "author": "i",
-    "home_url": "https://segmentfault.com/u/i_62f4ad94a52ca",
+    "title": "福利！网易数帆参编中国信通院《低代码发展白皮书（2022年）》",
+    "description": "【限时发放中！免费领取白皮书】近日，由中国信息通信研究院（以下简称“中国信通院”）和中国通信标准化协会联合主办的“2022数字化转型发展高峰论坛”在京召开。大会以 “数字原生、产业新生、价值共生”为主题，共同...",
+    "url": "https://segmentfault.com/a/1190000042344237",
+    "author": "网易数帆",
+    "home_url": "https://segmentfault.com/u/163yun",
     "votes": "1",
-    "rank": 14
+    "rank": 7
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042251637",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "22",
+    "votes": "23",
     "rank": 1
   },
   {
@@ -14,7 +14,7 @@
     "url": "https://segmentfault.com/a/1190000042217200",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "23",
+    "votes": "24",
     "rank": 2
   },
   {
@@ -23,26 +23,8 @@
     "url": "https://segmentfault.com/a/1190000042283578",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "22",
-    "rank": 3
-  },
-  {
-    "title": "超酷炫的转场动画？CSS 轻松拿下！",
-    "description": "在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1：转场动画 2：是不是挺有意思的，整个动画的衔接是基于滚轮的滚...",
-    "url": "https://segmentfault.com/a/1190000042184211",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "23",
-    "rank": 4
-  },
-  {
-    "title": "CSS color-scheme 和夜间模式",
-    "description": "欢迎关注微信公众号：前端侦探介绍一个和深色模式相关的CSS属性：color-scheme一、什么是 color-scheme？color-scheme顾名思义，即为“配色方案”，在系统中指的是“白天模式”和“夜间模式”。使用这个属性可以轻松的...",
-    "url": "https://segmentfault.com/a/1190000042184163",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "19",
-    "rank": 5
+    "rank": 3
   },
   {
     "title": "妙用 CSS 构建花式透视背景效果",
@@ -51,7 +33,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "22",
-    "rank": 6
+    "rank": 4
   },
   {
     "title": "社区维基：将你的问答捐赠给社区",
@@ -60,7 +42,7 @@
     "author": "fenbox",
     "home_url": "https://segmentfault.com/u/fenbox",
     "votes": "13",
-    "rank": 7
+    "rank": 5
   },
   {
     "title": "防御式CSS是什么？这几点属性重点防御！",
@@ -69,7 +51,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "19",
-    "rank": 8
+    "rank": 6
   },
   {
     "title": "前端构建效率优化之路",
@@ -78,7 +60,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "19",
-    "rank": 9
+    "rank": 7
   },
   {
     "title": "可视化拖拽组件库一些技术要点原理分析（四）",
@@ -87,7 +69,16 @@
     "author": "谭光志",
     "home_url": "https://segmentfault.com/u/woai3c",
     "votes": "14",
-    "rank": 10
+    "rank": 8
+  },
+  {
+    "title": "多行文本下的文字渐隐消失术",
+    "description": "本文将探讨一下，在多行文本情形下的一些有意思的文字动效。多行文本，相对于单行文本，场景会复杂一些，但是在实际业务中，多行文本也是非常之多的，但是其效果处理比起单行文本会更困难。单行与多行文本的渐隐...",
+    "url": "https://segmentfault.com/a/1190000042325723",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "16",
+    "rank": 9
   },
   {
     "title": "今҈天҈真҈是҈热҈化҈了҈！",
@@ -96,16 +87,16 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "16",
-    "rank": 11
+    "rank": 10
   },
   {
-    "title": "试着换个角度理解低代码平台设计的本质",
-    "description": "本文会主要分享自己对低代码平台的理解，从多个角度和问题去看低代码平台的设计。我觉得低代码平台的核心在于模型设计，包括控件模型、组件模型、画布模型等等。希望看完本文，你能知道：",
-    "url": "https://segmentfault.com/a/1190000042194285",
-    "author": "pingan8787",
-    "home_url": "https://segmentfault.com/u/pingan8787",
-    "votes": "12",
-    "rank": 12
+    "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": 11
   },
   {
     "title": "一步步带你搞懂虚拟 DOM 的工作原理",
@@ -114,7 +105,7 @@
     "author": "deepfunc",
     "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "17",
-    "rank": 13
+    "rank": 12
   },
   {
     "title": "一个简洁、强大、可扩展的前端项目架构是什么样的？",
@@ -123,15 +114,24 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "14",
-    "rank": 14
+    "rank": 13
   },
   {
-    "title": "即日起，ONES 团队版50人以下免费",
-    "description": "ONES 从2015年创立伊始至今，一直坚持服务付费客户。作为一款专业的商业软件，ONES 的付费客户遍及金融、互联网、制造、消费、教育、医疗等各个行业。付费客户规模绝大部分在100人以上，他们对 ONES 提出了非常严...",
-    "url": "https://segmentfault.com/a/1190000042319176",
-    "author": "万事ONES",
-    "home_url": "https://segmentfault.com/u/wanshiones",
+    "title": "使用前端技术实现静态图片局部流动效果 🌊",
+    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
+    "url": "https://segmentfault.com/a/1190000042261453",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
+    "rank": 14
+  },
+  {
+    "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": "18",
     "rank": 15
   },
   {
@@ -144,23 +144,14 @@
     "rank": 16
   },
   {
-    "title": "【分享】从Mybatis源码中，学习到的10种设计模式",
-    "description": "你说的没错，但你天天写CRUD，你觉得 烦不？ 慌不？ 是不是既担心自己没有得到技术成长，也害怕将来没法用这些都是CRUD的项目去参加；述职、晋升、答辩，甚至可能要被迫面试时，自己手里一点干货也没有的情况。",
-    "url": "https://segmentfault.com/a/1190000042183733",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "12",
+    "title": "React Fiber架构原理剖析",
+    "description": "在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...",
+    "url": "https://segmentfault.com/a/1190000042271919",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "11",
     "rank": 17
   },
-  {
-    "title": "使用前端技术实现静态图片局部流动效果 🌊",
-    "description": "如果你有玩过 🎮 《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 🌊、迎风飘动的旗帜 🎏...",
-    "url": "https://segmentfault.com/a/1190000042261453",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "9",
-    "rank": 18
-  },
   {
     "title": "Wuzzle，不 eject 也能定制 create-react-app 创建的 React 应用",
     "description": "作为 React 官方维护的命令行工具，create-react-app（简称 CRA）能够极其轻松地创建配置完备的 React 应用，帮助使用者快速进入 React 开发。它的最大缺憾是创建的应用不能随心所欲地定制配置。想要定制，只能 e...",
@@ -168,15 +159,24 @@
     "author": "乌柏木",
     "home_url": "https://segmentfault.com/u/wubomu",
     "votes": "14",
+    "rank": 18
+  },
+  {
+    "title": "markdown 编辑器实现双屏同步滚动",
+    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
+    "url": "https://segmentfault.com/a/1190000042290360",
+    "author": "谭光志",
+    "home_url": "https://segmentfault.com/u/woai3c",
+    "votes": "9",
     "rank": 19
   },
   {
-    "title": "如何提出一个高质量的问题？",
-    "description": "看到标题的一瞬间，你或许在想 “什么样的问题算是好问题？”，在思否，每天或多或少都有十几个（休息日除外）新的问题被提出来，而这里面充斥着不少的 “质量” 问题。",
-    "url": "https://segmentfault.com/a/1190000042182354",
-    "author": "唯一丶",
-    "home_url": "https://segmentfault.com/u/weiyi_5b04fb4aa815a",
-    "votes": "11",
+    "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": 20
   },
   {
@@ -198,32 +198,23 @@
     "rank": 22
   },
   {
-    "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",
+    "title": "面向推荐的汽车知识图谱构建",
+    "description": "知识图谱的概念，最早由 Google 在2012 年提出， 旨在实现更智能的搜索引擎，并在2013年之后开始在学术界和工业级普及。目前，随着人工智能技术的高速发展，知识图谱已广泛应用于搜索、推荐、广告、风控、智能调...",
+    "url": "https://segmentfault.com/a/1190000042287137",
+    "author": "之家技术",
+    "home_url": "https://segmentfault.com/u/zhijiajishu",
+    "votes": "11",
     "rank": 23
   },
   {
-    "title": "React Fiber架构原理剖析",
-    "description": "在 React 16 之前，VirtualDOM 的更新采用的是Stack架构实现的，也就是循环递归方式。不过，这种对比方式有明显的缺陷，就是一旦任务开始进行就无法中断，如果遇到应用中组件数量比较庞大，那么VirtualDOM 的层级...",
-    "url": "https://segmentfault.com/a/1190000042271919",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "10",
+    "title": "🎁 「极客观点」上线：全新打卡挑战开启，完成既得限量周边！",
+    "description": "思否社区 “新地标” — 极客观点 上线啦～一键传送：[链接]细心观察的小伙伴们可能已经发现，在 SegmentFault 首页悄悄上线了一个全新的版块☕极客观点。在「极客观点」板块大家会看到这类问题：“为什么技术类书籍很...",
+    "url": "https://segmentfault.com/a/1190000042331835",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "8",
     "rank": 24
   },
-  {
-    "title": "markdown 编辑器实现双屏同步滚动",
-    "description": "由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。",
-    "url": "https://segmentfault.com/a/1190000042290360",
-    "author": "谭光志",
-    "home_url": "https://segmentfault.com/u/woai3c",
-    "votes": "7",
-    "rank": 25
-  },
   {
     "title": "使用Three.js实现炫酷的赛博朋克风格3D数字地球大屏 🌐",
     "description": "近期工作有涉及到数字大屏的需求，于是利用业余时间，结合 Three.js 和 CSS实现赛博朋克2077风格视觉效果 实现炫酷 3D 数字地球大屏页面。页面使用 React + Three.js + Echarts + stylus 技术栈，本文涉及到的主...",
@@ -231,7 +222,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "6",
-    "rank": 26
+    "rank": 25
   },
   {
     "title": "通向架子工的前端开发利器推荐",
@@ -240,16 +231,7 @@
     "author": "shanyue",
     "home_url": "https://segmentfault.com/u/xiange",
     "votes": "9",
-    "rank": 27
-  },
-  {
-    "title": "我有 7种 实现web实时消息推送的方案，7种！",
-    "description": "技术交流，公众号：程序员小富大家好，我是小富～我有一个朋友～做了一个小破站，现在要实现一个站内信web消息推送的功能，对，就是下图这个小红点，一个很常用的功能。不过他还没想好用什么方式做，这里我帮他整...",
-    "url": "https://segmentfault.com/a/1190000042192378",
-    "author": "程序员小富",
-    "home_url": "https://segmentfault.com/u/chengxy",
-    "votes": "14",
-    "rank": 28
+    "rank": 26
   },
   {
     "title": "你的 Tap bar  不够花里胡哨，试试这个！",
@@ -258,7 +240,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "8",
-    "rank": 29
+    "rank": 27
   },
   {
     "title": "基于 Next.js实现在线Excel",
@@ -267,6 +249,24 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "5",
+    "rank": 28
+  },
+  {
+    "title": "前端晋升答辩-性能优化篇范式",
+    "description": "本文力争为你参加晋升答辩时，提供一个论述性能优化相关工作的范式。简单点儿来说，就是按照这个范式文来准备、阐述，就可以博得晋升评委的认可与喜爱。",
+    "url": "https://segmentfault.com/a/1190000042264240",
+    "author": "胡哥有话说",
+    "home_url": "https://segmentfault.com/u/justbecoder",
+    "votes": "7",
+    "rank": 29
+  },
+  {
+    "title": "低代码是开发的未来吗？浅谈低代码平台",
+    "description": "低代码的热潮在几年前就火过，从阿里钉钉跨平台协作方式，再到飞书上的审批流程，以及目前我们接触到的表单审批、投票的模板，这些都是关于低代码的实现方式。随着企业数字化转型和云计算的不断发展，低代码平台...",
+    "url": "https://segmentfault.com/a/1190000042229850",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "11",
     "rank": 30
   }
 ]