@wcj/github-rank 22.10.12 → 22.10.14

package/dist/sifou-daily.json

@@ -1,74 +1,128 @@
 [
   {
-    "title": "快速了解 inert 属性",
-    "description": "欢迎关注我的公众号：前端侦探介绍一个全新的、和用户行为息息相关的属性：inert。HTMLElement.inert - Web APIs | MDN (mozilla.org)有了这个属性，可以更加轻易地控制很多交互行为，花几分钟了解一下吧一、iner...",
-    "url": "https://segmentfault.com/a/1190000042595978",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
+    "title": "字节跳动后端面经五",
+    "description": "b+树底层是双向链表还是单向TCP为什么要第四次挥手对称加密和非对称加密介绍ARP协议工作原理？ARP攻击？如何解决？token过期机制MySQL索引使用的什么数据结构，B+树和B树的区别mysql主备分离的作用？mysql采用主...",
+    "url": "https://segmentfault.com/a/1190000042622277",
+    "author": "zydybaby",
+    "home_url": "https://segmentfault.com/u/zydybaby",
     "votes": "1",
     "rank": 1
   },
   {
-    "title": "致「独一无二」的你｜1024 程序员节系列活动启动",
-    "description": "不知道刚过完小长假的大家，有没有假期模式切换回（连上 7 天班的）工作模式呢？😶‍🌫️ 10 月可不止有国庆节，还有咱们开发者群体不可错过的「1024 程序员节」～",
-    "url": "https://segmentfault.com/a/1190000042598682",
-    "author": "SegmentFault思否",
-    "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "2",
+    "title": "基于 Impala 的高性能数仓实践之物化视图服务",
+    "description": "接上篇，前两篇分别讲了执行引擎和虚拟数仓，它们是让一个 SQL 又快又好地执行的关键。但如果某些 SQL 过于复杂，比如多张大表进行 Join 并有大量的聚合类操作，那么再优秀的执行引擎也无法保证能够秒级执行完成...",
+    "url": "https://segmentfault.com/a/1190000042621298",
+    "author": "网易数帆",
+    "home_url": "https://segmentfault.com/u/163yun",
+    "votes": "1",
     "rank": 2
   },
   {
-    "title": "前端框架：性能与灵活性的取舍",
-    "description": "大家好，我卡颂。针对前端框架，长期存在着各种纷争。其中争论比较大的是下面两项：性能之争API设计之争比如，各大新兴框架都会掏出benchmark证明自己优秀的运行时性能，在这些benchmark中React通常是垫底的存在...",
-    "url": "https://segmentfault.com/a/1190000042598225",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
-    "votes": "2",
+    "title": "JSON对象转换TypeScript声明",
+    "description": "TS使开发人员能够掌握各种组件的交互方式，并使代码重构变得更加容易；但对于需要准确定义的类型，在使用时会比较麻烦。特别是涉及数个及数十个后端接口数据的类型定义，会有大量的转换和的时间成本。通过VSCode...",
+    "url": "https://segmentfault.com/a/1190000042617645",
+    "author": "兰俊秋雨",
+    "home_url": "https://segmentfault.com/u/qianxiaqingkong",
+    "votes": "1",
     "rank": 3
   },
   {
-    "title": "从边缘视角展望元宇宙",
-    "description": "如今，在边缘环境部署成百上千互联设备已经不再新奇。在工厂和工程设施中，自从微芯片问世以来，PLC 就接管了工业设备的监控任务，并且一直在简化相应的工作流程。而今的不同在于，网络节点的构成以及其中容纳的...",
-    "url": "https://segmentfault.com/a/1190000042606166",
-    "author": "Rancher",
-    "home_url": "https://segmentfault.com/u/rancher",
+    "title": "【YOLOv5】LabVIEW+YOLOv5快速实现实时物体识别（Object Detection）含源码",
+    "description": "前面我们给大家介绍了基于LabVIEW+YOLOv3/YOLOv4的物体识别（对象检测），今天接着上次的内容再来看看YOLOv5。本次主要是和大家分享使用LabVIEW快速实现yolov5的物体识别，本博客中使用的智能工具包可到主页置顶...",
+    "url": "https://segmentfault.com/a/1190000042617569",
+    "author": "wangstoudamire",
+    "home_url": "https://segmentfault.com/u/wangstoudamire_62b438915bf66",
     "votes": "1",
     "rank": 4
   },
   {
-    "title": "得物 × StarRocks：潮流网购社区的极速 OLAP 实践",
-    "description": "#01为什么是 StarRocks—新一代极速全场景 MPP 数据库，可以用 StarRocks 来支持多种数据分析场景的极速分析；架构简洁，采用了全面向量化引擎，并配备全新设计的 CBO 优化器，查询极速（尤其是多表关联查询）；很...",
-    "url": "https://segmentfault.com/a/1190000042606053",
-    "author": "StarRocks",
-    "home_url": "https://segmentfault.com/u/starrocks",
+    "title": "Python多进程——进程池的开启和多进程操作同一个List",
+    "description": "为什么要使用多进程目标网站数据量多，想赶时间多获取点东西？数据库大批量的数据需要操作？单纯的想要节省时间，早早下班？............肯定会有人说【多线程】。Python的多线程为了数据安全设置了GIL全局解释器...",
+    "url": "https://segmentfault.com/a/1190000042616103",
+    "author": "ipidea",
+    "home_url": "https://segmentfault.com/u/ipidea",
     "votes": "1",
     "rank": 5
   },
   {
-    "title": "技术分享 | Presto性能对比测试：Kubernetes部署 VS 物理机部署",
-    "description": "Presto是开源分布式SQL查询引擎，可以对从GB到PB级大小的数据源进行交互式分析查询。Presto支持Hive、Cassandra、关系型数据库甚至专有数据存储等多种数据源，允许跨源查询。（详见参考[1] ）",
-    "url": "https://segmentfault.com/a/1190000042600271",
-    "author": "Alluxio",
-    "home_url": "https://segmentfault.com/u/alluxio_tianyu",
+    "title": "IM跨平台技术学习(四)：蘑菇街基于Electron开发IM客户端的技术实践",
+    "description": "1、引言本系列文章的前面几篇主要是从Electron技术本身进行了讨论（包括：第1篇初步了解Electron、第2篇进行了快速开始和技术体验、第3篇基于实际开发考虑的技术栈选型等），各位读者也应该对Electron的开发有了...",
+    "url": "https://segmentfault.com/a/1190000042615946",
+    "author": "JackJiang",
+    "home_url": "https://segmentfault.com/u/jackjiang",
     "votes": "1",
     "rank": 6
   },
   {
-    "title": "3D点云标注有哪些好用的开源工具",
-    "description": "在人工智能自动驾驶领域中，准确的环境感知和精确的定位是自动驾驶汽车在复杂动态环境中能够进行可靠导航，信息决策以及安全驾驶的关键。虽然现代相机可以捕捉到非常详细的真实世界特征，但是可以提供给自动驾驶...",
-    "url": "https://segmentfault.com/a/1190000042598590",
-    "author": "整数智能AI研究院",
-    "home_url": "https://segmentfault.com/u/molardata",
+    "title": "从零手写react-router",
+    "description": "蛮多同学可能会觉得react-router很复杂, 说用都还没用明白, 还从0实现一个react-router, 其实router并不复杂哈, 甚至说你看了这篇博客以后, 你都会觉得router的核心原理也就那么回事",
+    "url": "https://segmentfault.com/a/1190000042615932",
+    "author": "hello_world_1024",
+    "home_url": "https://segmentfault.com/u/zhishiyuanbodexiaoyanyao",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "SegmentFault 思否技术周刊 — 浅谈如何使用 Webpack ？",
-    "description": "最近在开发一个低代码平台，主要用于运营搭建 H5 活动。这中间涉及到第三方组件的开发，而第三方组件想要接入平台，需要经过我们特定的打包工具来 build。构建之后的组件，会合并成单个的 js 文件，而且代码会被...",
-    "url": "https://segmentfault.com/a/1190000042598383",
-    "author": "Beverly",
-    "home_url": "https://segmentfault.com/u/beverly0",
+    "title": "vue3封装一个带动画的关闭按钮",
+    "description": "预览效果：实现源码： {代码...} {代码...} 源码说明：带有变量的样式，都写在行内了，因为这样适合用在任意场景下。 {代码...} 其他场景：vite可以直接在style标签中使用js变量 {代码...} {代码...}",
+    "url": "https://segmentfault.com/a/1190000042614618",
+    "author": "jsoncode",
+    "home_url": "https://segmentfault.com/u/jsoncode",
     "votes": "1",
     "rank": 8
+  },
+  {
+    "title": "视频中为什么需要这么多的颜色空间？",
+    "description": "导读：在视频处理中，我们经常会用到不同的色彩空间：非线性RGB，线性 RGB，YUV，XYZ……为什么需要这么多的色彩空间呢？为什么在 FFMpeg 中会有 color\\_space，color\\_transfer，color\\_primaries 等一系列的颜色...",
+    "url": "https://segmentfault.com/a/1190000042613694",
+    "author": "百度Geek说",
+    "home_url": "https://segmentfault.com/u/baidujiagoushi",
+    "votes": "1",
+    "rank": 9
+  },
+  {
+    "title": "IaC示例：Terraform & Ansible自动化创建K3S集群",
+    "description": "上一篇文章介绍了一个轻量级的 Kubernetes 发行版本 - k3s 。 这篇文章，我们将通过使用以下几个 IaC（Infrastructure as Code）工具，在本地环境（例如你的 Linux 工作台）自动化部署一个可用的 K3S 集群",
+    "url": "https://segmentfault.com/a/1190000042621258",
+    "author": "梦哲",
+    "home_url": "https://segmentfault.com/u/mengzyou",
+    "votes": "1",
+    "rank": 10
+  },
+  {
+    "title": "js时间格式封装及转换",
+    "description": "1、将毫秒，转换成时间字符串。例如说，xx 分钟 {代码...} 2、获取当前时间 timeStr 时分秒 字符串 格式为 xx:xx:xx（23:59:59） {代码...} 3、时间戳转年月日时分秒（例：Thu Sep 01 2022 08:00:00 GMT+0800 (中...",
+    "url": "https://segmentfault.com/a/1190000042620215",
+    "author": "墨城",
+    "home_url": "https://segmentfault.com/u/xiaomogu_5f2124ad3ad42",
+    "votes": "2",
+    "rank": 11
+  },
+  {
+    "title": "使用开源计算引擎提升Excel格式文件处理效率",
+    "description": "对Excel进行解析\\生成\\查询\\计算等处理是Java下较常见的任务，但Excel的文件格式很复杂，自行编码读写太困难，有了POI\\EasyExcel\\JExcel等类库就方便多了，其中POI最为出色。",
+    "url": "https://segmentfault.com/a/1190000042614853",
+    "author": "字母哥博客",
+    "home_url": "https://segmentfault.com/u/zimug",
+    "votes": "1",
+    "rank": 12
+  },
+  {
+    "title": "# Serverless架构演进与实践",
+    "description": "Serverless的全称是Serverless computing无服务器运算，又被称为函数即服务（Function-as-a-Service，缩写为 FaaS），是云计算的一种模型。以平台即服务（PaaS）为基础，无服务器运算提供一个微型的架构，终端客...",
+    "url": "https://segmentfault.com/a/1190000042614032",
+    "author": "得物技术",
+    "home_url": "https://segmentfault.com/u/dewujishu",
+    "votes": "1",
+    "rank": 13
+  },
+  {
+    "title": "10分钟教你写一个数据库",
+    "description": "今天教大家借助一款框架快速实现一个数据库，这个框架就是Calcite，下面会带大家通过两个例子快速教会大家怎么实现，一个是可以通过 SQL 语句的方式可以直接查询文件内容，第二个是模拟 Mysql 查询功能，以及最后...",
+    "url": "https://segmentfault.com/a/1190000042613900",
+    "author": "艾小仙",
+    "home_url": "https://segmentfault.com/u/goudantiezhuerzi",
+    "votes": "2",
+    "rank": 14
   }
 ]

