@wcj/github-rank 21.12.23 → 21.12.24

package/web/data/sifou-daily.json

@@ -1,173 +1,146 @@
 [
   {
-    "title": "怎么做好Java性能优化",
-    "description": "性能优化是一个很复杂的工作，且充满了不确定性。它不像Java业务代码，可以一次编写到处运行(write once, run anywhere)，往往一些我们可能并不能察觉的变化，就会带来惊喜/惊吓。能够全面的了解并评估我们所负责...",
-    "url": "https://segmentfault.com/a/1190000041159325",
-    "author": "得物技术",
-    "home_url": "https://segmentfault.com/u/dewujishu",
-    "votes": "1",
+    "title": "魏永明：都打着开源协作的名义要共建，却又是山头林立搞内卷",
+    "description": "魏永明，清华大学工学学士、硕士，飞漫软件创始人，开源软件杰出贡献人物。1999年发布知 名开源软件 MiniGUI并持续研发至今。出版有《Minicul 剖析》、《Linux 设备驱动程序》（二、三版）等技术著作。2018年11月...",
+    "url": "https://segmentfault.com/a/1190000041166779",
+    "author": "鸣飞",
+    "home_url": "https://segmentfault.com/u/mf",
+    "votes": "3",
     "rank": 1
   },
   {
-    "title": "JZ-034-第一个只出现一次的字符位置",
-    "description": "在一个字符串(0<=字符串长度<=10000，全部由字母组成)中找到第一个只出现一次的字符,并返回它的位置, 如果没有则返回 -1（需要区分大小写）.（从0开始计数）题目链接: 第一个只出现一次的字符位置",
-    "url": "https://segmentfault.com/a/1190000041164717",
-    "author": "雄狮虎豹",
-    "home_url": "https://segmentfault.com/u/xiongshihubao",
-    "votes": "4",
+    "title": "用一个 flv.js 播放监控的例子，带你深撅直播流技术",
+    "description": "本文记录一下在使用 flv.js 播放监控视频时踩过的各种各样的坑。虽然官网给的 Getting Started 只有短短几行代码，跑一个能播视频的 demo 很容易，但是播放时各种各样的异常会搞到你怀疑人生。",
+    "url": "https://segmentfault.com/a/1190000041163719",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "6",
     "rank": 2
   },
   {
-    "title": "2021 年 25 大 DevOps 工具（上）",
-    "description": "2021 年是 DevOps 的重要一年。由于 DevOps 跨越开发、运营、IT、安全和产品团队等等，以及软件开发的不同阶段，因此有大量工具可供选择。",
-    "url": "https://segmentfault.com/a/1190000041159637",
-    "author": "陈琦",
-    "home_url": "https://segmentfault.com/u/chen_5ec331606ce75",
-    "votes": "2",
+    "title": "Amazing！！CSS 也能实现极光？",
+    "description": "emmm，这有点难为人了。不过，最近我也尝试着去试了下，虽然不可能模拟出那么真实的效果，但是使用 CSS 还是可以作出类似的一些特效的，今天我们就一起来尝试下。",
+    "url": "https://segmentfault.com/a/1190000041166007",
+    "author": "chokcoco",
+    "home_url": "https://segmentfault.com/u/chokcoco",
+    "votes": "3",
     "rank": 3
   },
   {
-    "title": "前端er必须掌握的数据可视化技术",
-    "description": "作为一名合格的社会人，我们每天都在工作、生活、学习中和数字打交道。小到量化的工作内容，大到具体的工作指标，车间生产、批发零售各行各业都充斥着大量数据。在互联网诞生之后，网络把我们紧紧相连，也让数据...",
-    "url": "https://segmentfault.com/a/1190000041159528",
-    "author": "葡萄城技术团队",
-    "home_url": "https://segmentfault.com/u/grapecity",
+    "title": "当 2021 年的寒冬遇到疫情和离职",
+    "description": "说实话，今年的收尾有些惨淡，离职后又遇到了西安的疫情... 但也有点小幸运。工作如题，我离职了。看过前两年的年终总结的都应该知道，三年前从西安去的上海，现在又从上海回到了西安。说巧不巧的遇到了西安疫情...",
+    "url": "https://segmentfault.com/a/1190000041170346",
+    "author": "沈唁",
+    "home_url": "https://segmentfault.com/u/sy_records",
     "votes": "2",
     "rank": 4
   },
   {
-    "title": "搭建 3D 智慧农场可视化，解锁绿色生态田园",
-    "description": "何为“无人农场”？中国工程院院士罗锡文用五句话高度概括：“耕种管收生产环节全覆盖；机库田间转移作业全自动；自动避障异况停车保安全；作物生产过程实施全监控；智能决策精准作业全无人。”",
-    "url": "https://segmentfault.com/a/1190000041163490",
-    "author": "hightopo",
-    "home_url": "https://segmentfault.com/u/hightopo",
-    "votes": "1",
+    "title": "Google Cloud 2022 中国数字峰会全新开启",
+    "description": "本次大会以“一元初始 万象融合”为主题，邀请了谷歌和 Google Cloud 业务负责人、技术专家和客户代表，围绕谷歌融合生态和 Google Cloud 多项技术、服务及解决方案展开探讨。",
+    "url": "https://segmentfault.com/a/1190000041167161",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "2",
     "rank": 5
   },
   {
-    "title": "边缘计算将如何改变云计算的未来？",
-    "description": "过去十年，云计算范式兴起，主要包括云中存储和网络管理集中化。智能手机、计算机、可穿戴设备等移动设备日益增长的趋势正在推动物联网发展，并革新移动应用程序。",
-    "url": "https://segmentfault.com/a/1190000041163354",
-    "author": "云联壹云",
-    "home_url": "https://segmentfault.com/u/yunion",
-    "votes": "1",
+    "title": "JuiceFS 数据加密原理",
+    "description": "JuiceFS 作为分布文件系统，每天与海量的数据打着交道，因此数据的安全性尤为关键，今天就来介绍一下 JuiceFS 在数据加密方面所做的努力。",
+    "url": "https://segmentfault.com/a/1190000041168348",
+    "author": "JuiceFS",
+    "home_url": "https://segmentfault.com/u/juicefs",
+    "votes": "2",
     "rank": 6
   },
   {
-    "title": "让您的应用支持新式的 Emoji 符号吧！",
-    "description": "Emoji 已无处不在，自发布以来 emoji 已成为我们语言中不可或缺的一部分，它生动有效的表达力带来了语言文字层面的变革。您可能不会想到，连银行应用、健身应用或外卖应用也都应该支持 emoji。Emoji 现在已经遍布...",
-    "url": "https://segmentfault.com/a/1190000041161988",
-    "author": "Android开发者",
-    "home_url": "https://segmentfault.com/u/androiddevs",
+    "title": "三年磨一剑，高德地图体验优化总结",
+    "description": "高德地图从19年开始对全链路性能体验进行了持续三年的优化，最终整体核心链路上实现了打对折优化，用户体验上大幅提升。过程中，对性能优化的一些思考和实践经验，本文进行了总结，希望对大家有些助益。",
+    "url": "https://segmentfault.com/a/1190000041169707",
+    "author": "阿里巴巴移动技术",
+    "home_url": "https://segmentfault.com/u/alimobile",
     "votes": "1",
     "rank": 7
   },
   {
-    "title": "思否独立开发者丨对话齐上凯：@班车精灵-轻量小程序，上班不怕迟",
-    "description": "今天我们采访到的独立开发者是齐上凯，来自美丽的滨海城市厦门。他是一名从事软件开发20多年的“老兵”，成为独立开发者之前是一名技术管理者。从业20年见证并经历了国内移动端发展的全过程（WINCE -> Windows m...",
-    "url": "https://segmentfault.com/a/1190000041160370",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
+    "title": "我写了个IDEA开源插件，vo2dto 一键生成对象转换",
+    "description": "那上 BeanUtils.copyProperties 呀，其实对象转换不只这个方法，还有同类的12种手段，但综合来看还是 MapStruct 在编译期生成x.set(y.get)代码的最终效果最好，整体压测数据如下：",
+    "url": "https://segmentfault.com/a/1190000041167744",
+    "author": "小傅哥",
+    "home_url": "https://segmentfault.com/u/fuzhengwei",
     "votes": "1",
     "rank": 8
   },
   {
-    "title": "Linux小白如何快速上手Linux？",
-    "description": "Linux小白如何快速上手Linux？与其大大半年查CSDN或者官网，不如花10分钟快速了解相关指令，快速入门Linux。下文提到的指令都是比较基础的指令，不能让你成为Linux大神，但是可以快速入门Linux1.单词directory 目...",
-    "url": "https://segmentfault.com/a/1190000041159285",
-    "author": "桀桀",
-    "home_url": "https://segmentfault.com/u/_61a7278fb60d9",
-    "votes": "2",
+    "title": "在 Amazon Inferentia 上为 PyTorch 自然语言处理应用程序实现 12 倍的吞吐量和低延迟",
+    "description": "Snap、Alexa 和 Autodesk 等亚马逊云科技客户一直在使用 Amazon Inferentia 部署各种机器学习 (ML) 模型以实现高性能和低成本。自然语言处理 (NLP) 模型在实时和离线批处理使用案例中越来越受欢迎。我们的客户在...",
+    "url": "https://segmentfault.com/a/1190000041166843",
+    "author": "亚马逊云开发者",
+    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
+    "votes": "1",
     "rank": 9
   },
   {
-    "title": "巧用机器学习托管服务，自动化合约处理从此不在话下！",
-    "description": "处理合约及协议等文档资料是一项费时费力的任务。在传统意义上，对典型的合约签订工作流进行审计往往涉及合约条款的加载、阅读及提取等多个步骤，这往往需要耗费大量人工与劳力。",
-    "url": "https://segmentfault.com/a/1190000041158693",
-    "author": "亚马逊云开发者",
-    "home_url": "https://segmentfault.com/u/aws_aidevcommunity",
+    "title": "【C进阶】24、#pragma分析",
+    "description": "1）#pragma 用于 指示编译器 完成一些特定的动作；#pragma 所定义的很多指示字是编译器特有的，所以在不同的编译器间是不可移植的",
+    "url": "https://segmentfault.com/a/1190000041171107",
+    "author": "bryson",
+    "home_url": "https://segmentfault.com/u/lala_60a20654d1aa3",
     "votes": "1",
     "rank": 10
   },
   {
-    "title": "VMware虚拟机安装deepin",
-    "description": "想安装个deepin方便学习，又不想双系统，所以选择在VMware虚拟机里安装deepin先下载deepin镜像先去阿里巴巴开源镜像站的os镜像下载deepin创建虚拟机然后根据提示走，点下一步，根据推荐走就行，内存可以设置大点...",
-    "url": "https://segmentfault.com/a/1190000041164236",
-    "author": "6bje1yjq",
-    "home_url": "https://segmentfault.com/u/6bje1yjq",
+    "title": "魏永明：少谈情怀少作秀，多写代码多创新",
+    "description": "魏永明，清华大学工学学士、硕士，飞漫软件创始人，开源软件杰出贡献人物。1999年发布知 名开源软件 MiniGUI并持续研发至今。出版有《Minicul 剖析》、《Linux 设备驱动程序》（二、三版）等技术著作。2018年11月...",
+    "url": "https://segmentfault.com/a/1190000041167014",
+    "author": "鸣飞",
+    "home_url": "https://segmentfault.com/u/mf",
     "votes": "1",
     "rank": 11
   },
   {
-    "title": "服务器配置gitlab-runner流程问题总结",
-    "description": "目的：摆脱Jenkins部署；如果前端有自己的服务器环境；可以借助gitlab-runner实现CI自动部署并且发送结果通知消息1. 服务器安装gitlab-runner先确认服务器环境信息之后找到对应的gitlab-runner安装包使用uname -a...",
-    "url": "https://segmentfault.com/a/1190000041162239",
-    "author": "songxianling1992",
-    "home_url": "https://segmentfault.com/u/songxianling1992",
+    "title": "OPPO大数据离线任务调度系统OFLOW",
+    "description": "在整个大数据体系中，在原始数据被采集之后，需要使用各种逻辑进行整合和计算之后才能输出实际有效的数据，才能最终用于商业目的，实现大数据的价值。在整个处理流程中，无论是抽取、转换、装载（ETL）的这些过程...",
+    "url": "https://segmentfault.com/a/1190000041166580",
+    "author": "OPPO数智技术",
+    "home_url": "https://segmentfault.com/u/oppo_internet_tech",
     "votes": "1",
     "rank": 12
   },
   {
-    "title": "GitOps 应用实践系列 - Flux CD 及其核心组件",
-    "description": "经过前面三篇文章，不仅为大家介绍了什么是 GitOps 也介绍了如何利用 Argo CD 来实施 GitOps。本篇我来为你介绍另一个可用于实施 GitOps 的工具：Flux CD 。",
-    "url": "https://segmentfault.com/a/1190000041162041",
-    "author": "张晋涛",
-    "home_url": "https://segmentfault.com/u/moelove",
-    "votes": "1",
+    "title": "「百毒不侵(一)」(a == 1 && a == 2 && a == 3) 有可能是 true 吗？",
+    "description": "大家好我是林三心，又一周过去了，哎，想想年纪又大了，就烦。今天突然有人问我:(a == 1 && a == 2 && a ==3) 有可能是 true 吗我当时就想一脚踹过去，你这不是在耍我吗？当我的脚离他的脸一厘米...",
+    "url": "https://segmentfault.com/a/1190000041165448",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "2",
     "rank": 13
   },
   {
-    "title": "python零基础，适合新手的两个 Python 项目，文档都巨详细",
-    "description": "网购已经成为人们生活不可或缺的一部分，该项目基于某平台数据，通过相关指标对用户行为进行分析，从而探索用户相关行为模式。为了让大家能够学的会，我特意熬夜为大家录制视频，并且还写的完整的PDF文档，同时也...",
-    "url": "https://segmentfault.com/a/1190000041161035",
-    "author": "程序员大志",
-    "home_url": "https://segmentfault.com/u/460lqej5",
+    "title": "记录使用React Native开发App全过程",
+    "description": "使用相关插件 Expo(项目框架)、nativebase(UI框架)、React Navigation(路由)使用Expo是为了编译Web端的时候可以SSR渲染功能开发地图使用 react-native-maps开发过程中记录safeAreaReactNavigation提供 加上会去掉...",
+    "url": "https://segmentfault.com/a/1190000041169610",
+    "author": "pawn",
+    "home_url": "https://segmentfault.com/u/pawnjj",
     "votes": "1",
     "rank": 14
   },
   {
-    "title": "最近兴起的元宇宙，Python几行代码就能撸",
-    "description": "大家好，我是查理～Facebook 改名为 meta，一下子点燃了 元宇宙 这个概念。今天我就用 Python 实现一个简单的迷你元宇宙。代码简洁易懂，不仅可以学习 Python 知识，还能用实践理解元宇宙的概念。还等什么，现在...",
-    "url": "https://segmentfault.com/a/1190000041160462",
-    "author": "查理不是猹",
-    "home_url": "https://segmentfault.com/u/5q9lbntl",
-    "votes": "1",
+    "title": "Spring04——Spring操作JdbcTemplate进行JDBC操作",
+    "description": "前言：传统的JDBC操作非常的繁琐,为了使JDBC更加便于使用,Spring整合了JDBC，以此建立一个JDBC存取框架: JdbcTemplate",
+    "url": "https://segmentfault.com/a/1190000041168718",
+    "author": "嘻嘻硕",
+    "home_url": "https://segmentfault.com/u/wldenw2y",
+    "votes": "3",
     "rank": 15
   },
   {
-    "title": "太赞了！这4款Pandas自动数据分析神器",
-    "description": "了解列数、行数、取值分布、缺失值、列之间的相关关系等等，这个过程叫做 EDA（Exploratory Data Analysis，探索性数据分析）。",
-    "url": "https://segmentfault.com/a/1190000041159341",
-    "author": "陈程",
-    "home_url": "https://segmentfault.com/u/zu3z25mk",
+    "title": "如何使用TeamCode Tin快速访问Jenkins",
+    "description": "Jenkins是一个开源软件项目，是基于Java开发的一种持续集成工具，用于监控持续重复的工作，旨在提供一个开放易用的软件平台，使软件项目可以进行持续集成。",
+    "url": "https://segmentfault.com/a/1190000041166595",
+    "author": "TeamCode",
+    "home_url": "https://segmentfault.com/u/teamcode",
     "votes": "1",
     "rank": 16
-  },
-  {
-    "title": "王力宏事件终于得到回应，教你用Python分析",
-    "description": "大家好，我是查理～昨晚，刚刚王力宏终于回应了。今天干脆手把手教大家如何数据处理+可视化他的微博评论，下载完整代码/数据见文末。12月15日，王力宏在微博突然宣布离婚，表示“靓蕾和我的私生活很简单很单纯，所...",
-    "url": "https://segmentfault.com/a/1190000041159091",
-    "author": "查理不是猹",
-    "home_url": "https://segmentfault.com/u/5q9lbntl",
-    "votes": "1",
-    "rank": 17
-  },
-  {
-    "title": "高级Android插件化最全开源项目，看这一篇就够了！",
-    "description": "插件化技术发展到现在其实已经很成熟了，但是相应的问题，如果没有真正地去实践过，根本不了解其中有多少问题，会牵涉到多少技术细节，多少被外人膜拜的外表光鲜的技术大牛都被『插件化』这三个字折磨地死去活来...",
-    "url": "https://segmentfault.com/a/1190000041158996",
-    "author": "分你一些日落",
-    "home_url": "https://segmentfault.com/u/xixi_619cabc38e0b4",
-    "votes": "1",
-    "rank": 18
-  },
-  {
-    "title": "学习Python需不需要学习Linux?Linux怎么安装？",
-    "description": "大家都知道，Python编程语言具有很多优势所在，优雅、简单、明确，Python看上去给人的感觉就是简单易懂，对于初学者来说，不仅容易入门，就业前景也是非常不错的，可以从事的工作岗位有很多。",
-    "url": "https://segmentfault.com/a/1190000041158652",
-    "author": "桀桀",
-    "home_url": "https://segmentfault.com/u/_61a7278fb60d9",
-    "votes": "1",
-    "rank": 19
   }
 ]

