@wcj/github-rank 22.6.23 → 22.6.26

package/web/data/sifou-weekly.json

@@ -5,27 +5,18 @@
     "url": "https://segmentfault.com/a/1190000042006775",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
+    "votes": "24",
     "rank": 1
   },
   {
-    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
-    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
-    "url": "https://segmentfault.com/a/1190000041998615",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "18",
+    "title": "如何移除你项目中99%的JS代码",
+    "description": "在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。",
+    "url": "https://segmentfault.com/a/1190000042011578",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "13",
     "rank": 2
   },
-  {
-    "title": "React Suspense 尝鲜,处理前后端IO异步操作",
-    "description": "Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：",
-    "url": "https://segmentfault.com/a/1190000041992773",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "7",
-    "rank": 3
-  },
   {
     "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
     "description": "一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。",
@@ -33,107 +24,107 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
+    "rank": 3
+  },
+  {
+    "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
+    "description": "哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【寄语有奖】的中奖小伙伴 😍小伙伴们的祝福都在这里喔：「为我们的 10 周年喝彩」🌟获奖名单Tips:以【得票】...",
+    "url": "https://segmentfault.com/a/1190000042012599",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "7",
     "rank": 4
   },
   {
-    "title": "前端性能监测，Runtime Performance Debug 技巧",
-    "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
-    "url": "https://segmentfault.com/a/1190000041990709",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "10",
+    "title": "基于Vite+React构建在线Excel",
+    "description": "Vite是随着Vue3一起发布的一款新型前端构建工具，能够显著的提升前端开发体验，它主要由两部分组成：（1）一个开发服务器，它基于*原生ES模块提供了丰富的内建功能，如速度快到惊人的 模块热更新（*HMR）。（2）...",
+    "url": "https://segmentfault.com/a/1190000042024859",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "5",
     "rank": 5
   },
   {
-    "title": "Doris 毕业成为 Apache 顶级项目，独家专访百度 PALO 团队",
-    "description": "2022 年 6 月 16 日，Apache 软件基金会发表博文，宣布 Doris 正式毕业，正式成为 Apache 顶级项目（TLP）。（相关阅读：[链接]）。",
-    "url": "https://segmentfault.com/a/1190000041995552",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "6",
+    "title": "有意思的鼠标指针交互探究",
+    "description": "今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...",
+    "url": "https://segmentfault.com/a/1190000042012558",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "7",
     "rank": 6
   },
   {
-    "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
-    "description": "哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【寄语有奖】的中奖小伙伴 😍小伙伴们的祝福都在这里喔：「为我们的 10 周年喝彩」🌟获奖名单Tips:以【得票】...",
-    "url": "https://segmentfault.com/a/1190000042012599",
+    "title": "SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~",
+    "description": "哈喽，各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【问答打卡】的中奖小伙伴 😍ps：有效回答的标准如下具备活动资格：已填写报名表链接[链接]回答时间符合要...",
+    "url": "https://segmentfault.com/a/1190000042020576",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "6",
+    "votes": "3",
     "rank": 7
   },
   {
-    "title": "玩转 AbortController 控制器",
-    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
-    "url": "https://segmentfault.com/a/1190000042001788",
-    "author": "jump__jump",
-    "home_url": "https://segmentfault.com/u/jump_and_jump",
+    "title": "敲了几万行源码后，我给Mybatis画了张“全地图”",
+    "description": "作者：小傅哥博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、说说：“产”后感受🤔有人跟我说，手写Spring难，手写Mybatis易？一股神奇的力量，让我在手写完 Spring 后，开始对 Mybatis 下手。最开...",
+    "url": "https://segmentfault.com/a/1190000042006269",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "5",
     "rank": 8
   },
   {
-    "title": "React新文档：不要滥用Ref哦～",
-    "description": "React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。",
-    "url": "https://segmentfault.com/a/1190000041991074",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "8",
+    "title": "关于 GIN 的路由树",
+    "description": "GIN 是一个 golang 常用的 Web 框架，它对 API 比较友好，源码注释也很明确明确，使用起来快速灵活，还有极高的容错率。标题中的路由我们可以简单理解为在浏览器中输入的页面地址，而“树”则是 一种优化的数据结构...",
+    "url": "https://segmentfault.com/a/1190000042018336",
+    "author": "云叔_又拍云",
+    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "votes": "4",
     "rank": 9
   },
   {
-    "title": "如何移除你项目中99%的JS代码",
-    "description": "在前不久的WWC22中，builder.io的CTO miško hevery（同时也是Angular/AngularJS的发明者）发表了一段充满想象力的演讲。",
-    "url": "https://segmentfault.com/a/1190000042011578",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "Sass应用之实现主题切换",
+    "description": "实现主题切换有几种不同的方案，比如使用CSS变量，使用JavaScript动态加载对应的主题样式文件等。本文主要讲的是如何使用Sass实现主题切换。",
+    "url": "https://segmentfault.com/a/1190000042003368",
+    "author": "玛尔斯通",
+    "home_url": "https://segmentfault.com/u/zhouqichao",
     "votes": "5",
     "rank": 10
   },
   {
-    "title": "有意思的鼠标指针交互探究",
-    "description": "今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...",
-    "url": "https://segmentfault.com/a/1190000042012558",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
+    "title": "CentOS中实现基于Docker部署BI数据分析",
+    "description": "但是我还想要完成领导下达的任务：在linux中安装docker后部署数据可视化工具。作为一名敬业 的打工人摆烂不可以，躺平不可以，弱小，无助，可怜中。。这能力，这要去，要不直接散伙算了。但是，没想到，我们还是...",
+    "url": "https://segmentfault.com/a/1190000042030725",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "2",
     "rank": 11
   },
   {
-    "title": "Sass应用之实现主题切换",
-    "description": "实现主题切换有几种不同的方案，比如使用CSS变量，使用JavaScript动态加载对应的主题样式文件等。本文主要讲的是如何使用Sass实现主题切换。",
-    "url": "https://segmentfault.com/a/1190000042003368",
-    "author": "玛尔斯通",
-    "home_url": "https://segmentfault.com/u/zhouqichao",
-    "votes": "4",
+    "title": "腾讯全面上云背后：程序员的技术焦虑和技术理想",
+    "description": "将本地部署的程序直接转移到云上，并不能完全享受到云计算的优势，唯有依托云技术栈重新部署、部分重构甚至全部重写，才能由水土不服的“外来者”，成为土生土长的云上“原住民”。",
+    "url": "https://segmentfault.com/a/1190000042028948",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "3",
     "rank": 12
   },
   {
-    "title": "敲了几万行源码后，我给Mybatis画了张“全地图”",
-    "description": "作者：小傅哥博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、说说：“产”后感受🤔有人跟我说，手写Spring难，手写Mybatis易？一股神奇的力量，让我在手写完 Spring 后，开始对 Mybatis 下手。最开...",
-    "url": "https://segmentfault.com/a/1190000042006269",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "title": "元宇宙 3D 开荒场 - 探味奇遇记",
+    "description": "这次尝鲜的业务伙伴是食品部门，最终落地项目是“探味奇遇记”：用户使用左边“joystick”操作 IP 人物，前往自己感兴趣的美食馆、调整当前视角，以 3D 的形式虚拟线下场馆购物体验。食品的数字人形象的第一视角在“元...",
+    "url": "https://segmentfault.com/a/1190000042027240",
+    "author": "凹凸实验室",
+    "home_url": "https://segmentfault.com/u/o2team",
     "votes": "4",
     "rank": 13
   },
   {
-    "title": "系统困境与软件复杂度，为什么我们的系统会如此复杂",
-    "description": "有一天，一个医生和一个土木工程师在一起争论“谁是世界上最古老的职业”。医生说：“上帝用亚当的肋骨造出了夏娃，这是历史上第一次外科手术，所以最古老的职业应该是医生”，土木工程师说：“在创世纪之前，上帝从混...",
-    "url": "https://segmentfault.com/a/1190000041998329",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
+    "title": "折叠面板组件的设计与实现",
+    "description": "NutUI，大家应该不陌生吧 [鬼脸]，前端开发的同学肯定是有些了解的。NutUI 是一个京东风格的移动端组件库，使用 Vue 语言来编写可以在 H5，小程序平台上的应用。",
+    "url": "https://segmentfault.com/a/1190000042023745",
+    "author": "京东设计中心JDC",
+    "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
     "votes": "3",
     "rank": 14
   },
