@wcj/github-rank 22.6.14 → 22.6.17

package/web/data/sifou-daily.json

@@ -1,92 +1,128 @@
 [
   {
-    "title": "【实操干货】做好这 16 项优化，你的 Linux 操作系统焕然一新",
-    "description": "大家好，这次跟大家谈谈又拍云的操作系统优化方案。往简单地说，我们使用的 Linux 操作系统主要都是基于 CentOS6/7 的精简和优化。往复杂地说，则是我们有两套系统，业务上使用的定制 Linux 系统和数据中心使用的...",
-    "url": "https://segmentfault.com/a/1190000041974556",
-    "author": "云叔_又拍云",
-    "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "5",
+    "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": 1
   },
   {
-    "title": "巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）",
-    "description": "看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态...",
-    "url": "https://segmentfault.com/a/1190000041974425",
-    "author": "水冗水孚",
-    "home_url": "https://segmentfault.com/u/shuirongshui",
-    "votes": "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": "7",
     "rank": 2
   },
   {
-    "title": "为什么Hook没有ErrorBoundary？",
-    "description": "在很多全面使用Hooks开发的团队，唯一使用ClassComponent的场景就是使用ClassComponent创建ErrorBoundary。",
-    "url": "https://segmentfault.com/a/1190000041974765",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "2",
+    "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",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "让拖拽更加人性化？如何自定义dragover样式",
-    "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
-    "url": "https://segmentfault.com/a/1190000041974546",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "4",
+    "title": "怎样写个sdk嵌套到别的项目？",
+    "description": "需求：客户的项目需要用我们的功能，且需要提供个modal嵌入到他们的项目里，在他们的table中点击对应的item，弹出我提供的modal。解决方案项目使用cra构建，使用webpack的library导出为一个库给第三方使用, 官方...",
+    "url": "https://segmentfault.com/a/1190000041994702",
+    "author": "assassin_cike",
+    "home_url": "https://segmentfault.com/u/assassin",
+    "votes": "1",
     "rank": 4
   },
   {
-    "title": "项目中关于解构的常用用法",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041973838",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "3",
+    "title": "基于xgplayer编写一个artc插件，实现阿里云低延迟直播",
+    "description": "最近一直在配合业务和集团的小伙伴处理一些直播上的需求。他们起先看上了磐厚年会的那个直播项目，里面的弹幕功能和一些播放功能都是他们觉得符合他们诉求的内容。",
+    "url": "https://segmentfault.com/a/1190000041992498",
+    "author": "JFJSWEB",
+    "home_url": "https://segmentfault.com/u/jfjsweb",
+    "votes": "1",
     "rank": 5
   },
   {
-    "title": "本周三晚19：00Hello HarmonyOS应用篇第7课—分布式应用开发",
-    "description": "6月15日19:00 Hello HarmonyOS系列应用篇迎来的本系列直播课的最后一课，将会有怎样的精彩呈现呢？万物互联的时代已经来临，如果你想运用过往的技术，开发一个有“跨设备操作、多设备协同”功能的应用，那么你一定...",
-    "url": "https://segmentfault.com/a/1190000041976000",
-    "author": "HarmonyOS开发者",
-    "home_url": "https://segmentfault.com/u/harmonyos",
+    "title": "Proxy学习",
+    "description": "Map，Set，Date，Promise 等内置类型，都使用了所谓的\"内部插槽\"，类似于对象的私有属性，不允许外部访问，所以当代理没做处理时，直接代理他们会发生错误。",
+    "url": "https://segmentfault.com/a/1190000041992118",
+    "author": "小绵羊",
+    "home_url": "https://segmentfault.com/u/xiaomianyang_5a5c183e17d47",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "View UI Plus 发布 1.2.0 版本，新增 Image、Skeleton、Typography 组件",
-    "description": "新增排版组件 Typography，内置丰富的内容排版 UI，支持拷贝、可编辑、省略等功能。Typography 共包含 5 个组件：Typography 内容结构",
-    "url": "https://segmentfault.com/a/1190000041975376",
-    "author": "Aresn",
-    "home_url": "https://segmentfault.com/u/aresn",
+    "title": "十年老友记 | @王子亭：编程让我享受创造和解决问题的过程",
+    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
+    "url": "https://segmentfault.com/a/1190000041993356",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "Java 基础常见知识点&面试题总结(中)，2022 最新版！| JavaGuide",
-    "description": "你好，我是 Guide。秋招即将到来，我对 JavaGuide 的内容进行了重构完善，公众号同步一下最新更新，希望能够帮助你。上篇：Java 基础常见知识点&面试题总结(上)，2022 最新版！原文地址： [链接]面向对象基础面向...",
-    "url": "https://segmentfault.com/a/1190000041978372",
-    "author": "JavaGuide",
-    "home_url": "https://segmentfault.com/u/javaguide",
+    "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": 8
   },
   {
-    "title": "【服务器数据恢复】RAID5无法识别的数据恢复案例",
-    "description": "服务器数据恢复环境：一台HP服务器借助hp smart array控制器组建了一组由14块146G SCSI硬盘组成RAID5；服务器操作系统为LINUX，在服务器上搭建了NFS+FTP，作为公司内部文件服务器使用。",
-    "url": "https://segmentfault.com/a/1190000041974878",
-    "author": "北亚数据恢复",
-    "home_url": "https://segmentfault.com/u/beiyashujuhuifu",
+    "title": "「WGCLOUD」server启动错误信息：Table 'wgcloud.SYSTEM_INFO' doesn't exist",
+    "description": "1、这个错误是wgcloud数据库中没有创建表，也就是我们没有导入sql脚本来初始化数据库，sql脚本在安装包里，如下图所示，我们导入对应的sql就可以了，一个是mysql的初始化脚本，一个是postgresql的初始化脚本",
+    "url": "https://segmentfault.com/a/1190000041991526",
+    "author": "徐三刀",
+    "home_url": "https://segmentfault.com/u/9b3sps2b",
     "votes": "1",
     "rank": 9
   },
   {
-    "title": "实战模拟│企业微信机器人实时报错预警",
-    "description": "一、创建机器人选择群 ► 右键 ► 管理聊天信息 ► 添加群机器人完善机器人基本信息，包括头像、名称等二、机器人配置说明创建好的机器人都有一个唯一的 webhook 地址一定要保护好自己的 webhook 地址，如果一旦泄露...",
-    "url": "https://segmentfault.com/a/1190000041974376",
-    "author": "程序员亮仔",
-    "home_url": "https://segmentfault.com/u/cxyliangzai",
-    "votes": "1",
+    "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": "2",
     "rank": 10
+  },
+  {
+    "title": "微服务之服务注册和服务发现篇",
+    "description": "有了服务注册和发现机制，消费者不需要知道具体服务提供者的真实物理地址就可以进行调用，也无须知道具体有多少个服务者可用；而服务提供者只需要注册到注册中心，就可以对外提供服务，在对外服务时不需要知道具...",
+    "url": "https://segmentfault.com/a/1190000041992344",
+    "author": "seth-shi",
+    "home_url": "https://segmentfault.com/u/seth9shi",
+    "votes": "1",
+    "rank": 11
+  },
+  {
+    "title": "0基础如何快速学习Java？",
+    "description": "进入IT行业有四五年，见了不少新人，面试了不少新人，也带了一些新人，作为老司机可以给大家一些建议。1.关于书籍新人们常常会说看了多少多少的书，看过谁写的书，仿佛书看得多懂得也就多了。其实不然，很多新人...",
+    "url": "https://segmentfault.com/a/1190000041991741",
+    "author": "捷码",
+    "home_url": "https://segmentfault.com/u/jiema",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "简述 JS 中的小数化整",
+    "description": "JS 的数字都是双浮点类型，在我们平时使用中经常会有数字化整或保留几位小数的需求。前些日子拼多多就以显示空间有限，在 99.99 后还有未显示的 6 位小数为由打赢了官司",
+    "url": "https://segmentfault.com/a/1190000041993090",
+    "author": "清隆",
+    "home_url": "https://segmentfault.com/u/qinglong_62898aa51988d",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "【Java面试】TCP协议为什么要设计三次握手？",
+    "description": "一个工作5年的粉丝，最近去面试了很多公司，每次都被各种技术原理题问得语无伦次。由于找了快1个月时间的工作，有点焦虑，来向我求助。我能做的只是保证每天更新一个面试题，然后问他印象最深刻的一个面试题是什...",
+    "url": "https://segmentfault.com/a/1190000041991850",
+    "author": "跟着Mic学架构",
+    "home_url": "https://segmentfault.com/u/fukua_5be8034f8191f",
+    "votes": "2",
+    "rank": 14
   }
 ]

