@wcj/github-rank 22.6.18 → 22.6.19

package/dist/sifou-daily.json

@@ -1,56 +1 @@
-[
-  {
-    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
-    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
-    "url": "https://segmentfault.com/a/1190000041998615",
-    "author": "码哥字节",
-    "home_url": "https://segmentfault.com/u/magebyte",
-    "votes": "4",
-    "rank": 1
-  },
-  {
-    "title": "美团综合业务推荐系统的质量模型及实践",
-    "description": "推荐系统是效果导向的数据应用服务，在功能的“有”和“无”之间，有很长的效果“好”和“坏”的光谱。本文以用户请求的粒度建立质量模型，通过数据血缘关联了数据表、算法模型、系统服务和用户请求，并结合美团综合业务...",
-    "url": "https://segmentfault.com/a/1190000041996173",
-    "author": "美团技术团队",
-    "home_url": "https://segmentfault.com/u/meituanjishutuandui",
-    "votes": "2",
-    "rank": 2
-  },
-  {
-    "title": "系统困境与软件复杂度，为什么我们的系统会如此复杂",
-    "description": "有一天，一个医生和一个土木工程师在一起争论“谁是世界上最古老的职业”。医生说：“上帝用亚当的肋骨造出了夏娃，这是历史上第一次外科手术，所以最古老的职业应该是医生”，土木工程师说：“在创世纪之前，上帝从混...",
-    "url": "https://segmentfault.com/a/1190000041998329",
-    "author": "阿里巴巴移动技术",
-    "home_url": "https://segmentfault.com/u/alimobile",
-    "votes": "1",
-    "rank": 3
-  },
-  {
-    "title": "编程技巧│浏览器 Notification 桌面推送通知",
-    "description": "一、什么是 NotificationNotification 是浏览器最小化后在桌面显示消息的一种方法类似于 360 等流氓软件在桌面右下角的弹窗广告它与浏览器是脱离的，消息是置顶的二、弹窗授权授权当前页面允许通知可以通过检查只...",
-    "url": "https://segmentfault.com/a/1190000041998200",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
-    "votes": "1",
-    "rank": 4
-  },
-  {
-    "title": "前端命名规范",
-    "description": "命名类型总共有三种命名方式:PasaCase：大写驼峰式，如: MClascamelCase：小写驼峰式，比如: MyClasskebab-case：小写短横线，比如:my-class文件或文件夹的命名遵循以下原则:定义对象，统一使用PascalCase(大写驼...",
-    "url": "https://segmentfault.com/a/1190000041996652",
-    "author": "前端小可爱",
-    "home_url": "https://segmentfault.com/u/survivor_61d65fb5edf0d",
-    "votes": "1",
-    "rank": 5
-  },
-  {
-    "title": "iframe跨域的几种常用方法",
-    "description": "在开发日常中，会遇到使用iframe嵌套其他页面，想要与嵌套页面进行交互，常常会涉及打跨域问题，何为跨域？这涉及到同源策略，即协议、端口、域名相同则为同源",
-    "url": "https://segmentfault.com/a/1190000041996165",
-    "author": "mosquito",
-    "home_url": "https://segmentfault.com/u/mosquito_612af76da10ff",
-    "votes": "2",
-    "rank": 6
-  }
-]
+[]

package/dist/sifou-monthly.json

@@ -50,7 +50,7 @@
     "url": "https://segmentfault.com/a/1190000041974425",
     "author": "水冗水孚",
     "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "21",
+    "votes": "23",
     "rank": 6
   },
   {
@@ -71,6 +71,15 @@
     "votes": "21",
     "rank": 8
   },
+  {
+    "title": "搭建前端监控，如何采集异常数据？",
+    "description": "前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。",
+    "url": "https://segmentfault.com/a/1190000041962607",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "19",
+    "rank": 9
+  },
   {
     "title": "CSS 实现头像名称首字符自动占位",
     "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
@@ -78,7 +87,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "23",
-    "rank": 9
+    "rank": 10
   },
   {
     "title": "CSS 穿墙术！太强了",
@@ -87,15 +96,6 @@
     "author": "零一",
     "home_url": "https://segmentfault.com/u/zero2one",
     "votes": "23",
-    "rank": 10
-  },
-  {
-    "title": "搭建前端监控，如何采集异常数据？",
-    "description": "前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。",
-    "url": "https://segmentfault.com/a/1190000041962607",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "18",
     "rank": 11
   },
   {
@@ -104,7 +104,7 @@
     "url": "https://segmentfault.com/a/1190000041921498",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "17",
+    "votes": "19",
     "rank": 12
   },
   {
@@ -116,6 +116,15 @@
     "votes": "16",
     "rank": 13
   },