package/dist/sifou-monthly.json

@@ -5,7 +5,7 @@
     "url": "https://segmentfault.com/a/1190000042481321",
     "author": "wuwhs",
     "home_url": "https://segmentfault.com/u/wuwhs",
-    "votes": "26",
+    "votes": "27",
     "rank": 1
   },
   {
@@ -23,7 +23,7 @@
     "url": "https://segmentfault.com/a/1190000042529771",
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
-    "votes": "23",
+    "votes": "24",
     "rank": 3
   },
   {
@@ -32,7 +32,7 @@
     "url": "https://segmentfault.com/a/1190000042547772",
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "21",
+    "votes": "25",
     "rank": 4
   },
   {
@@ -44,6 +44,15 @@
     "votes": "22",
     "rank": 5
   },
+  {
+    "title": "单标签实现复杂的棋盘布局",
+    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
+    "url": "https://segmentfault.com/a/1190000042513947",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "15",
+    "rank": 6
+  },
   {
     "title": "50天用vue3完成了50个web项目，我学到了什么?",
     "description": "通过本文的50个web示例你将学到:Vue3核心基础语法和进阶语法less核心基础语法和进阶语法scss核心基础语法和进阶语法1.Expanding Cards效果如图所示:源码在线示例学到了什么?JavascriptVue ref方法定义基本响应式...",
@@ -51,15 +60,6 @@
     "author": "夕水",
     "home_url": "https://segmentfault.com/u/xishui_5ac9a340a5484",
     "votes": "20",
-    "rank": 6
-  },
-  {
-    "title": "单标签实现复杂的棋盘布局",
-    "description": "其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑 DOM 的消耗的同时，也需要关注代码的可读性，以及后续基于这个布局的制作的交互的难易性等等。",
-    "url": "https://segmentfault.com/a/1190000042513947",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "14",
     "rank": 7
   },
   {
@@ -71,15 +71,6 @@
     "votes": "14",
     "rank": 8
   },