package/web/data/sifou-monthly.json

@@ -5,17 +5,26 @@
     "url": "https://segmentfault.com/a/1190000041925065",
     "author": "joyqi",
     "home_url": "https://segmentfault.com/u/joyqi",
-    "votes": "46",
+    "votes": "48",
     "rank": 1
   },
+  {
+    "title": "浅谈逻辑选择器 -- 父选择器它来了！",
+    "description": "在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...",
+    "url": "https://segmentfault.com/a/1190000041860587",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "33",
+    "rank": 2
+  },
   {
     "title": "妙啊！动画还可以这样控制？",
     "description": "今天，有在群里看到这样一个问题：有一个动画，一开始静止处于第一帧，只在用户 hover 的时候运行动画，在运行一次后停止，并且停留在最后一帧，使用 CSS 可以完成么？",
     "url": "https://segmentfault.com/a/1190000041887820",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "30",
-    "rank": 2
+    "votes": "31",
+    "rank": 3
   },
   {
     "title": "如何实现一个能精确同步滚动的Markdown编辑器",
@@ -23,8 +32,8 @@
     "url": "https://segmentfault.com/a/1190000041881142",
     "author": "街角小林",
     "home_url": "https://segmentfault.com/u/jiejiaoxiaolin",
-    "votes": "25",
-    "rank": 3
+    "votes": "28",
+    "rank": 4
   },
   {
     "title": "归零进一 | SegmentFault 思否社区 10 周年社区福利来了！",
@@ -32,17 +41,17 @@
     "url": "https://segmentfault.com/a/1190000041925107",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "26",
-    "rank": 4
+    "votes": "29",
+    "rank": 5
   },
   {
-    "title": "浅谈逻辑选择器 -- 父选择器它来了！",
-    "description": "在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员：:is:where:not:has本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。:is 伪类选择器:is() CSS伪类函数...",
-    "url": "https://segmentfault.com/a/1190000041860587",
+    "title": "文字轮播与图片轮播？CSS 不在话下",
+    "description": "今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...",
+    "url": "https://segmentfault.com/a/1190000041947673",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "26",
-    "rank": 5
+    "votes": "34",
+    "rank": 6
   },
   {
     "title": "SegmentFault 思否技术周刊 -- Go 语言通关攻略",
@@ -51,15 +60,6 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "22",
-    "rank": 6
-  },
-  {
-    "title": "文字轮播与图片轮播？CSS 不在话下",
-    "description": "今天，分享一个实际业务中能够用得上的动画技巧。巧用逐帧动画，配合补间动画实现一个无限循环的轮播效果，像是这样：看到上述示意图，有同学不禁会发问，这不是个非常简单的位移动画么？我们来简单分析分析，从...",
-    "url": "https://segmentfault.com/a/1190000041947673",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
     "rank": 7
   },
   {
@@ -68,7 +68,7 @@
     "url": "https://segmentfault.com/a/1190000041879217",
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "22",
+    "votes": "25",
     "rank": 8
   },
   {
@@ -77,44 +77,35 @@
     "url": "https://segmentfault.com/a/1190000041885333",
     "author": "xindoo",
     "home_url": "https://segmentfault.com/u/xindoo",
-    "votes": "20",
+    "votes": "21",
     "rank": 9
   },