+  {
+    "title": "让拖拽更加人性化？如何自定义dragover样式",
+    "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
+    "url": "https://segmentfault.com/a/1190000041974546",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
+    "rank": 14
+  },
   {
     "title": "锁定项目 Node 版本和包管理器",
     "description": "成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。",
@@ -123,7 +132,7 @@
     "author": "亖混子",
     "home_url": "https://segmentfault.com/u/1023",
     "votes": "17",
-    "rank": 14
+    "rank": 15
   },
   {
     "title": "React Suspense 尝鲜,处理前后端IO异步操作",
@@ -132,7 +141,7 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "7",
-    "rank": 15
+    "rank": 16
   },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
@@ -141,15 +150,6 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "11",
-    "rank": 16
-  },
-  {
-    "title": "让拖拽更加人性化？如何自定义dragover样式",
-    "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
-    "url": "https://segmentfault.com/a/1190000041974546",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
     "rank": 17
   },
   {
@@ -206,6 +206,15 @@
     "votes": "12",
     "rank": 23
   },
+  {
+    "title": "如何自定义 drag 样式",
+    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
+    "url": "https://segmentfault.com/a/1190000041881296",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
+    "rank": 24
+  },
   {
     "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
     "description": "深居内陆的人们，大概每个人都有过大海之梦吧。夏日傍晚在沙滩漫步奔跑；或是在海上冲浪游泳；或是在海岛游玩探险；亦或静待日出日落……本文使用 React + Three.js 技术栈，实现 3D 海洋和岛屿，主要包含知识点包...",
@@ -213,7 +222,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
-    "rank": 24
+    "rank": 25
   },
   {
     "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
@@ -222,26 +231,8 @@
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
     "votes": "8",
-    "rank": 25
-  },
-  {
-    "title": "如何自定义 drag 样式",
-    "description": "欢迎关注我的公众号：前端侦探在 web 中，图片默认是可以拖拽的，通常是一个半透明的预览图（下面简称“预览图”），如下这个预览图是系统自动生成的，一般无法进行自定义，但有时候会觉得拖拽的预览图尺寸太大了，...",
-    "url": "https://segmentfault.com/a/1190000041881296",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "11",
     "rank": 26
   },
-  {
-    "title": "前端语音转文字实践总结",
-    "description": "最近准备一个技术分享，看到以前做的一个语音转文字的功能，放在slides上落灰了，索性整理到这里和大家分享下。从技术选型，到方案设计，到实际落地，可以说把全链路都覆盖到了。语音转写流程图PC端浏览器如何录...",
-    "url": "https://segmentfault.com/a/1190000041866984",
-    "author": "趁你还年轻",
-    "home_url": "https://segmentfault.com/u/chennihuannianqing",
-    "votes": "11",
-    "rank": 27
-  },
   {
     "title": "全球顶级交易所前端二面",
     "description": "背景今天早上在脉脉上看到一个关于BN的前端二面分享，作者出于纯粹的目的分享了一下最近的面试题。我觉得这是一套不错的面试题，于是分享给了大家。为什么会有这套面试题前端界，到底什么样子的项目，会用到这类...",
@@ -249,7 +240,7 @@
     "author": "Peter谭老师",
     "home_url": "https://segmentfault.com/u/jerrytanjinjie",
     "votes": "7",
-    "rank": 28
+    "rank": 27
   },
   {
     "title": "CSS 变量自动变色技术",
@@ -258,7 +249,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 29
+    "rank": 28
   },
   {
     "title": "JavaScript精度丢失原因以及解决方案",
@@ -267,6 +258,15 @@
     "author": "沉静地闪光",
     "home_url": "https://segmentfault.com/u/007008",
     "votes": "9",
+    "rank": 29
+  },
+  {
+    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
+    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
+    "url": "https://segmentfault.com/a/1190000041926694",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
     "rank": 30
   }
 ]