-  {
-    "title": "漫画 | Serverless + Data，让后端告别搬砖！",
-    "description": "文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...",
-    "url": "https://segmentfault.com/a/1190000042554569",
-    "author": "六一",
-    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
-    "votes": "11",
-    "rank": 9
-  },
   {
     "title": "借助 :has 实现3d轮播图",
     "description": "前不久在这篇文章：CSS 有了:has伪类可以做些什么 中介绍了:has伪类的一些使用场景，可以说大大颠覆了 CSS 选择器的认知，让很多繁琐的 js逻辑通过灵活的CSS轻易实现了。这次带来一个比较常见的案例，3d 轮播图，...",
@@ -87,61 +78,88 @@
     "author": "XboxYan",
     "home_url": "https://segmentfault.com/u/xboxyan",
     "votes": "10",
+    "rank": 9
+  },
+  {
+    "title": "漫画 | Serverless + Data，让后端告别搬砖！",
+    "description": "文章来源：码农翻身上古时期，软件系统都比较简单。随着时代的发展，系统越来越复杂。移动互联网时代来临，流量越来越大，尤其是搞促销活动的时候。促销活动过后，领导到机房视察。很快， 云计算时代来临了！又到...",
+    "url": "https://segmentfault.com/a/1190000042554569",
+    "author": "六一",
+    "home_url": "https://segmentfault.com/u/suicidal_romantic_scoundrel",
+    "votes": "11",
     "rank": 10
   },
   {
-    "title": "中秋佳节之际, 一起来欣赏 9 个冷门的css属性",
-    "description": "可能我们有时候潜意识里认为, 当前实际开发中css属性已经足够用了, 但是前段时间突然想到:\"会不会我们只是思维被限制在了常用的css属性中, 从而丧失了创造力\", 就像发明 车 之前大多数人会认...",
-    "url": "https://segmentfault.com/a/1190000042458570",
-    "author": "lulu_up",
-    "home_url": "https://segmentfault.com/u/lulu_up",
+    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
+    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
+    "url": "https://segmentfault.com/a/1190000042550192",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "10",
     "rank": 11
   },
   {
-    "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
-    "description": "不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...",
-    "url": "https://segmentfault.com/a/1190000042475152",
-    "author": "dragonir",
-    "home_url": "https://segmentfault.com/u/dragonir",
-    "votes": "9",
+    "title": "CSS 有了:has伪类可以做些什么？",
+    "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
+    "url": "https://segmentfault.com/a/1190000042490237",
+    "author": "XboxYan",
+    "home_url": "https://segmentfault.com/u/xboxyan",
+    "votes": "14",
     "rank": 12
   },
   {
-    "title": "当你 git push 时，极狐GitLab上发生了什么？",
-    "description": "本文来自：李振楠 极狐(GitLab) 研发工程师勇士，你可曾好奇过 Git 和极狐GitLab 是如何工作的？现在，拿起你心爱的 IDE，和我们一起踏上探索之旅吧！基础知识在开始旅程之前，我们需要做三分钟的知识储备，计时...",
-    "url": "https://segmentfault.com/a/1190000042537837",
-    "author": "极狐GitLab",
-    "home_url": "https://segmentfault.com/u/jihu_gitlab",
-    "votes": "9",
+    "title": "一个被忽略的前端细分领域",
+    "description": "大家好，我卡颂。回想下你学新技术的主要途径是什么？看书？看技术文档？看博文？看视频？归纳起来，无外乎文字、视频两种形式。从纸媒时代到互联网时代，再到移动互联网时代，虽然信息的载体发生变化，但信息的...",
+    "url": "https://segmentfault.com/a/1190000042584599",
+    "author": "卡颂",
+    "home_url": "https://segmentfault.com/u/kasong",
+    "votes": "13",
     "rank": 13
   },