-  {
-    "title": "CSS 穿墙术！太强了",
-    "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
-    "url": "https://segmentfault.com/a/1190000041887095",
-    "author": "零一",
-    "home_url": "https://segmentfault.com/u/zero2one",
-    "votes": "22",
-    "rank": 10
-  },
   {
     "title": "CSS 实现头像名称首字符自动占位",
     "description": "在 web 中经常会见到这样的设计，很多 UI 组件库也称之为 Avator 组件，也就是头像的意思，当头像未设置时，会显示名称的首字符充当默认头像，如下所示：",
     "url": "https://segmentfault.com/a/1190000041940807",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "20",
-    "rank": 11
+    "votes": "23",
+    "rank": 10
   },
   {
-    "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
-    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
-    "url": "https://segmentfault.com/a/1190000041926662",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "title": "巧妙使用Vue.extend继承组件实现el-table双击可编辑（不使用v-if和v-else）",
+    "description": "看了一下网上的帖子，大多数都是搞两部分dom，一块是输入框，用于编辑状态填写；另一块是普通标签，用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态...",
+    "url": "https://segmentfault.com/a/1190000041974425",
+    "author": "水冗水孚",
+    "home_url": "https://segmentfault.com/u/shuirongshui",
     "votes": "16",
-    "rank": 12
+    "rank": 11
   },
   {
-    "title": "如何做新人引导功能？",
-    "description": "节前碰到一个需求：「新人引导效果」针对第一次使用平台的用户进行主要功能引导。具体引导路径为：点击“新增按钮”，对弹出的内容进行解释，并引导用户填充表单，最后提交表单。",
-    "url": "https://segmentfault.com/a/1190000041789636",
-    "author": "linong",
-    "home_url": "https://segmentfault.com/u/linong",
-    "votes": "13",
-    "rank": 13
+    "title": "CSS 穿墙术！太强了",
+    "description": "大家好，我是零一，今天给大家分享 CSS 中一个神奇的属性：filter，为什么说它神奇？正如我标题所说的，我突然发现它能帮我们轻松实现 穿墙特效，类似这种的👇",
+    "url": "https://segmentfault.com/a/1190000041887095",
+    "author": "零一",
+    "home_url": "https://segmentfault.com/u/zero2one",
+    "votes": "23",
+    "rank": 12
   },
   {
     "title": "SegmentFault 思否技术周刊 -- JavaScript 的那些事",
@@ -122,9 +113,27 @@
     "url": "https://segmentfault.com/a/1190000041921498",
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
-    "votes": "16",
+    "votes": "17",
+    "rank": 13
+  },
+  {
+    "title": "搭建前端监控，如何采集异常数据？",
+    "description": "前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。",
+    "url": "https://segmentfault.com/a/1190000041962607",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "17",
     "rank": 14
   },