package/dist/sifou-weekly.json

@@ -5,9 +5,18 @@
     "url": "https://segmentfault.com/a/1190000041974425",
     "author": "水冗水孚",
     "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "21",
+    "votes": "23",
     "rank": 1
   },
+  {
+    "title": "让拖拽更加人性化？如何自定义dragover样式",
+    "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
+    "url": "https://segmentfault.com/a/1190000041974546",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "12",
+    "rank": 2
+  },
   {
     "title": "React Suspense 尝鲜,处理前后端IO异步操作",
     "description": "Suspense主要用来解决网络IO问题，它早在2018年的React 16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除：",
@@ -15,15 +24,6 @@
     "author": "葡萄城技术团队",
     "home_url": "https://segmentfault.com/u/grapecity",
     "votes": "7",
-    "rank": 2
-  },
-  {
-    "title": "让拖拽更加人性化？如何自定义dragover样式",
-    "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
-    "url": "https://segmentfault.com/a/1190000041974546",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
     "rank": 3
   },
   {
@@ -35,15 +35,6 @@
     "votes": "9",
     "rank": 4
   },
-  {
-    "title": "为什么Hook没有ErrorBoundary？",
-    "description": "在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。",
-    "url": "https://segmentfault.com/a/1190000041974765",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "4",
-    "rank": 5
-  },
   {
     "title": "前端性能监测，Runtime Performance Debug 技巧",
     "description": "提到 Web 前端的效能优化，有许多的技巧是聚焦在如何减少页面的“载入时间 Loading Time”，例如 Code Splitting 透过减少需要载入的 Bundle Size 来加快载入效能。也有些技巧是针对执行时期 (Runtime) 的优化与调...",
@@ -51,6 +42,15 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "7",
+    "rank": 5
+  },
+  {
+    "title": "为什么Hook没有ErrorBoundary？",
+    "description": "在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。",
+    "url": "https://segmentfault.com/a/1190000041974765",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "4",
     "rank": 6
   },
   {
@@ -59,7 +59,7 @@
     "url": "https://segmentfault.com/a/1190000041980427",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "9",
+    "votes": "10",
     "rank": 7
   },
   {
@@ -89,6 +89,15 @@
     "votes": "4",
     "rank": 10
   },
+  {
+    "title": "掘地三尺搞定 Redis 与 MySQL 数据一致性问题",
+    "description": "Redis 拥有高性能的数据读写功能，被我们广泛用在缓存场景，一是能提高业务系统的性能，二是为数据库抵挡了高并发的流量请求，点我 -> 解密 Redis 为什么这么快的秘密。把 Redis 作为缓存组件，需要防止出现以...",
+    "url": "https://segmentfault.com/a/1190000041998615",
+    "author": "码哥字节",
+    "home_url": "https://segmentfault.com/u/magebyte",
+    "votes": "5",
+    "rank": 11
+  },
   {
     "title": "什么是走索引？",
     "description": "索引是一种利用某种规则的数据结构与实际数据的关系加快数据查找的功能。我们的数据库中存储有大量的内容，而索引能够通过数据节点，根据特定的规则和算法快速查找到节点对应的实际文件的位置。简单来说索引就像...",
@@ -96,15 +105,6 @@
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
     "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",
     "rank": 12
   },
   {
@@ -116,6 +116,15 @@
     "votes": "2",
     "rank": 13
   },