+  {
+    "title": "35+，如果面试让我手写红黑树！",
+    "description": "为啥，面试官那么喜欢让你聊聊 HashMap？因为 HashMap 涉及的东西广，用到的数据结构多，问题延展性好，一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...",
+    "url": "https://segmentfault.com/a/1190000042581816",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
+    "votes": "10",
+    "rank": 14
+  },
   {
     "title": "Java反射真正的详解，学以致用，实战案例，虽不及万字，但也已有近8000字",
     "description": "作为Java开发者，你认为反射这个知识点重要程度，在你心里是什么样的呢？以前我也只觉得反射非常重要，但总归是听这个文章说，听那个朋友说，学是学了，但却没怎么应用。当我正式进入到社会当 cv 仔的时候，需要...",
     "url": "https://segmentfault.com/a/1190000042504992",
     "author": "宁在春",
     "home_url": "https://segmentfault.com/u/wyh_study",
-    "votes": "14",
-    "rank": 14
+    "votes": "15",
+    "rank": 15
   },
   {
-    "title": "一个被忽略的前端细分领域",
-    "description": "大家好，我卡颂。回想下你学新技术的主要途径是什么？看书？看技术文档？看博文？看视频？归纳起来，无外乎文字、视频两种形式。从纸媒时代到互联网时代，再到移动互联网时代，虽然信息的载体发生变化，但信息的...",
-    "url": "https://segmentfault.com/a/1190000042584599",
-    "author": "卡颂",
-    "home_url": "https://segmentfault.com/u/kasong",
+    "title": "超强的纯 CSS 鼠标点击拖拽效果",
+    "description": "背景鼠标拖拽元素移动，算是一个稍微有点点复杂的交互。而在本文，我们就将打破常规，向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。在之前的这篇文章中 -- 不可思议的纯 CSS 实现鼠标跟随...",
+    "url": "https://segmentfault.com/a/1190000042589774",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "11",
-    "rank": 15
+    "rank": 16
   },
   {
-    "title": "CSS 有了:has伪类可以做些什么？",
-    "description": ":has伪类是一个非常强大的伪类，强大到难以置信，可以做很多梦寐以求的事情，很多以前只能更改 dom 结构 或者只能用 JS 才能实现的功能现在也能纯 CSS 实现了，一起看看吧",
-    "url": "https://segmentfault.com/a/1190000042490237",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "12",
-    "rank": 16
+    "title": "1000粉！使用Three.js实现一个创意纪念页面 🏆",
+    "description": "不知不觉，掘金关注者人数已经超过 1000 人，因此特地做了这个页面纪念一下，感谢大家关注 🙇‍，希望思否的粉丝也涨涨。后续也将继续努力，持续输出一些有价值的文章。本文内容涉及的技术栈为 React + Three.js + ...",
+    "url": "https://segmentfault.com/a/1190000042475152",
+    "author": "dragonir",
+    "home_url": "https://segmentfault.com/u/dragonir",
+    "votes": "9",
+    "rank": 17
+  },
+  {
+    "title": "当你 git push 时，极狐GitLab上发生了什么？",
+    "description": "本文来自：李振楠 极狐(GitLab) 研发工程师勇士，你可曾好奇过 Git 和极狐GitLab 是如何工作的？现在，拿起你心爱的 IDE，和我们一起踏上探索之旅吧！基础知识在开始旅程之前，我们需要做三分钟的知识储备，计时...",
+    "url": "https://segmentfault.com/a/1190000042537837",
+    "author": "极狐GitLab",
+    "home_url": "https://segmentfault.com/u/jihu_gitlab",
+    "votes": "9",
+    "rank": 18
   },
   {
     "title": "新时代布局新特性 -- 容器查询",
@@ -150,16 +168,7 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "9",
-    "rank": 17
-  },
-  {
-    "title": "见微知著，从两道有意思的 CSS 面试题，考察你的基础",
-    "description": "今天在论坛，有看到这样一道非常有意思的题目，简单的代码如下： {代码...} 样式如下： {代码...} 试问，标签 <p> 内的文字的颜色，是 green 还是 blue 呢？有趣的是，这里的最终结果是蓝色，也就是 color:...",
-    "url": "https://segmentfault.com/a/1190000042550192",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "8",
-    "rank": 18
+    "rank": 19
   },
   {
     "title": "这些js原型及原型链面试题你能做对几道",
@@ -167,8 +176,8 @@
     "url": "https://segmentfault.com/a/1190000042569583",
     "author": "腹黑的可乐",
     "home_url": "https://segmentfault.com/u/fuheidekele",
-    "votes": "17",
-    "rank": 19
+    "votes": "18",
+    "rank": 20
   },
   {
     "title": "5 种瀑布流场景的实现原理解析",
@@ -177,7 +186,7 @@
     "author": "凹凸实验室",
     "home_url": "https://segmentfault.com/u/o2team",
     "votes": "7",
-    "rank": 20
+    "rank": 21
   },
   {
     "title": "图解JS中的事件循环",
@@ -186,7 +195,7 @@
     "author": "寒水寺一禅",
     "home_url": "https://segmentfault.com/u/xiaolizideyitian",
     "votes": "6",
-    "rank": 21
+    "rank": 22
   },
   {
     "title": "技术征文中奖名单公布 ｜ 浅谈 Java 进阶之路",
@@ -195,15 +204,6 @@
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
     "votes": "5",
-    "rank": 22
-  },
-  {
-    "title": "35+，如果面试让我手写红黑树！",
-    "description": "为啥，面试官那么喜欢让你聊聊 HashMap？因为 HashMap 涉及的东西广，用到的数据结构多，问题延展性好，一个 HashMap 就能聊下来80%的数据结构了。而且面试 HashMap 能通过你对红黑树的了解定位出你哪个级别的研...",
-    "url": "https://segmentfault.com/a/1190000042581816",
-    "author": "小傅哥",
-    "home_url": "https://segmentfault.com/u/fuzhengwei",
-    "votes": "6",
     "rank": 23
   },
   {
@@ -215,24 +215,6 @@
     "votes": "4",
     "rank": 24
   },