+  {
+    "title": "十年老友记 | @张京：我编程了三十年，编程就是我的符号",
+    "description": "十年前的今天，SegmentFault 思否正式创立，如一颗嫩绿的幼芽开始成长，期间承载过和煦的日光、沐浴过柔和的春风，也挑战过滂沱的暴雨、体会过凛冽的冬雪。所幸，今日呈现在我们面前的 SegmentFault 思否，已经长...",
+    "url": "https://segmentfault.com/a/1190000041926662",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "16",
+    "rank": 15
+  },
   {
     "title": "SegmentFault 思否技术周刊 -- 进击的 React",
     "description": "React 是一个免费的开放源代码前端 JavaScript 工具库， 用于基于 UI 组件构建用户界面。 它由 Meta 和一个由个人开发者和公司组成的社群维护。 React 可用作开发具有 Next.js 等框架的单页、手机或服务器渲染应...",
@@ -132,7 +141,43 @@
     "author": "Beverly",
     "home_url": "https://segmentfault.com/u/beverly0",
     "votes": "11",
-    "rank": 15
+    "rank": 16
+  },
+  {
+    "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": 17
+  },
+  {
+    "title": "锁定项目 Node 版本和包管理器",
+    "description": "成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。",
+    "url": "https://segmentfault.com/a/1190000041918155",
+    "author": "亖混子",
+    "home_url": "https://segmentfault.com/u/1023",
+    "votes": "16",
+    "rank": 18
+  },
+  {
+    "title": "让拖拽更加人性化？如何自定义dragover样式",
+    "description": "欢迎关注微信公众号： 前端侦探在 web 开发中，经常会碰到需要拖拽的场景。为了更好的体验，拖拽区域需要有一定的变化提示，告诉用户：\"现在可以放在这里了~\"，例如这样的之前在这篇文章讲述了如何自定义 drag 样...",
+    "url": "https://segmentfault.com/a/1190000041974546",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "10",
+    "rank": 19
+  },
+  {
+    "title": "干货合集│最好用的 python 库都在这",
+    "description": "一、分词 - jieba优秀的中文分词库，依靠中文词库，利用词库确定汉子之间关联的概率，形成分词结果 {代码...} 二、词云库 - wordcloud对数据中出现频率较高的 关键词 生成的一幅图像，予以视觉上的突出 {代码...}...",
+    "url": "https://segmentfault.com/a/1190000041962217",
+    "author": "极客飞兔",
+    "home_url": "https://segmentfault.com/u/autofelix",
+    "votes": "8",
+    "rank": 20
   },
   {
     "title": "云原生时代 PHP/Golang 项目如何实现微服务",
@@ -141,7 +186,7 @@
     "author": "韩天峰",
     "home_url": "https://segmentfault.com/u/hantianfeng",
     "votes": "9",
-    "rank": 16
+    "rank": 21
   },
   {
     "title": "这个队列的思路是真的好，现在它是我简历上的亮点了。",
@@ -150,7 +195,7 @@
     "author": "why技术",
     "home_url": "https://segmentfault.com/u/whyjishu",
     "votes": "10",
-    "rank": 17
+    "rank": 22
   },
   {
     "title": "无需安装、注册，一行命令搞定内网穿透！关键是完全免费",
@@ -159,7 +204,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "12",
-    "rank": 18
+    "rank": 23
   },
   {
     "title": "Base64 编码知识，一文打尽！",
@@ -167,26 +212,8 @@
     "url": "https://segmentfault.com/a/1190000041894263",
     "author": "云叔_又拍云",
     "home_url": "https://segmentfault.com/u/yunshu_blog",
-    "votes": "11",
-    "rank": 19
-  },
-  {
-    "title": "js面试题(进阶)梳理",
-    "description": "1、undeclared 与 undefined的区别？ {代码...} 2、let & const与 var 的区别？ {代码...} 3、获取DOM元素有哪些方法？方法描述document.getElementById(id)通过id获取domdocument.getElementsByTagName(tagName)...",
-    "url": "https://segmentfault.com/a/1190000041855296",
-    "author": "墨城",
-    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
-    "votes": "15",
-    "rank": 20
-  },
-  {
-    "title": "搭建前端监控，如何采集异常数据？",
-    "description": "前两篇，我们介绍了为什么前端应该有监控系统，以及搭建前端监控的总体步骤，前端监控的 Why 和 What 想必你已经明白了。接下来我们解决 How 如何实现的问题。",
-    "url": "https://segmentfault.com/a/1190000041962607",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "11",
-    "rank": 21
+    "votes": "12",
+    "rank": 24
   },
   {
     "title": "Three.js 打造缤纷夏日3D梦中情岛 🌊",
@@ -195,16 +222,7 @@
     "author": "dragonir",
     "home_url": "https://segmentfault.com/u/dragonir",
     "votes": "10",
-    "rank": 22
-  },
-  {
-    "title": "锁定项目 Node 版本和包管理器",
-    "description": "成员机器 Node.js 版本不统一： 守旧派用 12.x、保守用 14.x、激进用 17.x。项目能否正常跑起来全凭天意，在没有 CICD 流水线加持本地 npm run build 的场景下线上风险可想而知。",
-    "url": "https://segmentfault.com/a/1190000041918155",
-    "author": "亖混子",
-    "home_url": "https://segmentfault.com/u/1023",
-    "votes": "14",
-    "rank": 23
+    "rank": 25
   },
   {
     "title": "云计算的未来在哪？破解亚马逊云科技增长神话",
@@ -212,8 +230,8 @@
     "url": "https://segmentfault.com/a/1190000041953821",
     "author": "六一",
     "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "7",
-    "rank": 24
+    "votes": "8",
+    "rank": 26
   },
   {
     "title": "如何自定义 drag 样式",
@@ -222,7 +240,7 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "11",
-    "rank": 25
+    "rank": 27
   },
   {
     "title": "全球顶级交易所前端二面",
@@ -231,24 +249,6 @@
     "author": "Peter谭老师",
     "home_url": "https://segmentfault.com/u/jerrytanjinjie",
     "votes": "7",
-    "rank": 26
-  },
-  {
-    "title": "JavaScript精度丢失原因以及解决方案",
-    "description": "由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...",
-    "url": "https://segmentfault.com/a/1190000041941297",
-    "author": "沉静地闪光",
-    "home_url": "https://segmentfault.com/u/007008",
-    "votes": "9",
-    "rank": 27
-  },
-  {
-    "title": "社区的力量 | SegmentFault 思否十周年，伙伴们说",
-    "description": "开发者更像是厨师，治大国如烹小鲜，写代码如做甜点。下一个十年，不是技术行业的十年，而会是全行业的技术十年。愿乘风破万里浪，看十年发展必辉煌。—— 陈加贝，vika 维格联合创始人兼 CTO ✨",
-    "url": "https://segmentfault.com/a/1190000041926694",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "5",
     "rank": 28
   },
   {
@@ -257,16 +257,16 @@
     "url": "https://segmentfault.com/a/1190000041914954",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "10",
+    "votes": "11",
     "rank": 29
   },
   {
-    "title": "13 个Typescript 实用类型：开发人员的备忘单",
-    "description": "我们可以为 UserProfileResponse 定义类型，并为 LoginResponse 挑选一些属性，而不是定义相同上下文的 LoginResponse 和 UserProfileResponse 的类型。",
-    "url": "https://segmentfault.com/a/1190000041782911",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "14",
+    "title": "JavaScript精度丢失原因以及解决方案",
+    "description": "由于计算机的底层是由二进制实现的，有些运算的数字无法全部显示出来。就像一些无理数不能完全显示出来一样，如圆周率 3.1415926...，0.3333... 等。JavaScript遵循IEEE754规范，采用双精度存储（double precisio...",
+    "url": "https://segmentfault.com/a/1190000041941297",
+    "author": "沉静地闪光",
+    "home_url": "https://segmentfault.com/u/007008",
+    "votes": "9",
     "rank": 30
   }
 ]