+  {
+    "title": "2022中国信通院安全运营发展论坛成功召开",
+    "description": "6月10日，由中国信息通信研究院（以下简称“中国信通院”）主办的安全运营发展论坛在京召开。会上中国信通院公布了最新安全运营中心（SOC）能力评估、云工作负载保护平台（CWPP）能力评估与案例评选结果，发布《主...",
+    "url": "https://segmentfault.com/a/1190000041983409",
+    "author": "snakesss",
+    "home_url": "https://segmentfault.com/u/snakesss",
+    "votes": "1",
+    "rank": 14
+  },
   {
     "title": "SegmentFault 思否技术周刊 — 想玩转 Python？简直 So Easy！",
     "description": "Python，是一种面向对象、直译式电脑编程语言，也是一种功能强大的通用型语言，已经具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法非常简捷...",
@@ -123,7 +132,16 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "3",
-    "rank": 14
+    "rank": 15
+  },
+  {
+    "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": "5",
+    "rank": 16
   },
   {
     "title": "喜提JDK的BUG一枚！多线程的情况下请谨慎使用这个类的stream遍历。",
@@ -132,16 +150,7 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "2",
-    "rank": 15
-  },
-  {
-    "title": "JS实现JSON对象与URL参数的相互转换",
-    "description": "JSON对象转换为URL参数，主要有两种实现方式，一种是遍历JSON对象属性，另一种是使用 URLSearchParams ，下面分别结合代码介绍一下。",
-    "url": "https://segmentfault.com/a/1190000041961440",
-    "author": "十方",
-    "home_url": "https://segmentfault.com/u/shifang_5b2b70d160932",
-    "votes": "3",
-    "rank": 16
+    "rank": 17
   },
   {
     "title": "项目中关于解构的常用用法",
@@ -150,7 +159,7 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "4",
-    "rank": 17
+    "rank": 18
   },
   {
     "title": "Java 基础常见知识点&面试题总结(中)，2022 最新版！| JavaGuide",
@@ -159,15 +168,6 @@
     "author": "JavaGuide",
     "home_url": "https://segmentfault.com/u/javaguide",
     "votes": "2",
-    "rank": 18
-  },
-  {
-    "title": "实战模拟│企业微信机器人实时报错预警",
-    "description": "一、创建机器人选择群 ► 右键 ► 管理聊天信息 ► 添加群机器人完善机器人基本信息，包括头像、名称等二、机器人配置说明创建好的机器人都有一个唯一的 webhook 地址一定要保护好自己的 webhook 地址，如果一旦泄露...",
-    "url": "https://segmentfault.com/a/1190000041974376",
-    "author": "极客飞兔",
-    "home_url": "https://segmentfault.com/u/autofelix",
-    "votes": "1",
     "rank": 19
   },
   {
@@ -180,32 +180,23 @@
     "rank": 20
   },
   {
-    "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": "3",
+    "title": "得物前端唤端业务场景和技术精讲",
+    "description": "当你在刷朋友圈时突然看到一个潮鞋广告，正是你非常喜欢、一直想买的那款而且价格美丽，于是你兴奋地点击广告直接打开了购物App，并且直接进入刚刚看到的潮鞋详情页，你只需要直接点击购买就能得到这双你期待已久...",
+    "url": "https://segmentfault.com/a/1190000041986500",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "1",
     "rank": 21
   },
   {
-    "title": "还在用Navicat？这款开源的数据库管理工具界面更炫酷！",
-    "description": "数据库管理工具，是后端程序员使用频率非常高的的工具。Navicat、DataGrip虽然很好用，但都是收费的。最近在逛Github的时候，无意间发现了一款开源的数据库管理工具Beekeeper Studio，界面非常炫酷推荐给大家！",
-    "url": "https://segmentfault.com/a/1190000041979445",
-    "author": "macrozheng",
-    "home_url": "https://segmentfault.com/u/macrozheng",
+    "title": "实战模拟│企业微信机器人实时报错预警",
+    "description": "一、创建机器人选择群 ► 右键 ► 管理聊天信息 ► 添加群机器人完善机器人基本信息，包括头像、名称等二、机器人配置说明创建好的机器人都有一个唯一的 webhook 地址一定要保护好自己的 webhook 地址，如果一旦泄露...",
+    "url": "https://segmentfault.com/a/1190000041974376",
+    "author": "极客飞兔",
+    "home_url": "https://segmentfault.com/u/autofelix",
     "votes": "1",
     "rank": 22
   },