package/web/data/sifou-monthly.json

@@ -1,13 +1,4 @@
 [
-  {
-    "title": "CSS mask 实现鼠标跟随镂空效果",
-    "description": "偶然在某思看到这样一个问题，如何使一个div的部分区域变透明而其他部分模糊掉？，最后实现效果是这样的进一步，还能实现任意形状的镂空效果鼠标经过的地方清晰可见，其他地方则是模糊的。可能一开始无从下手，不...",
-    "url": "https://segmentfault.com/a/1190000040996523",
-    "author": "XboxYan",
-    "home_url": "https://segmentfault.com/u/xboxyan",
-    "votes": "43",
-    "rank": 1
-  },
   {
     "title": "20 个防御性的 CSS 处理方式，很细节很常见，也很容易被忽略的处理方式",
     "description": "看到一篇来自 @shadeed9 关于 CSS 的文章内容，整体来说主要在编写 CSS 时可能需要注意到的一些带有保护性的处理方式，以避免页面布局上出现错位等情况。CSS 属性有些还是很常见的，只不过深感在细节上的把控真的...",
@@ -15,7 +6,7 @@
     "author": "林小志",
     "home_url": "https://segmentfault.com/u/linxz",
     "votes": "38",
-    "rank": 2
+    "rank": 1
   },
   {
     "title": "React、Vue我全都要！React Hook 实现 Vue 的11个基本功能",
@@ -24,7 +15,7 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "31",
-    "rank": 3
+    "rank": 2
   },
   {
     "title": "思否年度有奖征文丨用文字记录下属于你的2021",
@@ -32,8 +23,8 @@
     "url": "https://segmentfault.com/a/1190000041089764",
     "author": "SegmentFault思否",
     "home_url": "https://segmentfault.com/u/segmentfault",
-    "votes": "21",
-    "rank": 4
+    "votes": "22",
+    "rank": 3
   },
   {
     "title": "以 Vuex 为引，一窥状态管理全貌",
@@ -42,6 +33,15 @@
     "author": "杨成功",
     "home_url": "https://segmentfault.com/u/ruidoc",
     "votes": "29",
+    "rank": 4
+  },
+  {
+    "title": "现代配置指南——YAML 比 JSON 高级在哪？",
+    "description": "一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...",
+    "url": "https://segmentfault.com/a/1190000041108051",
+    "author": "杨成功",
+    "home_url": "https://segmentfault.com/u/ruidoc",
+    "votes": "30",
     "rank": 5
   },
   {
@@ -62,23 +62,14 @@
     "votes": "28",
     "rank": 7
   },
-  {
-    "title": "「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神！！！",
-    "description": "大家好，我是林三心，基础是进阶的前提，上一篇，我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础知识点，今天就给大家分享一下，我这一年来，工作中遇到的50个JS高级知识点吧！！！",
-    "url": "https://segmentfault.com/a/1190000040996585",
-    "author": "Sunshine_Lin",
-    "home_url": "https://segmentfault.com/u/user_ze46ouik",
-    "votes": "29",
-    "rank": 8
-  },
   {
     "title": "使用 CSS 轻松实现高频出现的各类奇形怪状按钮",
     "description": "背景在群里会有同学问相关的问题，怎么样使用 CSS 实现一个内切角按钮呢、怎么样实现一个带箭头的按钮呢？本文基于一些高频出现在设计稿中的，使用 CSS 实现稍微有点难度和技巧性的按钮，讲解使用 CSS 如何尽可能...",
     "url": "https://segmentfault.com/a/1190000041044028",
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
-    "votes": "24",
-    "rank": 9
+    "votes": "25",
+    "rank": 8
   },
   {
     "title": "git进阶（撤销pull、撤销merge、撤销add）",
@@ -87,7 +78,7 @@
     "author": "浅夏晴空",
     "home_url": "https://segmentfault.com/u/qianxiaqingkong",
     "votes": "15",
-    "rank": 10
+    "rank": 9
   },
   {
     "title": "100行代码实现React核心调度功能",
@@ -96,7 +87,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "19",
-    "rank": 11
+    "rank": 10
   },
   {
     "title": "基于 Vite 搭建开发体验超级丝滑的 Vue3 组件库开发框架",
@@ -105,16 +96,16 @@
     "author": "jrainlau",
     "home_url": "https://segmentfault.com/u/jrainlau",
     "votes": "19",
-    "rank": 12
+    "rank": 11
   },
   {
-    "title": "现代配置指南——YAML 比 JSON 高级在哪？",
-    "description": "一直以来，前端工程中的配置大多都是 .js 文件或者 .json 文件，最常见的比如：package.jsonbabel.config.jswebpack.config.js这些配置对前端非常友好，因为都是我们熟悉的 JS 对象结构。一般静态化的配置会选择 ...",
-    "url": "https://segmentfault.com/a/1190000041108051",
-    "author": "杨成功",
-    "home_url": "https://segmentfault.com/u/ruidoc",
-    "votes": "28",
-    "rank": 13
+    "title": "详解虚拟DOM与Diff算法",
+    "description": "最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...",
+    "url": "https://segmentfault.com/a/1190000041134103",
+    "author": "kerin",
+    "home_url": "https://segmentfault.com/u/kerin",
+    "votes": "18",
+    "rank": 12
   },
   {
     "title": "公司用的 MySQL 团队开发规范，太详细了，建议收藏！",
@@ -123,25 +114,7 @@
     "author": "民工哥",
     "home_url": "https://segmentfault.com/u/jishuroad",
     "votes": "20",
-    "rank": 14
-  },
-  {
-    "title": "详解虚拟DOM与Diff算法",
-    "description": "最近复习到虚拟DOM与Diff，翻阅了众多资料，特此总结了这篇长文，加深自己对vue的理解。这篇文章比较详细的分析了vue的虚拟DOM,Diff算法，其中一些关键的地方从别处搬运了一些图进行说明(感谢制图的大佬)，也包含...",
-    "url": "https://segmentfault.com/a/1190000041134103",
-    "author": "kerin",
-    "home_url": "https://segmentfault.com/u/kerin",
-    "votes": "17",
-    "rank": 15
-  },
-  {
-    "title": "14 张有趣深动图解 FlexBox，好家伙，还不快进收藏夹吃灰！",
-    "description": "有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub [链接] 已收录，有一线大厂面试完整考点、资料以及我的系列文章。",
-    "url": "https://segmentfault.com/a/1190000041000841",
-    "author": "前端小智",
-    "home_url": "https://segmentfault.com/u/minnanitkong",
-    "votes": "17",
-    "rank": 16
+    "rank": 13
   },
   {
     "title": "用CSS来撸一只神经猫",
@@ -150,7 +123,7 @@
     "author": "linshuai",
     "home_url": "https://segmentfault.com/u/linshuai",
     "votes": "15",
-    "rank": 17
+    "rank": 14
   },
   {
     "title": "「总结」今年我写了55篇文章，面试了30个人，学习了385个知识点！",
@@ -159,7 +132,16 @@
     "author": "Sunshine_Lin",
     "home_url": "https://segmentfault.com/u/user_ze46ouik",
     "votes": "22",
-    "rank": 18
+    "rank": 15
+  },
+  {
+    "title": "机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?",
+    "description": "前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。",
+    "url": "https://segmentfault.com/a/1190000041156066",
+    "author": "思否编辑部",
+    "home_url": "https://segmentfault.com/u/writers",
+    "votes": "11",
+    "rank": 16
   },
   {
     "title": "从 Amazon Graviton3 发布，看 2022 云计算的核心方向",
@@ -168,7 +150,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "11",
-    "rank": 19
+    "rank": 17
   },
   {
     "title": "PHP 基金会，是个好事 (PHP Foundation)",
@@ -177,7 +159,7 @@
     "author": "summerblue",
     "home_url": "https://segmentfault.com/u/summerblue",
     "votes": "15",
-    "rank": 20
+    "rank": 18
   },
   {
     "title": "利用 clip-path 实现动态区域裁剪",
@@ -186,16 +168,16 @@
     "author": "chokcoco",
     "home_url": "https://segmentfault.com/u/chokcoco",
     "votes": "13",
-    "rank": 21
+    "rank": 19
   },
   {
-    "title": "机器学习岗位年薪50万+，现在有个提供免费学习实操的入门平台，你不了解下?",
-    "description": "前有编写「动手学深度学习」，成就圈内入门经典，后又在B站免费讲斯坦福 AI 课，一则艰深硬核讲论文的视频播放量36万，不少课题组从导师到见习本科生都在追番。",
-    "url": "https://segmentfault.com/a/1190000041156066",
-    "author": "思否编辑部",
-    "home_url": "https://segmentfault.com/u/writers",
-    "votes": "10",
-    "rank": 22
+    "title": "2022前端必用⭐正则大全, 请🚀提前收好.",
+    "description": "你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.",
+    "url": "https://segmentfault.com/a/1190000041153005",
+    "author": "铁皮饭盒",
+    "home_url": "https://segmentfault.com/u/russell221",
+    "votes": "18",
+    "rank": 20
   },
   {
     "title": "Error Boundaries是这么实现的，还挺巧妙",
@@ -204,7 +186,7 @@
     "author": "卡颂",
     "home_url": "https://segmentfault.com/u/kasong",
     "votes": "10",
-    "rank": 23
+    "rank": 21
   },
   {
     "title": "如果将元宇宙逐层拆解，你会发现内核是“云”",
@@ -213,7 +195,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "9",
-    "rank": 24
+    "rank": 22
   },
   {
     "title": "2021 re:Invent ，我们到底该关注哪些发布？",
@@ -222,7 +204,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "13",
-    "rank": 25
+    "rank": 23
   },
   {
     "title": "一个 Babelfish ，看懂云数据库的发展方向",
@@ -231,7 +213,7 @@
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
     "votes": "12",
-    "rank": 26
+    "rank": 24
   },
   {
     "title": "你真的认为Google翻译不影响\"前端\"页面功能吗?",
@@ -240,7 +222,7 @@
     "author": "lulu_up",
     "home_url": "https://segmentfault.com/u/lulu_up",
     "votes": "11",
-    "rank": 27
+    "rank": 25
   },
   {
     "title": "这是什么选秀节目？数百万人看后想学「机器学习」",
@@ -248,8 +230,8 @@
     "url": "https://segmentfault.com/a/1190000041130996",
     "author": "思否编辑部",
     "home_url": "https://segmentfault.com/u/writers",
-    "votes": "8",
-    "rank": 28
+    "votes": "9",
+    "rank": 26
   },
   {
     "title": "10个HTML文件上传技巧",
@@ -258,15 +240,33 @@
     "author": "前端小智",
     "home_url": "https://segmentfault.com/u/minnanitkong",
     "votes": "16",
-    "rank": 29
+    "rank": 27
   },
   {
-    "title": "2022前端必用⭐正则大全, 请🚀提前收好.",
-    "description": "你好, 我是any-rule(一个vscode插件)的作者, 感谢大家长期以来对any-rule的喜爱. 经过大家1年多的使用, any-rule后台已经有了10w+的日志记录, 年底了分享下这1年中大家最喜欢的正则有哪些.",
-    "url": "https://segmentfault.com/a/1190000041153005",
-    "author": "铁皮饭盒",
-    "home_url": "https://segmentfault.com/u/russell221",
+    "title": "原来这才是 Socket ！",
+    "description": "关于对 Socket 的认识，大致分为下面几个主题，Socket 是什么，Socket 是如何创建的，Socket 是如何连接并收发数据的，Socket 套接字的删除等。",
+    "url": "https://segmentfault.com/a/1190000041119178",
+    "author": "程序员cxuan",
+    "home_url": "https://segmentfault.com/u/cxuan",
     "votes": "15",
+    "rank": 28
+  },
+  {
+    "title": "你说你会Promise？那你解决一下项目中的这五个难题？",
+    "description": "大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，众所周知哈， Promise 在咱们的开发中是相当的重要，我觉得对于 Promise 的使用等级，可以分为三个等级",
+    "url": "https://segmentfault.com/a/1190000041025373",
+    "author": "Sunshine_Lin",
+    "home_url": "https://segmentfault.com/u/user_ze46ouik",
+    "votes": "16",
+    "rank": 29
+  },
+  {
+    "title": "火线安全：Log4j2 史诗级漏洞波及全球6万+开源软件",
+    "description": "近日，Log4j2 被爆出现史诗级利用成本极低危害极大的漏洞，黑客可通过发送一条指令即可控制目标设备。Log4j2 作为基础日志组件被大量基础服务在底层使用，据统计，该漏洞影响6万+流行开源软件，影响70%以上的企业...",
+    "url": "https://segmentfault.com/a/1190000041105568",
+    "author": "火线安全",
+    "home_url": "https://segmentfault.com/u/huoxian",
+    "votes": "9",
     "rank": 30
   }
 ]