@wcj/github-rank 22.6.21 → 22.6.24

package/web/data/sifou-weekly.json

@@ -1,11 +1,11 @@
 [
   {
-    "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",
+    "title": "CSS实现可拉伸调整尺寸的分栏布局",
+    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
+    "url": "https://segmentfault.com/a/1190000042006775",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "23",
     "rank": 1
   },
   {
@@ -14,259 +14,259 @@
     "url": "https://segmentfault.com/a/1190000041998615",
     "author": "码哥字节",
     "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "12",
+    "votes": "19",
     "rank": 2
   },
   {
-    "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": "7",
+    "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",
     "rank": 3
   },
   {
-    "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": "如何移除你项目中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": "11",
     "rank": 4
   },
   {
-    "title": "使用 content-visibility 优化渲染性能",
-    "description": "content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。",
-    "url": "https://segmentfault.com/a/1190000041980427",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "10",
+    "title": "玩转 AbortController 控制器",
+    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
+    "url": "https://segmentfault.com/a/1190000042001788",
+    "author": "jump__jump",
+    "home_url": "https://segmentfault.com/u/jump_and_jump",
+    "votes": "6",
     "rank": 5
   },
   {
-    "title": "Redis都有哪些使用场景",
-    "description": "Redis作为一种内存型的非关系型的数据库，不管在互联网大厂，小厂，大项目和小项目中，几乎都会被使用。为什么Redis会受到如此青睐呢？关于这个问题，可能很多的程序员只是看着别人用而用，缺乏对Redis一个全面的...",
-    "url": "https://segmentfault.com/a/1190000041985101",
-    "author": "7small7",
-    "home_url": "https://segmentfault.com/u/7small7",
-    "votes": "4",
+    "title": "SegmentFault 思否社区 10 周年 | 寄语有奖获奖名单公布，快来领奖~",
+    "description": "哈喽各位社区的小伙伴！SegmentFault 思否社区 10 周年社区活动开奖啦，快来领奖~以下揭晓的是参与活动【寄语有奖】的中奖小伙伴 😍小伙伴们的祝福都在这里喔：「为我们的 10 周年喝彩」🌟获奖名单Tips:以【得票】...",
+    "url": "https://segmentfault.com/a/1190000042012599",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "6",
     "rank": 6
   },
   {
-    "title": "什么是走索引？",
-    "description": "索引是一种利用某种规则的数据结构与实际数据的关系加快数据查找的功能。我们的数据库中存储有大量的内容，而索引能够通过数据节点，根据特定的规则和算法快速查找到节点对应的实际文件的位置。简单来说索引就像...",
-    "url": "https://segmentfault.com/a/1190000041986392",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "4",
+    "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": 7
   },
   {
-    "title": "React新文档：不要滥用Ref哦～",
-    "description": "React新文档有个很有意思的细节：useRef、useEffect这两个API的介绍，在文档中所在的章节叫Escape Hatches（逃生舱）。",
-    "url": "https://segmentfault.com/a/1190000041991074",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "有意思的鼠标指针交互探究",
+    "description": "今天，来实现这样一个有意思的交互效果：将原本的鼠标指针样式，修改成自己想要的效果，并且添加上一些特殊的交互效果。修改鼠标样式首先，第一个问题，我们可以看到，上图中，鼠标指针的样式被修改成了一个圆点...",
+    "url": "https://segmentfault.com/a/1190000042012558",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "7",
     "rank": 8
   },
   {
-    "title": "SegmentFault 思否技术周刊 — 想玩转 Python？简直 So Easy！",
-    "description": "Python，是一种面向对象、直译式电脑编程语言，也是一种功能强大的通用型语言，已经具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法非常简捷...",
-    "url": "https://segmentfault.com/a/1190000041986657",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "3",
+    "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": "玩转 AbortController 控制器",
-    "description": "绝大部分情况，网络请求都是先请求先响应。但是某些情况下，由于未知的一些问题，可能会导致先请求的 api 后返回。最简单的解决方案就是添加 loading 状态，在所有请求都完成后才能进行下一次请求。",
-    "url": "https://segmentfault.com/a/1190000042001788",
-    "author": "jump__jump",
-    "home_url": "https://segmentfault.com/u/jump_and_jump",
+    "title": "利用微信公众号提供的官方API上传图片获取永久图片素材！当图床用！",
+    "description": "自己开发的小程序，例如社区类、电商类、新闻、博客等类型小程序，会需要储存很多图片，图片资源会给个人开发者带来很多成本，万一访问量大了，网站带宽、流量也会不堪重负，所以图片资源必然不合适储存在自己的...",
+    "url": "https://segmentfault.com/a/1190000041998801",
+    "author": "TANKING",
+    "home_url": "https://segmentfault.com/u/tanking",
     "votes": "3",
     "rank": 10
   },
   {
-    "title": "HTML DOM querySelectorAll() 代替 jquery的 $('') CSS选择器",
-    "description": "querySelectorAll()方法返回文档中匹配指定CSS选择器的所有元素，其效果与jquery的$('')选择器一样，不同的就是querySelectorAll()方法是Js原生方法，无需引入jquery.min.js库。",
-    "url": "https://segmentfault.com/a/1190000041984588",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "2",
+    "title": "Sass应用之实现主题切换",
+    "description": "实现主题切换有几种不同的方案，比如使用CSS变量，使用JavaScript动态加载对应的主题样式文件等。本文主要讲的是如何使用Sass实现主题切换。",
+    "url": "https://segmentfault.com/a/1190000042003368",
+    "author": "玛尔斯通",
+    "home_url": "https://segmentfault.com/u/zhouqichao",
+    "votes": "4",
     "rank": 11
   },
   {
-    "title": "2022中国信通院安全运营发展论坛成功召开",
-    "description": "6月10日，由中国信息通信研究院（以下简称“中国信通院”）主办的安全运营发展论坛在京召开。会上中国信通院公布了最新安全运营中心（SOC）能力评估、云工作负载保护平台（CWPP）能力评估与案例评选结果，发布《主...",
-    "url": "https://segmentfault.com/a/1190000041983409",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
-    "votes": "1",
+    "title": "敲了几万行源码后，我给Mybatis画了张“全地图”",
+    "description": "作者：小傅哥博客：[链接]沉淀、分享、成长，让自己和他人都能有所收获！😄一、说说：“产”后感受🤔有人跟我说，手写Spring难，手写Mybatis易？一股神奇的力量，让我在手写完 Spring 后，开始对 Mybatis 下手。最开...",
+    "url": "https://segmentfault.com/a/1190000042006269",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "4",
     "rank": 12
   },
   {
-    "title": "CSS实现可拉伸调整尺寸的分栏布局",
-    "description": "很多页面布局，特别是那种工具类的、比如编辑器、可视化平台等，为了充分的利用屏幕空间，都会提供拖拽调节各个分栏尺寸的功能，比如像 vscode",
-    "url": "https://segmentfault.com/a/1190000042006775",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
+    "title": "React Native如何做线上错误与性能监控",
+    "description": "我们每个人可能都会遇到这样的问题：即我们的代码在本地测试时没有问题，但是一上线运行，就会遇到各种奇奇怪怪的线上 Bug。由于本地测试场景并不能全面覆盖，对于这种线上的Bug，最有效的手段就是搭建线上监控系...",
+    "url": "https://segmentfault.com/a/1190000042008592",
+    "author": "xiangzhihong",
+    "home_url": "https://segmentfault.com/u/xiangzhihong",
+    "votes": "1",
     "rank": 13
   },
   {
-    "title": "得物前端唤端业务场景和技术精讲",
-    "description": "当你在刷朋友圈时突然看到一个潮鞋广告，正是你非常喜欢、一直想买的那款而且价格美丽，于是你兴奋地点击广告直接打开了购物App，并且直接进入刚刚看到的潮鞋详情页，你只需要直接点击购买就能得到这双你期待已久...",
-    "url": "https://segmentfault.com/a/1190000041986500",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
+    "title": "系统困境与软件复杂度，为什么我们的系统会如此复杂",
+    "description": "有一天，一个医生和一个土木工程师在一起争论“谁是世界上最古老的职业”。医生说：“上帝用亚当的肋骨造出了夏娃，这是历史上第一次外科手术，所以最古老的职业应该是医生”，土木工程师说：“在创世纪之前，上帝从混...",
+    "url": "https://segmentfault.com/a/1190000041998329",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
+    "votes": "3",
     "rank": 14
   },
   {
-    "title": "客观评价 增长趋势比 vite 还猛的 TailwindCSS",
-    "description": "作者：pxn > 来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041969112",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
+    "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": 15
   },
   {
-    "title": "还在用Navicat？这款开源的数据库管理工具界面更炫酷！",
-    "description": "数据库管理工具，是后端程序员使用频率非常高的的工具。Navicat、DataGrip虽然很好用，但都是收费的。最近在逛Github的时候，无意间发现了一款开源的数据库管理工具Beekeeper Studio，界面非常炫酷推荐给大家！",
-    "url": "https://segmentfault.com/a/1190000041979445",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
-    "votes": "1",
+    "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": 16
   },
   {
-    "title": "利用微信公众号提供的官方API上传图片获取永久图片素材！当图床用！",
-    "description": "自己开发的小程序，例如社区类、电商类、新闻、博客等类型小程序，会需要储存很多图片，图片资源会给个人开发者带来很多成本，万一访问量大了，网站带宽、流量也会不堪重负，所以图片资源必然不合适储存在自己的...",
-    "url": "https://segmentfault.com/a/1190000041998801",
-    "author": "TANKING",
-    "home_url": "https://segmentfault.com/u/tanking",
-    "votes": "2",
+    "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
   },
   {
-    "title": "十年老友记 | @依云：曾经看到一句话：Coding changes the world!",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041992859",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "1",
+    "title": "编程技巧│浏览器 Notification 桌面推送通知",
+    "description": "一、什么是 NotificationNotification 是浏览器最小化后在桌面显示消息的一种方法类似于 360 等流氓软件在桌面右下角的弹窗广告它与浏览器是脱离的，消息是置顶的二、弹窗授权授权当前页面允许通知可以通过检查只...",
+    "url": "https://segmentfault.com/a/1190000041998200",
+    "author": "极客飞兔",
+    "home_url": "https://segmentfault.com/u/autofelix",
+    "votes": "3",
     "rank": 18
   },
   {
-    "title": "十年老友记 | @王子亭：编程让我享受创造和解决问题的过程",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041993356",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "title": "美团综合业务推荐系统的质量模型及实践",
+    "description": "推荐系统是效果导向的数据应用服务，在功能的“有”和“无”之间，有很长的效果“好”和“坏”的光谱。本文以用户请求的粒度建立质量模型，通过数据血缘关联了数据表、算法模型、系统服务和用户请求，并结合美团综合业务...",
+    "url": "https://segmentfault.com/a/1190000041996173",
+    "author": "美团技术团队",
+    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
     "votes": "2",
     "rank": 19
   },
   {
-    "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": "解决k8s调度不均衡问题",
+    "description": "在近期的工作中，我们发现 k8s 集群中有些节点资源使用率很高，有些节点资源使用率很低，我们尝试重新部署应用和驱逐 Pod，发现并不能有效解决负载不均衡问题。在学习了 Kubernetes 调度原理之后，重新调整了 Req...",
+    "url": "https://segmentfault.com/a/1190000042005893",
+    "author": "劼哥stone",
+    "home_url": "https://segmentfault.com/u/stone0090",
     "votes": "1",
     "rank": 20
   },
   {
-    "title": "云音乐预估系统建设与实践",
-    "description": "预估系统的核心任务是完成模型计算，可以认为模型就是一个函数（举例：f(x1, x2)= ax1 + bx2 +c）。其中参数a、b、c是通过模型训练得出的权重值，自变量x1与x2就是特征，模型计算就是使...",
-    "url": "https://segmentfault.com/a/1190000041988087",
-    "author": "云音乐技术团队",
-    "home_url": "https://segmentfault.com/u/musicfe",
-    "votes": "1",
+    "title": "Vue3 Teleport，这个是真的好用！",
+    "description": "点赞再看，微信搜索【大迁世界】,B站关注【前端小智】这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub [链接] 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。",
+    "url": "https://segmentfault.com/a/1190000042006317",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 21
   },
   {
-    "title": "这个Spring Security登录插件牛啊，验证码、小程序、OAuth2都能快速接入",
-    "description": "上次我们把验证码登录、小程序登录优雅地集成到了Spring Security，很多同学大呼过瘾，相比较一些传统玩法高级了很多。胖哥就赶紧抓住机会举一反三，把几个非标准的OAuth2也接入了进来，主要是微信、企业微信，做...",
-    "url": "https://segmentfault.com/a/1190000041986074",
-    "author": "码农小胖哥",
-    "home_url": "https://segmentfault.com/u/10000000",
+    "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": 22
   },
   {
-    "title": "记录一个 Nginx-FastCGI-\"Primary script unknown\"  错误",
-    "description": "nginx和PHP环境都装好了，然后一运行就报错File not found，看了nginx错误日志之后，各种搜索找了解决方案都不行，一说文件权限问题，一说是php-fpm的权限问题，还有可能是nginx的问题。",
-    "url": "https://segmentfault.com/a/1190000041989673",
-    "author": "kumfo",
-    "home_url": "https://segmentfault.com/u/kumfo",
-    "votes": "1",
+    "title": "SegmentFault 思否技术周刊 -- 这份前端大杀招，接住！",
+    "description": "前端即网站前台部分，运行在 PC 端、移动端等浏览器上展现给用户浏览的网页。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计；前端开发则是网站的前台代码实现，是创建 WEB 页面或 A...",
+    "url": "https://segmentfault.com/a/1190000042018706",
+    "author": "Beverly",
+    "home_url": "https://segmentfault.com/u/beverly0",
+    "votes": "2",
     "rank": 23
   },
   {
-    "title": "系统困境与软件复杂度，为什么我们的系统会如此复杂",
-    "description": "有一天，一个医生和一个土木工程师在一起争论“谁是世界上最古老的职业”。医生说：“上帝用亚当的肋骨造出了夏娃，这是历史上第一次外科手术，所以最古老的职业应该是医生”，土木工程师说：“在创世纪之前，上帝从混...",
-    "url": "https://segmentfault.com/a/1190000041998329",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
-    "votes": "2",
+    "title": "只在工作日执行的脚本",
+    "description": "但是工作日有时候又不是简单的周一到周五，比如赶上个小长假什么的，有时候周六要上班，有时候周一又不上班，这时候这样的设置就容易乱，那我们怎么设置这个cronjob才能让他预知我们的放假排班计划，并做到丝毫不...",
+    "url": "https://segmentfault.com/a/1190000042013981",
+    "author": "张京",
+    "home_url": "https://segmentfault.com/u/fengerzh",
+    "votes": "1",
     "rank": 24
   },
   {
-    "title": "Goodbye！27 年“老古董”IE 浏览器迎来“退役”倒计时",
-    "description": "正如此前预告的那样，即将到来的（太平洋时间 6 月 15 日）也就是后天，微软将停止支持其浏览器的最新版本 IE11（Internet Explorer 11），取而代之的是其独家提供的 Microsoft Edge 浏览器。",
-    "url": "https://segmentfault.com/a/1190000041981116",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "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": "2",
     "rank": 25
   },
   {
-    "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": "前端项目中如何保证请求时序",
+    "description": "前端项目中经常遇到请求输入查找场景，防抖与截流很好处理了频繁输入问题，但是不能解决最先发起请求结果后返回，覆盖了最后一次的搜索结果，导致搜索结果不正确。我总结一下自己常用的两种方法。",
+    "url": "https://segmentfault.com/a/1190000042005959",
+    "author": "Ming_Up",
+    "home_url": "https://segmentfault.com/u/mray",
     "votes": "1",
     "rank": 26
   },
   {
-    "title": "美团综合业务推荐系统的质量模型及实践",
-    "description": "推荐系统是效果导向的数据应用服务，在功能的“有”和“无”之间，有很长的效果“好”和“坏”的光谱。本文以用户请求的粒度建立质量模型，通过数据血缘关联了数据表、算法模型、系统服务和用户请求，并结合美团综合业务...",
-    "url": "https://segmentfault.com/a/1190000041996173",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
+    "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",
     "rank": 27
   },
   {
-    "title": "webpack打包时如何修改文件名",
-    "description": "修改入口文件的文件名通过配置output的filename属性，可以动态的改变入口文件的文件路径和文件名，通常的我们会这样设置filename: \"[name].[chunkhash].js\"，而其中的name就是文件名修改的关键，这个na...",
-    "url": "https://segmentfault.com/a/1190000041982462",
-    "author": "hfhan",
-    "home_url": "https://segmentfault.com/u/hfhan",
+    "title": "TypeScript 中令人迷惑的对象类型：Object、{} 和 object",
+    "description": "JS 中所有对象的原型链缺省都继承自 Object.prototype，原始值有包装类型。所以 number、string、boolean、symbol、对象和函数都可以赋值给 Object 类型。",
+    "url": "https://segmentfault.com/a/1190000041998447",
+    "author": "deepfunc",
+    "home_url": "https://segmentfault.com/u/deepfunc",
     "votes": "1",
     "rank": 28
   },
   {
-    "title": "【Java面试】TCP协议为什么要设计三次握手？",
-    "description": "一个工作5年的粉丝，最近去面试了很多公司，每次都被各种技术原理题问得语无伦次。由于找了快1个月时间的工作，有点焦虑，来向我求助。我能做的只是保证每天更新一个面试题，然后问他印象最深刻的一个面试题是什...",
-    "url": "https://segmentfault.com/a/1190000041991850",
-    "author": "跟着Mic学架构",
-    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
-    "votes": "2",
+    "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": "Proxy学习",
-    "description": "Map，Set，Date，Promise 等内置类型，都使用了所谓的\"内部插槽\"，类似于对象的私有属性，不允许外部访问，所以当代理没做处理时，直接代理他们会发生错误。",
-    "url": "https://segmentfault.com/a/1190000041992118",
-    "author": "小绵羊",
-    "home_url": "https://segmentfault.com/u/xiaomianyang_5a5c183e17d47",
-    "votes": "1",
+    "title": "停止像这样使用 \"async/await\"，改用原版",
+    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
+    "url": "https://segmentfault.com/a/1190000041969126",
+    "author": "前端小智",
+    "home_url": "https://segmentfault.com/u/minnanitkong",
+    "votes": "2",
     "rank": 30
   }
 ]