-  {
-    "title": "如何在 Vue 项目中，通过点击 DOM 自动定位VSCode中的代码行？",
-    "description": "现在大型的 Vue项目基本上都是多人协作开发，并且随着版本的迭代，Vue 项目中的组件数也会越来越多，如果此时让你负责不熟悉的页面功能开发，甚至你才刚刚加入这个项目，那么怎么样才能快速找到相关组件在整个项...",
-    "url": "https://segmentfault.com/a/1190000041958969",
-    "author": "vivo互联网技术",
-    "home_url": "https://segmentfault.com/u/vivo_tech",
-    "votes": "4",
-    "rank": 23
-  },
   {
     "title": "客观评价 增长趋势比 vite 还猛的 TailwindCSS",
     "description": "作者：pxn > 来源：medium有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
@@ -213,25 +204,25 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "2",
-    "rank": 24
+    "rank": 23
   },
   {
-    "title": "得物前端唤端业务场景和技术精讲",
-    "description": "当你在刷朋友圈时突然看到一个潮鞋广告，正是你非常喜欢、一直想买的那款而且价格美丽，于是你兴奋地点击广告直接打开了购物App，并且直接进入刚刚看到的潮鞋详情页，你只需要直接点击购买就能得到这双你期待已久...",
-    "url": "https://segmentfault.com/a/1190000041986500",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
-    "rank": 25
+    "title": "如何在 Vue 项目中，通过点击 DOM 自动定位VSCode中的代码行？",
+    "description": "现在大型的 Vue项目基本上都是多人协作开发，并且随着版本的迭代，Vue 项目中的组件数也会越来越多，如果此时让你负责不熟悉的页面功能开发，甚至你才刚刚加入这个项目，那么怎么样才能快速找到相关组件在整个项...",
+    "url": "https://segmentfault.com/a/1190000041958969",
+    "author": "vivo互联网技术",
+    "home_url": "https://segmentfault.com/u/vivo_tech",
+    "votes": "4",
+    "rank": 24
   },
   {
-    "title": "全球 77.5% 的网站都在用 PHP；百度一程序员删库被判 9 个月；OpenCV 4.6 发布 |  思否周刊",
-    "description": "40s 新闻速递百度一程序员 “删库” 被判刑 9 个月欧盟 2024 年起统一使用 Type-C 接口，苹果或于明年底发布 Type-C iPhone全球 77.5% 的网站都在用 php马斯克为收购 Twitter 筹集新资金的工作由于不确定性而暂停苹...",
-    "url": "https://segmentfault.com/a/1190000041970976",
-    "author": "snakesss",
-    "home_url": "https://segmentfault.com/u/snakesss",
+    "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",
-    "rank": 26
+    "rank": 25
   },
   {
     "title": "View UI Plus 发布 1.2.0 版本，新增 Image、Skeleton、Typography 组件",
@@ -240,17 +231,35 @@
     "author": "Aresn",
     "home_url": "https://segmentfault.com/u/aresn",
     "votes": "1",
+    "rank": 26
+  },
+  {
+    "title": "十年老友记 | @依云：曾经看到一句话：Coding changes the world!",
+    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
+    "url": "https://segmentfault.com/a/1190000041992859",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "1",
     "rank": 27
   },
   {
-    "title": "6 月 TIOBE 榜单：C++ 即将超越 Java 进入 Top3，PHP 热度再下滑",
-    "description": "近日，TIOBE 出炉了 2022 年 6 月份的编程语言趋势榜单。本次数据显示，C++ 的热度和流行趋势即将超越 Java，而 PHP 热度再下滑，已跌出前十。",
-    "url": "https://segmentfault.com/a/1190000041969334",
-    "author": "MissD",
-    "home_url": "https://segmentfault.com/u/d2ms1shh",
+    "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",
     "rank": 28
   },
+  {
+    "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",
+    "rank": 29
+  },
   {
     "title": "这个Spring Security登录插件牛啊，验证码、小程序、OAuth2都能快速接入",
     "description": "上次我们把验证码登录、小程序登录优雅地集成到了Spring Security，很多同学大呼过瘾，相比较一些传统玩法高级了很多。胖哥就赶紧抓住机会举一反三，把几个非标准的OAuth2也接入了进来，主要是微信、企业微信，做...",
@@ -258,15 +267,6 @@
     "author": "码农小胖哥",
     "home_url": "https://segmentfault.com/u/10000000",
     "votes": "2",
-    "rank": 29
-  },
-  {
-    "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",
-    "votes": "2",
     "rank": 30
   }
 ]