-  {
-    "title": "近期对前端性能优化的总结",
-    "description": "前端性能优化不管是在面试中还是在实际开发过程中，都是每一个前端开发工程师都必不可少的能力。本文总结本人多年开发经验中对前端性能优化的理解，希望对大家有所帮助，因涉及的优化方向较多，针对某些细节不再...",
-    "url": "https://segmentfault.com/a/1190000042461022",
-    "author": "南城大前端",
-    "home_url": "https://segmentfault.com/u/nanchengfe",
-    "votes": "5",
-    "rank": 25
-  },
-  {
-    "title": "超强的纯 CSS 鼠标点击拖拽效果",
-    "description": "背景鼠标拖拽元素移动，算是一个稍微有点点复杂的交互。而在本文，我们就将打破常规，向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。在之前的这篇文章中 -- 不可思议的纯 CSS 实现鼠标跟随...",
-    "url": "https://segmentfault.com/a/1190000042589774",
-    "author": "chokcoco",
-    "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "7",
-    "rank": 26
-  },
   {
     "title": "用Colab免费部署自己的AI绘画云平台—— Stable Diffusion",
     "description": "AI绘画门槛又又又降低了，从最开始需要花半天时间折腾的 Disco-Diffusion ，紧接着 Stable Diffusion 在 github 上开源，各家平台都推出了云平台，让用户通过轻松的点击、选择、输入就能生成一张张AI图。",
@@ -240,8 +222,35 @@
     "author": "程序员秋风",
     "home_url": "https://segmentfault.com/u/qiufeng_5a07f6cb96ee0",
     "votes": "6",
+    "rank": 25
+  },
+  {
+    "title": "面试说：聊聊JavaScript中的数据类型",
+    "description": "答：Javascript 中的数据类型包括原始类型和引用类型。其中原始类型包括 null、undefined、boolean、string、symbol、bigInt、number。引用类型指的是 Object。",
+    "url": "https://segmentfault.com/a/1190000042539876",
+    "author": "Gopal",
+    "home_url": "https://segmentfault.com/u/fengguangping",
+    "votes": "9",
+    "rank": 26
+  },
+  {
+    "title": "Segmentfault 思否首届「猫猫杯」线上代码共创大赛正式启动，快来 DIY 你的专属表情包！",
+    "description": "关注我们的朋友们都知道，SegmentFault 思否的吉祥物是一只独一无二、特立独行、热爱自由的(>^ω^<)独角猫，也是社区的首席摸鱼官。",
+    "url": "https://segmentfault.com/a/1190000042567232",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
     "rank": 27
   },
