@wcj/github-rank 22.6.27 → 22.6.30

package/web/data/sifou-weekly.json

@@ -1,84 +1,75 @@
 [
   {
-    "title": "CSS实现可拉伸调整尺寸的分栏布局",
-    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
-    "url": "https://segmentfault.com/a/1190000042006775",
+    "title": "视觉还原小技巧！CSS 实现角标效果",
+    "description": "欢迎关注微信公众号： 前端侦探最近在项目中碰到一个这样的角标设计，如下像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完）一、圆角矩形和三角形从设计上可以拆分成两...",
+    "url": "https://segmentfault.com/a/1190000042038058",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "24",
+    "votes": "13",
     "rank": 1
   },
   {
-    "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",
+    "title": "CentOS中实现基于Docker部署BI数据分析",
+    "description": "但是我还想要完成领导下达的任务：在linux中安装docker后部署数据可视化工具。作为一名敬业 的打工人摆烂不可以，躺平不可以，弱小，无助，可怜中。。这能力，这要去，要不直接散伙算了。但是，没想到，我们还是...",
+    "url": "https://segmentfault.com/a/1190000042030725",
+    "author": "葡萄城技术团队",
+    "home_url": "https://segmentfault.com/u/grapecity",
+    "votes": "4",
     "rank": 2
   },
   {
-    "title": "亚马逊云科技：“云+数+AI”助力企业数智化转型",
-    "description": "一季度营业收入同比增长37%到达184.4亿美元；营业利润同比增长57%为65.2亿美元；利润率35.3%，比上季度的29.8和去年同期30.8%都高出一截。",
-    "url": "https://segmentfault.com/a/1190000042010573",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "11",
+    "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": 3
   },
   {
-    "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
-    "description": "哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【寄语有奖】的中奖小伙伴 😍小伙伴们的祝福都在这里喔：「为我们的 10 周年喝彩」🌟获奖名单Tips:以【得票】...",
-    "url": "https://segmentfault.com/a/1190000042012599",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
+    "title": "腾讯全面上云背后：程序员的技术焦虑和技术理想",
+    "description": "将本地部署的程序直接转移到云上，并不能完全享受到云计算的优势，唯有依托云技术栈重新部署、部分重构甚至全部重写，才能由水土不服的“外来者”，成为土生土长的云上“原住民”。",
+    "url": "https://segmentfault.com/a/1190000042028948",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "7",
     "rank": 4
   },
   {
-    "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",
+    "title": "热乎乎的前端\"数字\" 转换 \"货币字符串\", 如此有趣的知识来啦 (Intl.NumberFormat)",
+    "description": "这是一个由我编写的轻量级数字转货币字符串插件, 因为发现各个国家的货币相关知识很有趣, 并且当前市场上相关插件比较老, 所以也想与你分享这些有趣知识。",
+    "url": "https://segmentfault.com/a/1190000042037852",
+    "author": "lulu_up",
+    "home_url": "https://segmentfault.com/u/lulu_up",
+    "votes": "10",
     "rank": 5
   },
   {
-    "title": "CentOS中实现基于Docker部署BI数据分析",
-    "description": "但是我还想要完成领导下达的任务：在linux中安装docker后部署数据可视化工具。作为一名敬业 的打工人摆烂不可以，躺平不可以，弱小，无助，可怜中。。这能力，这要去，要不直接散伙算了。但是，没想到，我们还是...",
-    "url": "https://segmentfault.com/a/1190000042030725",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
-    "votes": "3",
+    "title": "几百行代码实现一个 JSON 解析器",
+    "description": "以前我也有思考过它是如何实现的，过程中一旦和编译原理扯上关系就不由自主的劝退了；但经过这段时间的实践我发现实现一个 JSON 解析器似乎也不困难，只是运用到了编译原理前端的部分知识就完全足够了。",
+    "url": "https://segmentfault.com/a/1190000042042002",
+    "author": "crossoverJie",
+    "home_url": "https://segmentfault.com/u/crossoverjie",
+    "votes": "4",
     "rank": 6
   },
   {
-    "title": "有意思的鼠标指针交互探究",
-    "description": "今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...",
-    "url": "https://segmentfault.com/a/1190000042012558",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
+    "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": "5",
     "rank": 7
   },
   {
-    "title": "SegmentFault 思否社区 10 周年 | 问答打卡获奖名单公布，快来领奖~",
-    "description": "哈喽，各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【问答打卡】的中奖小伙伴 😍ps：有效回答的标准如下具备活动资格：已填写报名表链接[链接]回答时间符合要...",
-    "url": "https://segmentfault.com/a/1190000042020576",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "3",
-    "rank": 8
-  },
-  {
-    "title": "关于 GIN 的路由树",
-    "description": "GIN 是一个 golang 常用的 Web 框架，它对 API 比较友好，源码注释也很明确明确，使用起来快速灵活，还有极高的容错率。标题中的路由我们可以简单理解为在浏览器中输入的页面地址，而“树”则是 一种优化的数据结构...",
-    "url": "https://segmentfault.com/a/1190000042018336",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
+    "title": "esbuild 构建油猴脚本",
+    "description": "前段时间思否十周年，搞了个问答打卡活动。参与打卡活动的人需要在回答问题的结尾加一个“小尾巴”。加小尾巴本身并不难，但是由于官方没有提供快捷方式，每次都需要自己从某个地方拷贝过去，稍嫌繁琐。正好前不久...",
+    "url": "https://segmentfault.com/a/1190000042036660",
+    "author": "边城",
+    "home_url": "https://segmentfault.com/u/jamesfancy",
     "votes": "4",
-    "rank": 9
+    "rank": 8
   },
   {
     "title": "元宇宙 3D 开荒场 - 探味奇遇记",
@@ -87,16 +78,16 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "4",
-    "rank": 10
+    "rank": 9
   },
   {
-    "title": "腾讯全面上云背后：程序员的技术焦虑和技术理想",
-    "description": "将本地部署的程序直接转移到云上，并不能完全享受到云计算的优势，唯有依托云技术栈重新部署、部分重构甚至全部重写，才能由水土不服的“外来者”，成为土生土长的云上“原住民”。",
-    "url": "https://segmentfault.com/a/1190000042028948",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "3",
-    "rank": 11
+    "title": "2022 开发者调查报告：Rust 语言、Phoenix 框架最受欢迎｜PHP 薪酬倒数",
+    "description": "此次报告共有来自 180 个国家 / 地区的超 70000 名开发人员参与了调查。数据显示，学习在线编码的比例逐年从 60% 增加到 70%；45 岁以上的受访者最有可能从书本上学习，而年轻人则在网上学习；年轻（18 岁以下）...",
+    "url": "https://segmentfault.com/a/1190000042032276",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "6",
+    "rank": 10
   },
   {
     "title": "折叠面板组件的设计与实现",
@@ -105,34 +96,25 @@
     "author": "京东设计中心JDC",
     "home_url": "https://segmentfault.com/u/jingdongshejizhongxin",
     "votes": "3",
-    "rank": 12
-  },
-  {
-    "title": "SegmentFault 思否技术周刊 -- 这份前端大杀招，接住！",
-    "description": "前端即网站前台部分，运行在 PC 端、移动端等浏览器上展现给用户浏览的网页。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计；前端开发则是网站的前台代码实现，是创建 WEB 页面或 A...",
-    "url": "https://segmentfault.com/a/1190000042018706",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "3",
-    "rank": 13
+    "rank": 11
   },
   {
-    "title": "React Native如何做线上错误与性能监控",
-    "description": "我们每个人可能都会遇到这样的问题：即我们的代码在本地测试时没有问题，但是一上线运行，就会遇到各种奇奇怪怪的线上 Bug。由于本地测试场景并不能全面覆盖，对于这种线上的Bug，最有效的手段就是搭建线上监控系...",
-    "url": "https://segmentfault.com/a/1190000042008592",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "1",
-    "rank": 14
+    "title": "js判断两个对象是否相等",
+    "description": "1.首先要先有两个对象，如下举例： {代码...} 2.判断两个对象是否相等： {代码...} 3.做出相应的操作： {代码...}",
+    "url": "https://segmentfault.com/a/1190000042024769",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "2",
+    "rank": 12
   },
   {
-    "title": "剖析 SPI 在 Spring 中的应用",
-    "description": "SPI（Service Provider Interface），是Java内置的一种服务提供发现机制，可以用来提高框架的扩展性，主要用于框架的开发中，比如Dubbo，不同框架中实现略有差异，但核心机制相同，而Java的SPI机制可以为接口寻找...",
-    "url": "https://segmentfault.com/a/1190000041993253",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "2",
-    "rank": 15
+    "title": "社招两年半10个公司28轮面试面经（含字节、拼多多、美团、滴滴......）",
+    "description": "个人情况学历：二本工作年限：2 年半面试结果：拿到了字节、拼多多、美团、滴滴、欧科云链....等公司的offer面试准备复习你信我，真学习还得看书，看书能让你的知识体系更加健全。当然，平时也可以看一些大佬的文...",
+    "url": "https://segmentfault.com/a/1190000042035124",
+    "author": "CoderW",
+    "home_url": "https://segmentfault.com/u/coderw_5fd9998278d42",
+    "votes": "5",
+    "rank": 13
   },
   {
     "title": "YOLOv6：又快又准的目标检测框架开源啦",
@@ -141,16 +123,7 @@
     "author": "美团技术团队",
     "home_url": "https://segmentfault.com/u/meituanjishutuandui",
     "votes": "1",
-    "rank": 16
-  },
-  {
-    "title": "Go 内联优化能让程序快多少？",
-    "description": "最近周末在家学习时看到 @Dave Cheney 的《Inlining optimisations in Go》还是有不少养分的，翻译分享给大家，有所修整、删减。",
-    "url": "https://segmentfault.com/a/1190000042007938",
-    "author": "煎鱼",
-    "home_url": "https://segmentfault.com/u/eddycjy",
-    "votes": "1",
-    "rank": 17
+    "rank": 14
   },
   {
     "title": "CVPR 2022 | 美团技术团队精选论文解读",
@@ -159,7 +132,7 @@
     "author": "美团技术团队",
     "home_url": "https://segmentfault.com/u/meituanjishutuandui",
     "votes": "2",
-    "rank": 18
+    "rank": 15
   },
   {
     "title": "Vue3，用组合的方式来编写更好的代码(1/5)",
@@ -168,105 +141,132 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "1",
-    "rank": 19
+    "rank": 16
   },
   {
-    "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",
+    "title": "20个稀奇古怪的 JavaScript 表达式，你要挑战回答一下嘛",
+    "description": "微信搜索 【大迁世界】 关注有可爱喵前端人。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。JavaScript是一种非常容错的编程语言，许多在其他编程语言中不合法的表达式在JavaScript...",
+    "url": "https://segmentfault.com/a/1190000041995394",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "4",
+    "rank": 17
+  },
+  {
+    "title": "angular ChangeDetectorRef",
+    "description": "随着子组件的增多和嵌套，遇到数据改变，但是组件页面没有渲染的问题开始变多。例如:此页面为子组件，打开该页面后，原本应该显示已存在的附件，但是现在却显示空。正确显示：问题显示：没有渲染此问题的出现往往...",
+    "url": "https://segmentfault.com/a/1190000042041251",
+    "author": "weiewiyi",
+    "home_url": "https://segmentfault.com/u/chenchu_6110ed583800c",
+    "votes": "4",
+    "rank": 18
+  },
+  {
+    "title": "蜻蜓低代码安全工具平台开发之路",
+    "description": "蜻蜓内测版在五一前夕上线了，很快就积累的很多工具，用户数也逐渐增多，但我也逐渐发现这种堆积式的平台没太多技术含量；我在想是否可以做一些有挑战的事情，正好这几年低代码平台比较火热，我在想是否能在安全...",
+    "url": "https://segmentfault.com/a/1190000042025141",
+    "author": "汤青松",
+    "home_url": "https://segmentfault.com/u/songboy",
     "votes": "2",
+    "rank": 19
+  },
+  {
+    "title": "Github AI 编程工具 Copilot 正式上线，“白嫖”时代结束，67 元/月！",
+    "description": "据官方介绍，GitHub 副产品 AI 编码辅助工具 Copilot 最早于 2021 年 6 月在技术预览中发布，旨在帮助软件开发者在 Visual Studio、Visual Studio code、Neovim 和 JetBrains IDE 等开发环境中编写代码时通过自动...",
+    "url": "https://segmentfault.com/a/1190000042024352",
+    "author": "MissD",
+    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "votes": "1",
     "rank": 20
   },
   {
-    "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": "3",
+    "title": "Flex & Bison 开始",
+    "description": "Flex 用于词法分析（lexical analysis，或称 scanning），把输入分割成一个个有意义的词块，称为记号（token）。",
+    "url": "https://segmentfault.com/a/1190000042035066",
+    "author": "GoCoding",
+    "home_url": "https://segmentfault.com/u/gocoding",
+    "votes": "1",
     "rank": 21
   },
   {
-    "title": "Vue3 Teleport，这个是真的好用！",
-    "description": "点赞再看，微信搜索【大迁世界】,B站关注【前端小智】这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub [链接] 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。",
-    "url": "https://segmentfault.com/a/1190000042006317",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "2",
+    "title": "Elux-从\"微前端\"到“微模块”",
+    "description": "前言：作为“前端微模块”这个概念有点新，之前虽然也有人提过这个词（可百度），但都只是简单的将其等同于动态加载模块，并没有赋予其更大的意义，好像也没有看到具体的落地方案。小弟也是突发奇想，摸着石头过河...",
+    "url": "https://segmentfault.com/a/1190000042032009",
+    "author": "wooline",
+    "home_url": "https://segmentfault.com/u/wooline",
+    "votes": "1",
     "rank": 22
   },
   {
-    "title": "只在工作日执行的脚本",
-    "description": "但是工作日有时候又不是简单的周一到周五，比如赶上个小长假什么的，有时候周六要上班，有时候周一又不上班，这时候这样的设置就容易乱，那我们怎么设置这个cronjob才能让他预知我们的放假排班计划，并做到丝毫不...",
-    "url": "https://segmentfault.com/a/1190000042013981",
-    "author": "张京",
-    "home_url": "https://segmentfault.com/u/fengerzh",
-    "votes": "1",
+    "title": "Vue基础点梳理",
+    "description": "1、vue指令-v-model修饰符语法:v-model.修饰符=\"vue数据变量\" {代码...} 2、计算属性计算属性有缓存，提高渲染性能。如果在页面上需要用到 对现有的数据进行加工得到新数据，则时要使用计算属性。写法： {代码......",
+    "url": "https://segmentfault.com/a/1190000042025080",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "2",
     "rank": 23
   },
   {
-    "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",
+    "title": "Vue项目之使用EditorConfig, Eslint和Prettier实现代码规范",
+    "description": "每个人的代码风格不同，比如有的人代码缩进喜欢用Tab，有的人喜欢用Space；有的人代码语句后会加上分号，有的人则不加。并且不同的人使用的开发工具也不同，有的人喜欢使用WebStorm，有的人喜欢用VSCode。。。如...",
+    "url": "https://segmentfault.com/a/1190000042044168",
+    "author": "玛尔斯通",
+    "home_url": "https://segmentfault.com/u/zhouqichao",
+    "votes": "3",
     "rank": 24
   },
   {
-    "title": "2022 开发者调查报告：Rust 语言、Phoenix 框架最受欢迎｜PHP 薪酬倒数",
-    "description": "此次报告共有来自 180 个国家 / 地区的超 70000 名开发人员参与了调查。数据显示，学习在线编码的比例逐年从 60% 增加到 70%；45 岁以上的受访者最有可能从书本上学习，而年轻人则在网上学习；年轻（18 岁以下）...",
-    "url": "https://segmentfault.com/a/1190000042032276",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "title": "脚本之美│VBS 入门交互实战",
+    "description": "VBS 是一种 Windows 脚本语言，全称是 Microsoft Visual Basic Script Editon，微软公司可视化 BASIC 脚本版",
+    "url": "https://segmentfault.com/a/1190000042027403",
+    "author": "极客飞兔",
+    "home_url": "https://segmentfault.com/u/autofelix",
     "votes": "2",
     "rank": 25
   },
   {
-    "title": "蜻蜓低代码安全工具平台开发之路",
-    "description": "蜻蜓内测版在五一前夕上线了，很快就积累的很多工具，用户数也逐渐增多，但我也逐渐发现这种堆积式的平台没太多技术含量；我在想是否可以做一些有挑战的事情，正好这几年低代码平台比较火热，我在想是否能在安全...",
-    "url": "https://segmentfault.com/a/1190000042025141",
-    "author": "汤青松",
-    "home_url": "https://segmentfault.com/u/songboy",
+    "title": "React团队最近都在忙啥呢？",
+    "description": "大家好，我卡颂。不知道大家有没有一个感觉：React新特性的更新速度非常慢，时间通常是以年计。实际上，在React漫长的发展过程中，除了很多优秀的特性（比如Hooks、Suspense）外，还有很多最终没有落地的想法。这...",
+    "url": "https://segmentfault.com/a/1190000042038001",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
     "votes": "2",
     "rank": 26
   },
   {
-    "title": "netty系列之:HashedWheelTimer一种定时器的高效实现",
-    "description": "定时器是一种在实际的应用中非常常见和有效的一种工具，其原理就是把要执行的任务按照执行时间的顺序进行排序，然后在特定的时间进行执行。JAVA提供了java.util.Timer和java.util.concurrent.ScheduledThreadPool...",
-    "url": "https://segmentfault.com/a/1190000042010476",
-    "author": "flydean",
-    "home_url": "https://segmentfault.com/u/flydean",
-    "votes": "1",
+    "title": "MongoDB 关系实现",
+    "description": "MongoDB不同于我们常用的mysql，作为一款非关系型数据库，数据存储已类似于json格式存储在文档里，不存在外建，无法实现mysql的表格之间关联。那么，对于一对一，一对多，多对一，多对多关系如何实现呢？",
+    "url": "https://segmentfault.com/a/1190000042041143",
+    "author": "小强Zzz",
+    "home_url": "https://segmentfault.com/u/zhaokaiqiang",
+    "votes": "3",
     "rank": 27
   },
   {
-    "title": "go-zero微服务实战系列（五、缓存代码怎么写）",
-    "description": "缓存是高并发服务的基础，毫不夸张的说没有缓存高并发服务就无从谈起。本项目缓存使用Redis，Redis是目前主流的缓存数据库，支持丰富的数据类型，其中集合类型的底层主要依赖：整数数组、双向链表、哈希表、压缩...",
-    "url": "https://segmentfault.com/a/1190000042018127",
-    "author": "kevinwan",
-    "home_url": "https://segmentfault.com/u/kevinwan",
+    "title": "【Java面试】Kafka 怎么避免重复消费",
+    "description": "Hi，大家好，我是Mic一个工作5年的粉丝找到我。他说： “Mic老师，你要是能回答出这个问题，我就佩服你”我当场就懵了，现在打赌都这么随意了吗？我问他问题是什么，他说“Kafka如何避免重复消费的问题！”下面看看普...",
+    "url": "https://segmentfault.com/a/1190000042031261",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
     "votes": "1",
     "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",
+    "title": "ECMAScript 提案:.findLast()和.findLastIndex()从尾到头搜索数组",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000042023094",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 29
   },
   {
-    "title": "【Java面试】介绍下Spring IoC的工作流程",
-    "description": "Hi，我是Mic一个工作了4年的粉丝，在面试的时候遇到一个这样的问题。“介绍一下Spring IOC的工作流程”他说回答得不是很好，希望我能帮他梳理一下。关于这个问题，我们来看看普通人和高手的回答。",
-    "url": "https://segmentfault.com/a/1190000042009451",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "2",
+    "title": "【计算讲谈社】第三讲：如何提出关键问题",
+    "description": "“定义问题”往往比“回答问题”本身更重要。那什么问题是关键问题？如何提出关键问题？【计算讲谈社】第三讲上线，阿里巴巴研究员吴翰清（道哥）携学员针对该主题展开分享和讨论。",
+    "url": "https://segmentfault.com/a/1190000042034541",
+    "author": "大咖说",
+    "home_url": "https://segmentfault.com/u/dakashuo",
+    "votes": "1",
     "rank": 30
   }
 ]