-  {
-    "title": "利用微信公众号提供的官方API上传图片获取永久图片素材！当图床用！",
-    "description": "自己开发的小程序，例如社区类、电商类、新闻、博客等类型小程序，会需要储存很多图片，图片资源会给个人开发者带来很多成本，万一访问量大了，网站带宽、流量也会不堪重负，所以图片资源必然不合适储存在自己的...",
-    "url": "https://segmentfault.com/a/1190000041998801",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "2",
-    "rank": 15
-  },
   {
     "title": "React Native如何做线上错误与性能监控",
     "description": "我们每个人可能都会遇到这样的问题：即我们的代码在本地测试时没有问题，但是一上线运行，就会遇到各种奇奇怪怪的线上 Bug。由于本地测试场景并不能全面覆盖，对于这种线上的Bug，最有效的手段就是搭建线上监控系...",
@@ -141,25 +132,16 @@
     "author": "xiangzhihong",
     "home_url": "https://segmentfault.com/u/xiangzhihong",
     "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "十年老友记 | @依云：曾经看到一句话：Coding changes the world!",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041992859",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "2",
-    "rank": 17
+    "rank": 15
   },
   {
-    "title": "正式发布丨Visual Studio Code 1.68",
-    "description": "欢迎使用5 月发布的 Visual Studio Code，本次发布的亮点如下：▌Configure Display LanguageConfigure Display Language命令已更新为包括：该语言的语言名称。Available languages显示您的计算机上未安装哪些语言...",
-    "url": "https://segmentfault.com/a/1190000041989813",
-    "author": "微软技术栈",
-    "home_url": "https://segmentfault.com/u/mstech",
+    "title": "项目性能优化之用compression-webpack-plugin插件开启gzip压缩，以vue为例",
+    "description": "本文以vue为例，记录一下，使用webpack插件compression-webpack-plugin开启gzip压缩的步骤流程，以及对比开启gzip压缩前后所需要的时间，得出结论：**这个插件的确能够做性能优化，减少加载的时间**react也是同一...",
+    "url": "https://segmentfault.com/a/1190000042004559",
+    "author": "水冗水孚",
+    "home_url": "https://segmentfault.com/u/shuirongshui",
     "votes": "1",
-    "rank": 18
+    "rank": 16
   },
   {
     "title": "剖析 SPI 在 Spring 中的应用",
@@ -168,16 +150,7 @@
     "author": "vivo互联网技术",
     "home_url": "https://segmentfault.com/u/vivo_tech",
     "votes": "2",
-    "rank": 19
-  },
-  {
-    "title": "十年老友记 | @王子亭：编程让我享受创造和解决问题的过程",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041993356",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "3",
-    "rank": 20
+    "rank": 17
   },
   {
     "title": "Go 内联优化能让程序快多少？",
@@ -186,43 +159,52 @@
     "author": "煎鱼",
     "home_url": "https://segmentfault.com/u/eddycjy",
     "votes": "1",
-    "rank": 21
+    "rank": 18
   },
   {
-    "title": "JS实现将文字转换为语音并自动播放",
-    "description": "如果是相对固定的场景，并且语音有限的情况下，可以采用录制的方式，即先录制好所有的音频资源，然后根据业务场景播放相应的音频即可；但是如果场景不固定，需要的语音也不一样时，采用录制的方式的话，音频资源...",
-    "url": "https://segmentfault.com/a/1190000041989692",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
+    "title": "SegmentFault 思否技术周刊 -- 这份前端大杀招，接住！",
+    "description": "前端即网站前台部分，运行在 PC 端、移动端等浏览器上展现给用户浏览的网页。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计；前端开发则是网站的前台代码实现，是创建 WEB 页面或 A...",
+    "url": "https://segmentfault.com/a/1190000042018706",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "2",
-    "rank": 22
+    "rank": 19
   },
   {
-    "title": "【Java面试】TCP协议为什么要设计三次握手？",
-    "description": "一个工作5年的粉丝，最近去面试了很多公司，每次都被各种技术原理题问得语无伦次。由于找了快1个月时间的工作，有点焦虑，来向我求助。我能做的只是保证每天更新一个面试题，然后问他印象最深刻的一个面试题是什...",
-    "url": "https://segmentfault.com/a/1190000041991850",
+    "title": "【Java面试】@Resource 和 @Autowired 的区别",
+    "description": "Hi，大家好，我是Mic。一个工作2年的粉丝，问我一个Spring里面的问题。希望我能从不同的视角去分析，然后碾压面试官。这个问题是： “@Resource和@Autowired”的区别。下面看看普通人和高手的回答",
+    "url": "https://segmentfault.com/a/1190000042019958",
     "author": "跟着Mic学架构",
     "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "4",
-    "rank": 23
+    "votes": "2",
+    "rank": 20
   },
   {
-    "title": "美团综合业务推荐系统的质量模型及实践",
-    "description": "推荐系统是效果导向的数据应用服务，在功能的“有”和“无”之间，有很长的效果“好”和“坏”的光谱。本文以用户请求的粒度建立质量模型，通过数据血缘关联了数据表、算法模型、系统服务和用户请求，并结合美团综合业务...",
-    "url": "https://segmentfault.com/a/1190000041996173",
+    "title": "YOLOv6：又快又准的目标检测框架开源啦",
+    "description": "近日，美团视觉智能部研发了一款致力于工业应用的目标检测框架 YOLOv6，能够同时专注于检测的精度和推理效率。在研发过程中，视觉智能部不断进行了探索和优化，同时吸取借鉴了学术界和工业界的一些前沿进展和科研...",
+    "url": "https://segmentfault.com/a/1190000042029100",
     "author": "美团技术团队",
     "home_url": "https://segmentfault.com/u/meituanjishutuandui",
-    "votes": "2",
-    "rank": 24
+    "votes": "1",
+    "rank": 21
   },
   {
-    "title": "怎样写个sdk嵌套到别的项目？",
-    "description": "需求：客户的项目需要用我们的功能，且需要提供个modal嵌入到他们的项目里，在他们的table中点击对应的item，弹出我提供的modal。解决方案项目使用cra构建，使用webpack@5.70.0的library导出为一个库给第三方使用...",
-    "url": "https://segmentfault.com/a/1190000041994702",
-    "author": "assassin_cike",
-    "home_url": "https://segmentfault.com/u/assassin",
+    "title": "解决k8s调度不均衡问题",
+    "description": "在近期的工作中，我们发现 k8s 集群中有些节点资源使用率很高，有些节点资源使用率很低，我们尝试重新部署应用和驱逐 Pod，发现并不能有效解决负载不均衡问题。在学习了 Kubernetes 调度原理之后，重新调整了 Req...",
+    "url": "https://segmentfault.com/a/1190000042005893",
+    "author": "劼哥stone",
+    "home_url": "https://segmentfault.com/u/stone0090",
     "votes": "1",
-    "rank": 25
+    "rank": 22
+  },
+  {
+    "title": "JS从扁平array转tree",
+    "description": "有时我们需要从扁平的数组结构(flat array)，根据id，和pid构建出树形数组结构(tree array)，这种情形经常出现在嵌套的目录结构，如下图：",
+    "url": "https://segmentfault.com/a/1190000042003658",
+    "author": "来了老弟",
+    "home_url": "https://segmentfault.com/u/laomao_5902e12974409",
+    "votes": "2",
+    "rank": 23
   },
   {
     "title": "Vue3 Teleport，这个是真的好用！",
@@ -231,42 +213,60 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
-    "rank": 26
+    "rank": 24
   },
   {
-    "title": "JS从扁平array转tree",
-    "description": "有时我们需要从扁平的数组结构(flat array)，根据id，和pid构建出树形数组结构(tree array)，这种情形经常出现在嵌套的目录结构，如下图：",
-    "url": "https://segmentfault.com/a/1190000042003658",
-    "author": "来了老弟",
-    "home_url": "https://segmentfault.com/u/laomao_5902e12974409",
+    "title": "Vue3，用组合的方式来编写更好的代码(1/5)",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041937389",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "1",
+    "rank": 25
+  },
+  {
+    "title": "如果后端API一次返回10万条数据，前端应该如何优化",
+    "description": "创建服务器为了方便后续测试，我们可以使用node创建一个简单的服务器。服务器端代码： {代码...} 我们可以使用 node 或 nodemon 启动服务器： {代码...} 创建前端模板页面然后我们的前端由一个 HTML 文件和一个 J...",
+    "url": "https://segmentfault.com/a/1190000042025507",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
     "votes": "2",
-    "rank": 27
+    "rank": 26
   },
   {
-    "title": "Proxy学习",
-    "description": "Map，Set，Date，Promise 等内置类型，都使用了所谓的\"内部插槽\"，类似于对象的私有属性，不允许外部访问，所以当代理没做处理时，直接代理他们会发生错误。",
-    "url": "https://segmentfault.com/a/1190000041992118",
-    "author": "小绵羊",
-    "home_url": "https://segmentfault.com/u/xiaomianyang_5a5c183e17d47",
+    "title": "只在工作日执行的脚本",
+    "description": "但是工作日有时候又不是简单的周一到周五，比如赶上个小长假什么的，有时候周六要上班，有时候周一又不上班，这时候这样的设置就容易乱，那我们怎么设置这个cronjob才能让他预知我们的放假排班计划，并做到丝毫不...",
+    "url": "https://segmentfault.com/a/1190000042013981",
+    "author": "张京",
+    "home_url": "https://segmentfault.com/u/fengerzh",
     "votes": "1",
-    "rank": 28
+    "rank": 27
   },
   {
-    "title": "编程技巧│浏览器 Notification 桌面推送通知",
-    "description": "一、什么是 NotificationNotification 是浏览器最小化后在桌面显示消息的一种方法类似于 360 等流氓软件在桌面右下角的弹窗广告它与浏览器是脱离的，消息是置顶的二、弹窗授权授权当前页面允许通知可以通过检查只...",
-    "url": "https://segmentfault.com/a/1190000041998200",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
+    "title": "利用好 git bisect 这把利器，帮助你快速定位疑难 bug",
+    "description": "使用git bisect二分法定位问题的基本步骤：git bisect start [最近的出错的commitid] [较远的正确的commitid]测试相应的功能git bisect good 标记正确直到出现问题则 标记错误 git bisect bad提示的commitid就是...",
+    "url": "https://segmentfault.com/a/1190000042019014",
+    "author": "DevUI团队",
+    "home_url": "https://segmentfault.com/u/devui",
     "votes": "2",
+    "rank": 28
+  },
+  {
+    "title": "Vue3 Composable最佳实践（一）",
+    "description": "截至目前，Composable(组合式函数)应该是在VUE 3应用程序中组织业务逻辑最佳的方法。它让我们可以把一些小块的通用逻辑进行抽离、复用，使我们的代码更易于编写、阅读和维护。由于这种编写VUE代码的方式相对较新...",
+    "url": "https://segmentfault.com/a/1190000042013681",
+    "author": "前端荣耀",
+    "home_url": "https://segmentfault.com/u/lengxing",
+    "votes": "3",
     "rank": 29
   },
   {
-    "title": "基于xgplayer编写一个artc插件，实现阿里云低延迟直播",
-    "description": "最近一直在配合业务和集团的小伙伴处理一些直播上的需求。他们起先看上了磐厚年会的那个直播项目，里面的弹幕功能和一些播放功能都是他们觉得符合他们诉求的内容。",
-    "url": "https://segmentfault.com/a/1190000041992498",
-    "author": "JFJSWEB",
-    "home_url": "https://segmentfault.com/u/jfjsweb",
-    "votes": "1",
+    "title": "蜻蜓低代码安全工具平台开发之路",
+    "description": "蜻蜓内测版在五一前夕上线了，很快就积累的很多工具，用户数也逐渐增多，但我也逐渐发现这种堆积式的平台没太多技术含量；我在想是否可以做一些有挑战的事情，正好这几年低代码平台比较火热，我在想是否能在安全...",
+    "url": "https://segmentfault.com/a/1190000042025141",
+    "author": "汤青松",
+    "home_url": "https://segmentfault.com/u/songboy",
+    "votes": "2",
     "rank": 30
   }
 ]