+  {
+    "title": "2022 SegmentFault 思否程序员大调查",
+    "description": "程序员，作为用代码创造世界的工作者，在大众眼里往往是「加班狂」的典型代表；在面对激烈的职场竞争与压力时，作为程序员的你会选择 卷 or 躺平呢？",
+    "url": "https://segmentfault.com/a/1190000042566696",
+    "author": "SegmentFault思否",
+    "home_url": "https://segmentfault.com/u/segmentfault",
+    "votes": "5",
+    "rank": 28
+  },
   {
     "title": "与小程序的 2M 空间斗智斗勇之图片优化",
     "description": "现在的网站或者 app 等各类应用，但凡有图片资源，基本上都是通过 CDN 的方式加载，而 CDN 方面大概率也就是阿里云或者腾讯云了。在 CDN 中会做的一个事情，必然是对图片资源的优化、压缩。久而久之，大家似乎也...",
@@ -249,7 +258,7 @@
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
     "votes": "4",
-    "rank": 28
+    "rank": 29
   },
   {
     "title": "[极致用户体验] 为什么建议2022年不用\"等比设计稿\"+rem，而用\"灵活设计稿\"+px",
@@ -258,15 +267,6 @@
     "author": "HullQin",
     "home_url": "https://segmentfault.com/u/hullqin",
     "votes": "6",
-    "rank": 29
-  },
-  {
-    "title": "微信小程序转为App并上架应用市场",
-    "description": "先说说背景吧，笔者开发了一款微信工具类小程序，刚开始，小程序的日访问量和用户数都还可以，但后面慢慢的发现，受限于微信小程序平台规则，很难对用户进行更深入的运营，用户流失问题也将逐渐凸显出来。另一方...",
-    "url": "https://segmentfault.com/a/1190000042503461",
-    "author": "xiangzhihong",
-    "home_url": "https://segmentfault.com/u/xiangzhihong",
-    "votes": "4",
     "rank": 30
   }
 ]